oidshfs

frontend/scripts/zMain.js

@@ -1,3 +1,16 @@
+
+let click = element => element.click();
+let check = element => element.setAttribute('checked','checked');
+let uncheck = element => element.removeAttribute('checked');
+
+let switchElementState = element =>  {
+    let state = element.getAttribute('data-state') == 'false';
+    element.setAttribute('data-state', state);
+    return state;
+};
+let bindData = (element, attribute, data) => {
+    element.setAttribute('data-' + attribute, data);
+};
 Sui.ready(() => {
     let debugResponse = (data) => {
         document.querySelector('#response').innerHTML = data;
@@ -12,7 +25,33 @@ Sui.ready(() => {
     
     // init actuators
     [{
-        api: 'MOTOR',
+        api: '/wificonfig',
+        method: 'POST',
+        selector: '.switch.ap-mode .slider',
+        event: 'click',
+        onResponse: debugResponse,
+        handler: function() {
+            let nextState = switchElementState(this);
+            /*let bindingName = this.getAttribute('data-bind');
+            Sui.select('.switch.ap-mode [name="'+ bindingName+'"]')
+                .forEach(check);*/
+            console.log(nextState);
+        }
+    },{
+        api: '/presetMode',
+        method: 'POST',
+        selector: '.switch.preset-mode .slider',
+        event: 'click',
+        onResponse: debugResponse,
+        data: function() {
+            let state = switchElementState(this);
+            console.log(state);
+            return Sui.util.serialize({
+                mode: state ? 1 : 0
+            });
+        }
+    },{
+        api: '/spirograph',
         method: 'POST',
         selector: '.slider.motor',
         event: 'change',
@@ -30,7 +69,7 @@ Sui.ready(() => {
             return Sui.util.serialize(payload);
         }
     }, {
-        api: 'LASER',
+        api: '/spirograph',
         method: 'POST',
         selector: '.slider.laser',
         event: 'change',
@@ -47,7 +86,8 @@ Sui.ready(() => {
     }].forEach(Sui.link({
         api: {
             MOTOR: '/spirograph', // {motorNr}/{value}
-            LASER: '/spirograph' // {value}
+            LASER: '/spirograph', // {value}
+            PRESET: '/presetMode'
         }
     }));
 });