Skip to content

Commit 2edcb02

Browse files
flatsiedatsieflatsiedatsie
authored
Add files via upload
1 parent bc14e76 commit 2edcb02

File tree

3 files changed

+24
-92
lines changed

3 files changed

+24
-92
lines changed

‎css/extension.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -400,14 +400,13 @@ body:not(.developer) .extension-buttoninput-show-if-developer{
400400
}
401401

402402

403-
403+
#extension-buttoninput-content.extension-buttoninput-show-all #extension-buttoninput-show-all-button-container,
404404
#extension-buttoninput-content:not(.extension-buttoninput-show-all) h4:not(.extension-buttoninput-overview-selected),
405405
#extension-buttoninput-content:not(.extension-buttoninput-show-all) h4:not(.extension-buttoninput-overview-selected) + ul{
406406
display:none;
407407
}
408408

409409

410-
411410
.extension-buttoninput-overview-latching-container{
412411
display:none;
413412
margin:1rem 0;
@@ -432,13 +431,15 @@ body:not(.developer) .extension-buttoninput-show-if-developer{
432431
height: 25px;
433432
background: #5d9bc7;
434433
cursor: pointer;
434+
border-radius:.5rem;
435435
}
436436

437437
.extension-buttoninput-overview-latching-container input::-moz-range-thumb {
438438
width: 25px;
439439
height: 25px;
440440
background: #5d9bc7;
441441
cursor: pointer;
442+
border-radius:.5rem;
442443
}
443444

444445
.extension-buttoninput-overview-latching-value{

‎js/extension.js‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -57,15 +57,16 @@
5757
this.update_countdown = 0;
5858
this.add_button.innerHTML = '';
5959
if(content_el){
60-
content_el.classList.remove('extension-buttoninput-busy-scanning')
60+
content_el.classList.remove('extension-buttoninput-busy-scanning');
6161
}
6262

6363
}
6464
else{
6565
this.update_countdown = 40;
6666
this.add_button.innerHTML = this.update_countdown;
6767
if(content_el){
68-
content_el.classList.add('extension-buttoninput-busy-scanning')
68+
content_el.classList.add('extension-buttoninput-busy-scanning');
69+
content_el.classList.add('extension-buttoninput-show-all');
6970
}
7071
this.get_input_data();
7172
}
@@ -340,6 +341,17 @@
340341
}
341342

342343

344+
345+
346+
let show_all_button_el = document.getElementById('extension-buttoninput-show-all-button');
347+
if(show_all_button_el && content_el){
348+
show_all_button_el.addEventListener('click', () => {
349+
content_el.classList.add('extension-buttoninput-show-all');
350+
})
351+
}
352+
else{
353+
console.error("no rescan button found");
354+
}
343355

