eerikabel/litsimaja
1
0
Fork 0
forked from pvx/litsimaja
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Replace program selector with radios, because chrome for android sucks

Browse Source
This commit is contained in:
siinus
2021-03-19 22:10:42 +02:00
parent b3240631f6
commit 3fa0bc376f
2 changed files with 44 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
pyleds/templates/index.html
View File

@@ -66,8 +66,14 @@
}
function getProgramSelection() {
let select = document.getElementById('program');
return select.value;
let radios = document.getElementsByName('program_select');
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
return radios[i].value;
}
}
return null;
}
function isLoop() {
@@ -124,19 +130,21 @@
{% endfor %}
</div>
<div class="row" id='loading' style="visibility: hidden"><b>LOADING!</b></div>
<div class="section-rgb">
<div class="row">
<div class="one-third column">
<select id="program" size="10">
{% for group in programs %}
<optgroup label="{{ group.group }}">
{% for program in group.programs %}
<option value="{{ program.prg }}">{{ program.name }}</option>
{% endfor %}
</optgroup>
{% endfor %}
</select>
</div>
<div class="row">
<div class="program_select one-half column">
{% for group in programs %}
<ul>
<li>{{ group.group }}</li>
{% for program in group.programs %}
<li>
<label>
<input type="radio" name="program_select" value="{{ program.prg }}">
{{ program.name }}
</label>
</li>
{% endfor %}
</ul>
{% endfor %}
</div>
</div>
<div class="row">