Initial commit

widgets/material/css/style.css

@@ -0,0 +1,34 @@
+.md-list{
+    width: 100%;
+    height: 56px;
+}
+.md-list-icon{
+    float: left;
+    width: 72px;
+    height: 56px;
+}
+.md-list-icon img{
+    margin-left: 8px;
+    width: 48px;
+    height: 48px; 
+}
+
+.md-list-desc{
+    float: left; 
+    width: calc(100% - 72px - 100px - 16px);
+    height: 56px;
+    margin-top: 10px;
+}
+
+.md-list-value{
+    float: left;
+    width: 100px !important;
+    text-align: right;
+    margin-top: 16px;
+}
+
+.md-list-value .mdui-switch{
+    width: 48px;
+    height: 24px;
+    margin-left: 52px;
+}

widgets/material/img/license.txt

@@ -0,0 +1,2 @@
+http://creativecommons.org/licenses/by-sa/3.0/de/
+Creative Commons Namensnennung-Weitergabe unter gleichen Bedingungen 3.0 Deutschland Lizenz

widgets/material/js/material.js

@@ -0,0 +1,274 @@
+/*
+    yunkong2.vis material Widget-Set
+    version: "0.1.4"
+    Copyright 2018 nisiode<nisio.air@mail.com>
+    forked by Pix 7/2018 (humidity, shutter)
+*/
+"use strict";
+
+// add translations for edit mode
+if (vis.editMode) {
+    $.extend(true, systemDictionary, {
+        "title":          {"en": "Title",       "de": "Titel",  "ru": "???"},
+        "subtitle":       {"en": "Subtitle",      "de": "Untertitel",   "ru": "???"}
+    });
+}
+
+// add translations for non-edit mode
+$.extend(true, systemDictionary, {
+    "Instance":     {"en": "Instance", "de": "Instanz", "ru": "?????????"},
+    "open":         {"en": "open", "de": "offen", "ru": "?????????"},
+    "tilted":       {"en": "tilted", "de": "gekippt", "ru": "?????????"},
+    "closed":       {"en": "closed", "de": "geschlossen", "ru": "?????????"},
+    "on":           {"en": "on", "de": "an", "ru": "?????????"},
+    "off":          {"en": "off", "de": "aus", "ru": "?????????"}
+});
+
+vis.binds.material = {
+    version: "0.1.5",
+    showVersion: function () {
+        if (vis.binds.material.version) {
+            console.log('Version material: ' + vis.binds.material.version);
+            vis.binds.material.version = null;
+        }
+    },
+	tplMdListDoor: function (widgetID, view, data) {
+        const srcOpen = 'widgets/material/img/fts_door_open.png';
+        const srcClosed = 'widgets/material/img/fts_door.png';
+        const valOpen = _('open');
+        const valClosed = _('closed');
+
+        var $div = $('#' + widgetID);
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListDoor(widgetID, view, data);
+            }, 100);
+        }
+
+        function update(state){
+            var value = (state) ? valOpen : valClosed;
+            var src = (state) ? srcOpen : srcClosed;
+            $div.find('.md-list-value').html(value);
+            $div.find('.md-list-icon').find('img').attr('src', src);
+        }
+
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+	tplMdListWindow: function (widgetID, view, data) {
+        const srcOpen = 'widgets/material/img/fts_window_2w_open.png';
+        const srcClosed = 'widgets/material/img/fts_window_2w.png';
+        const valOpen = _('open');
+        const valClosed = _('closed');
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListWindow(widgetID, view, data);
+            }, 100);
+        }
+
+        function update(state){
+            var value = (state) ? valOpen : valClosed;
+            var src = (state) ? srcOpen : srcClosed;
+            $div.find('.md-list-value').html(value);
+            $div.find('.md-list-icon').find('img').attr('src', src);
+        }    
+        
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+    tplMdListTemp: function (widgetID, view, data) {
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListTemp(widgetID, view, data);
+            }, 100);
+        }
+        
+        // grey out the value in case the last change is more than 24h ago
+        var curTime = new Date().getTime();
+        var lcTime = vis.states[data.oid + '.lc'];
+        var seconds = (curTime - lcTime) / 1000;
+        if(seconds > 86400){ 
+            $div.find('.md-list-value').css('opacity', '0.5');
+        }
+        
+        function update(state){
+            if(typeof state === 'number'){
+                $div.find('.md-list-value').html(state.toFixed(1) + ' °C');
+            }
+        }
+
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+    tplMdListHumid: function (widgetID, view, data) {
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListHumid(widgetID, view, data);
+            }, 100);
+        }
+        
+        // grey out the value in case the last change is more than 24h ago
+        var curTime = new Date().getTime();
+        var lcTime = vis.states[data.oid + '.lc'];
+        var seconds = (curTime - lcTime) / 1000;
+        if(seconds > 86400){ 
+            $div.find('.md-list-value').css('opacity', '0.5');
+        }
+        
+        function update(state){
+            if(typeof state === 'number'){
+                $div.find('.md-list-value').html(state.toFixed(1) + ' %');
+            }
+        }
+
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+	tplMdListLight: function (widgetID, view, data) {
+        const srcOff = 'widgets/material/img/light_light_dim_00.png';
+        const srcOn = 'widgets/material/img/light_light_dim_100.png';
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListLight(widgetID, view, data);
+            }, 100);
+        }
+
+        function update(state){
+            var src = (state) ? srcOn : srcOff;
+            var $tmp = $('#' + widgetID + '_checkbox');
+            $tmp.prop('checked', state);
+            $div.find('.md-list-icon').find('img').attr('src', src);
+        }
+
+        if (!vis.editMode) {
+            var $this = $('#' + widgetID + '_checkbox');
+            $this.change(function () {
+                var $this_ = $(this);
+                vis.setValue($this_.data('oid'), $this_.prop('checked'));
+            });
+        }
+        
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+	tplMdListLightDim: function (widgetID, view, data) {
+        const srcOff = 'widgets/material/img/light_light_dim_00.png';
+        const srcOn = 'widgets/material/img/light_light_dim_100.png';
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListLightDim(widgetID, view, data);
+            }, 100);
+        }
+
+        function update(state){
+            var src = 'widgets/material/img/light_light_dim_' + Math.ceil(state/10) + '0.png';
+            $div.find('.md-list-icon').find('img').attr('src', src);
+        }
+
+        /* if (!vis.editMode) {
+            var $this = $('#' + widgetID + '_slider');
+            $this.change(function () {
+                var $this_ = $(this);
+                vis.setValue($this_.data('oid'), $this_.prop('checked'));
+            });
+        } */
+        
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    },
+	tplMdListShutter: function (widgetID, view, data) {
+        const srcOff = 'widgets/material/img/fts_shutter_00.png';
+        const srcOn = 'widgets/material/img/fts_shutter_100.png';
+        var $div = $('#' + widgetID);
+
+        // if nothing found => wait
+        if (!$div.length) {
+            return setTimeout(function () {
+                vis.binds.material.tplMdListShutter(widgetID, view, data);
+            }, 100);
+        }
+
+        function update(state){
+            var src = 'widgets/material/img/fts_shutter_' + Math.ceil(state/10) + '0.png';
+            $div.find('.md-list-icon').find('img').attr('src', src);
+        }
+
+        /* if (!vis.editMode) {
+            var $this = $('#' + widgetID + '_slider');
+            $this.change(function () {
+                var $this_ = $(this);
+                vis.setValue($this_.data('oid'), $this_.prop('checked'));
+            });
+        } */
+        
+        if (data.oid) {
+            // subscribe on updates of value
+            vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) {
+                update(newVal);
+            });
+
+            // set current value
+            update(vis.states[data.oid + '.val']);
+        }
+    }
+};
+
+vis.binds.material.showVersion();