344356
/*
345357
let update_button_el = document.getElementById('extension-buttoninput-update-button');

‎views/content.html‎

Lines changed: 7 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -14,96 +14,9 @@ <h1>Missing permission to read and control devices</h1>
1414
<p>If you don't have the Candle App Store, go to <a href="/settings/developer">Settings -> Developer</a> and then Create Local Authorization. Generate a key there by clicking on Allow at the bottom of the page. Copy the token that's generated, and then visit the settings page for this addon. There you can paste in the code, and click Apply to save it.</p>
1515
</div>
1616

17-
<!--
18-
<div id="extension-buttoninput-list">
19-
<div id="extension-buttoninput-list-explanation">
20-
<div style="padding: 2rem; background-color: rgba(0,0,0,.1); border-radius: 0.5rem;">
21-
<h3>How it works</h3>
22-
<p>Button Input allows you to have the value of one property 'follow' the value of another.</p>
23-
<p>For example, you could have a light's brightness follow the volume of the radio.</p>
24-
<p>&nbsp;</p>
25-
<img src="/extensions/buttoninput/images/buttoninput-example.png" alt="buttoninput example" style="width:100%;border-radius:.5rem"/>
26-
<p style="text-align:center;font-style:italic; opacity:.8">The louder the radio, the brighter the light (example)</p>
27-
</div>
28-
</div>
29-
</div>
30-
-->
17+
3118

3219

33-
<div id="extension-buttoninput-original-item" class="extension-buttoninput-item">
34-
35-
<div class="extension-buttoninput-item-sentence">
36-
<div class="extension-buttoninput-item-sentence-part">
37-
<span>
38-
<input type="number" step="0.001" class="extension-buttoninput-limit extension-buttoninput-limit1" name="extension-buttoninput-limit1" value="0">
39-
to
40-
<input type="number" step="0.001" class="extension-buttoninput-limit extension-buttoninput-limit2" name="extension-buttoninput-limit2" value="100">
41-
of
42-
</span>
43-
<span class="extension-buttoninput-leader">
44-
<select class="extension-buttoninput-thing1 extension-buttoninput-dropdown">
45-
<option value=""></option>
46-
</select><select class="extension-buttoninput-property1 extension-buttoninput-dropdown">
47-
<option value=""></option>
48-
</select>
49-
</span>
50-
</div>
51-
52-
<div class="extension-buttoninput-item-sentence-part extension-buttoninput-item-sentence-part-inter">
53-
should translate to values between
54-
</div>
55-
56-
<div class="extension-buttoninput-item-sentence-part">
57-
<span>
58-
<input type="number" step="0.001" class="extension-buttoninput-limit extension-buttoninput-limit3" name="extension-buttoninput-limit3" value="0">
59-
to
60-
<input type="number" step="0.001" class="extension-buttoninput-limit extension-buttoninput-limit4" name="extension-buttoninput-limit4" value="100">
61-
of
62-
</span>
63-
<span class="extension-buttoninput-follower">
64-
<select class="extension-buttoninput-thing2 extension-buttoninput-dropdown">
65-
<option value=""></option>
66-
</select><select class="extension-buttoninput-property2 extension-buttoninput-dropdown">
67-
<option value=""></option>
68-
</select>
69-
</span>
70-
</div>
71-
72-
<div class="extension-buttoninput-item-sentence-part extension-buttoninput-item-sentence-part-inter">
73-
every <select class="extension-buttoninput-speed extension-buttoninput-dropdown">
74-
<option value="7">minute</option>
75-
<option value="2">10 seconds</option>
76-
<option value="0">second</option>
77-
78-
79-
</select>
80-
</div>
81-
</div>
82-
83-
<div class="extension-buttoninput-item-menu">
84-
<div class="extension-buttoninput-item-left">
85-
<form class="rule-switch switch">
86-
<input type="checkbox" id="extension-buttoninput-toggle-checkbox" class="switch-checkbox extension-buttoninput-enabled">
87-
<label class="switch-slider" for="extension-buttoninput-toggle-label">
88-
</label>
89-
</form>
90-
</div>
91-
92-
<div class="extension-buttoninput-item-right">
93-
94-
<div class="extension-buttoninput-item-delete-button">&nbsp;</div>
95-
</div>
96-
</div>
97-
98-
<div class="rule-edit-overlay delete">
99-
<div class="rule-delete-dialog">
100-
<p>Are you sure you want to remove this follower permanently?</p>
101-
<input class="rule-delete-cancel-button" type="button" data-l10n-id="rule-delete-cancel-button" value="Cancel">
102-
<input class="rule-delete-confirm-button" type="button" value="Remove">
103-
</div>
104-
</div>
105-
106-
</div>
10720

10821

10922
<div id="extension-buttoninput-overview-error" style="display:none"><h2>An error occured</h2></div>
@@ -121,6 +34,12 @@ <h3>How it works</h3>
12134
<button id="extension-buttoninput-update-button" class="text-button">Update</button>
12235
</div>
12336

37+
<div id="extension-buttoninput-show-all-button-container">
38+
<p>Show all potential buttons</p>
39+
<button id="extension-buttoninput-show-all-button" class="text-button">Show all</button>
40+
</div>
41+
42+
12443

12544
<br/>
12645
<br/>

0 commit comments

Comments
 (0)