lbsadmin/ESPUI
1
0
Fork 0
mirror of https://github.com/s00500/ESPUI.git synced 2024-06-28 07:54:12 +00:00
Code Issues Releases Activity

Slider generation in frontend

Browse Source
This commit is contained in:
Lukas Bachschwell 2017-11-28 13:49:37 +01:00
parent 7acb9c367d
commit 2e05965d45
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
examples/gui/data/js/controls.js vendored
View File

@ -6,6 +6,8 @@ const UI_PAD = 4;
const UI_CPAD = 5; const UI_CPAD = 5;
const UPDATE_LABEL = 6; const UPDATE_LABEL = 6;
const UPDATE_SWITCHER = 7; const UPDATE_SWITCHER = 7;
const UI_SLIDER = 8;
const UPDATE_SLIDER = 9;
const FOR = 0; const FOR = 0;
const BACK = 1; const BACK = 1;
@ -214,6 +216,25 @@ function start() {
else else
switcher(data.id, 1); switcher(data.id, 1);
break; break;
case UI_SLIDER:
$('#row').append(
"<div class='two columns card tcenter " + colorClass(data.color) + "'>" +
"<h5 id='" + data.id + "'>" + data.label + "</h5><hr />" +
"<div id='sl" + data.id + "' class='rkmd-slider slider-discrete slider-" + colorClass(data.color) + "'>" +
"<input type='range' min='0' max='100' value='" + data.value + "'>" +
"</div>" +
"</div>"
);
$('#row').append(
"<script>" +
"rkmd_rangeSlider('#sl" + data.id + "');" +
"</script>"
);
break;
case UPDATE_SLIDER:
slider(data.id, data.value);
break;
default: default:
console.error('Unknown type or event'); console.error('Unknown type or event');
break; break;
@ -253,6 +274,10 @@ function padclick(type, number, isdown) {
} }
} }
function slider(number, value) {
console.log('Should update slider: ' + value);
}
function switcher(number, state) { function switcher(number, state) {
if (state == null) { if (state == null) {
if ($('#s' + number).is(':checked')) { if ($('#s' + number).is(':checked')) {