iobroker.zigbee 2.0.5 → 3.0.1

package/admin/admin.js

@@ -32,7 +32,9 @@ let devices = [],
     shuffleInstance,
     errorData = [],
     debugMessages = {},
-    debugInLog = true;
+    debugInLog = true,
+    nvRamBackup = {},
+    isHerdsmanRunning = false;
 const dbgMsgfilter = new Set();
 const dbgMsghide = new Set();
 const updateCardInterval = setInterval(updateCardTimer, 6000);
@@ -55,11 +57,12 @@ const networkOptions = {
 
 const savedSettings = [
     'port', 'panID', 'channel', 'disableLed', 'countDown', 'groups', 'extPanID', 'precfgkey', 'transmitPower',
-    'adapterType', 'debugHerdsman', 'disableBackup', 'disablePing', 'external', 'startWithInconsistent', 'warnOnDeviceAnnouncement', 'baudRate', 'flowCTRL'
+    'adapterType', 'debugHerdsman', 'disableBackup', 'disablePing', 'external', 'startWithInconsistent',
+    'warnOnDeviceAnnouncement', 'baudRate', 'flowCTRL', 'autostart'
 ];
 
 function getDeviceByID(ID) {
-    return devices.find((devInfo) => {
+    if (devices) return devices.find((devInfo) => {
         try {
             return devInfo._id == ID;
         } catch (e) {
@@ -380,6 +383,31 @@ function deleteConfirmation(id, name) {
     Materialize.updateTextFields();
 }
 
+function deleteNvBackupConfirmation() {
+    const text = translateWord('Do you really want to the NV Backup data ?');
+    $('#modaldelete').find('p').text(text);
+    $('#force').prop('checked', false);
+    $('#forcediv').addClass('hide');
+    $('#modaldelete a.btn[name=\'yes\']').unbind('click');
+    $('#modaldelete a.btn[name=\'yes\']').click(() => {
+        //const force = $('#force').prop('checked');
+        showWaitingDialog('Attempting to delete nvBackup.json', 60000);
+        sendTo(namespace, 'deleteNVBackup', {}, function (msg) {
+            closeWaitingDialog();
+            if (msg) {
+                if (msg.error) {
+                    showMessage(msg.error, _('Error'));
+                } else {
+                    getDevices();
+                }
+            }
+        });
+    });
+    $('#modaldelete').modal('open');
+    Materialize.updateTextFields();
+}
+
+
 function cleanConfirmation() {
     const text = translateWord('Do you really want to remove orphaned states?');
     $('#modalclean').find('p').text(text);
@@ -401,7 +429,81 @@ function EndPointIDfromEndPoint(ep) {
     return 'unidentified';
 }
 
+
+
 function editName(id, name) {
+
+    const device_options = {};
+    const received_options = {};
+
+    function removeOption(k) {
+        if (k && device_options.hasOwnProperty(k)) delete device_options[k];
+    }
+
+    function addOption() {
+        let idx=1;
+        let key = '';
+        do {
+            key = `o${idx++}`;
+        }
+        while (device_options.hasOwnProperty(key));
+        device_options[key] = {key:`option_${idx++}`, value:''};
+    }
+
+    function updateOptions() {
+        const html_options=[];
+
+        console.warn(`device_options is ${JSON.stringify(device_options)}`)
+
+        for (const k in device_options) {
+            html_options.push(`<div class="row">`);
+            html_options.push(`<div class="input-field suffix col s5 m5 l5"><input id="option_key_${k}" type="text" class="value" /><label for="option_key_${k}">Option</label></div>`)
+            html_options.push(`<div class="input-field suffix col s5 m5 l5"><input id="option_value_${k}" type="text" class="value" /><label for="option_value_${k}">Value</label></div>`)
+            html_options.push(`<div class="col"><a id="option_rem_${k}" class='btn' ><i class="material-icons">remove_circle</i></a></div>`);
+            html_options.push(`</div>`)
+        }
+        console.warn(`html is ${$('#modaledit').find('.options_grid').html()}`)
+        $('#modaledit').find('.options_grid').html(html_options.join(''));
+        console.warn(`html is now ${$('#modaledit').find('.options_grid').html()}`)
+        if (html_options.length > 0) {
+            $('#modaledit').find('.options_available').removeClass('hide');
+            for (const k of Object.keys(device_options)) {
+                $(`#option_key_${k}`).val(device_options[k].key);
+                $(`#option_value_${k}`).val(device_options[k].value);
+                $(`#option_rem_${k}`).unbind('click');
+                $(`#option_rem_${k}`).click(() => { removeOption(k); updateOptions() });
+            }
+        }
+        else {
+            $('#modaledit').find('.options_available').addClass('hide');
+        }
+    }
+
+    function getOptionsFromUI(_do, _so) {
+        const _no = {};
+        let changed = false;
+        for (const k in _do) {
+            const key =  $(`#option_key_${k}`).val();
+            _do[k].key = key;
+            const val = $(`#option_value_${k}`).val();
+            try {
+                _do[k].value = JSON.parse(val);
+            }
+            catch {
+                _do[k].value = val;
+            }
+            if (device_options[k].key.length > 0) {
+                _no[key] = device_options[k].value;
+                changed |= _no[key] != _so[key];
+            }
+        }
+        changed |= (Object.keys(_no).length != Object.keys(_so).length);
+        if (changed) return _no;
+        return undefined;
+    }
+
+
+
     console.warn('editName called with ' + id + ' and ' + name);
     const dev = devices.find((d) => d._id == id);
     $('#modaledit').find('input[id=\'d_name\']').val(name);
@@ -414,14 +516,16 @@ function editName(id, name) {
         }
     }
     const numEP = groupables.length;
-    $('#modaledit').find('.row.epid0').addClass('hide');
-    $('#modaledit').find('.row.epid1').addClass('hide');
-    $('#modaledit').find('.row.epid2').addClass('hide');
-    $('#modaledit').find('.row.epid3').addClass('hide');
-    $('#modaledit').find('.row.epid4').addClass('hide');
-    $('#modaledit').find('.row.epid5').addClass('hide');
-    $('#modaledit').find('.row.epid6').addClass('hide');
+
     if (numEP > 0) {
+        $('#modaledit').find('.groups_available').removeClass('hide');
+        $('#modaledit').find('.row.epid0').addClass('hide');
+        $('#modaledit').find('.row.epid1').addClass('hide');
+        $('#modaledit').find('.row.epid2').addClass('hide');
+        $('#modaledit').find('.row.epid3').addClass('hide');
+        $('#modaledit').find('.row.epid4').addClass('hide');
+        $('#modaledit').find('.row.epid5').addClass('hide');
+        $('#modaledit').find('.row.epid6').addClass('hide');
         // go through all the groups. Find the ones to list for each groupable
         if (numEP == 1) {
             $('#modaledit').find('.endpointid').addClass('hide');
@@ -451,7 +555,37 @@ function editName(id, name) {
             list2select('#d_groups_ep' + i, groups, groupables[i].memberOf || []);
         }
     }
+    else
+    {
+        $('#modaledit').find('.groups_available').addClass('hide');
+    }
+    sendTo(namespace, 'getLocalConfigItems', { target:id, global:false, key:'options' }, function (msg) {
+        if (msg) {
+            if (msg.error) showMessage(msg.error, '_Error');
+            console.warn(`return is ${msg}`)
+            Object.keys(device_options).forEach(key => delete device_options[key]);
+            Object.keys(received_options).forEach(key => delete received_options[key]);
+            if (typeof msg.options === 'object') {
+
+                let cnt = 1;
+                for (const key in msg.options)
+                {
+                    received_options[key]=msg.options[key];
+                    device_options[`o${cnt}`] = { key:key, value:msg.options[key]}
+                    cnt++;
+                }
+            }
+            updateOptions();
+
+        } else showMessage('callback without message');
+    });
     $('#modaledit a.btn[name=\'save\']').unbind('click');
+    $('#modaledit a.btn[name=\'add_options\']').unbind('click');
+    $('#modaledit a.btn[name=\'add_options\']').click(() => {
+        getOptionsFromUI(device_options, received_options);
+        addOption();
+        updateOptions()
+    });
     $('#modaledit a.btn[name=\'save\']').click(() => {
         const newName = $('#modaledit').find('input[id=\'d_name\']').val();
         const groupsbyid = {};
@@ -462,8 +596,21 @@ function editName(id, name) {
                     groupsbyid[groupables[i].ep.ID] = GenerateGroupChange(groupables[i].memberOf, ng);
             }
         }
-        console.log('grpid ' + JSON.stringify(groupsbyid));
+        // read device_options from UI
+        const co = getOptionsFromUI(device_options, received_options)
+        console.warn(`options have ${co ? 'changed' : 'not changed'} : ${JSON.stringify(co)} vs ${JSON.stringify(received_options)} , saving them`);
+        if (co) {
+            sendTo(namespace, 'updateLocalConfigItems', {
+                target: id,
+                global:false,
+                data: { options:co }
+            },
+            function (msg) {
+                if (msg && msg.error) showMessage(msg.error, '_Error');
+            });
+        }
         updateDev(id, newName, groupsbyid);
+
     });
     $('#modaledit').modal('open');
     Materialize.updateTextFields();
@@ -782,18 +929,27 @@ function getCoordinatorInfo() {
     sendTo(namespace, 'getCoordinatorInfo', {}, function (msg) {
         if (msg) {
             if (msg.error) {
-                showMessage(msg.error, _('Error'));
+                errorData.push(msg.error);
+                isHerdsmanRunning = false;
+                updateStartButton();
             } else {
                 coordinatorinfo = msg;
+                isHerdsmanRunning = true;
+                updateStartButton()
             }
         }
     });
 }
+
 function checkDebugDevice(id) {
-    if (debugDevices.indexOf(id) > -1) return 0
+    // returns: -1: debug not set
+    // 0: debug set explicitly
+    // > 0: debug set by pattern.
+    if (!debugDevices) return -1;
+    if (debugDevices.indexOf(id) > -1) return 0 // debug set
     for (const addressPart of debugDevices) {
         if (typeof id === 'string' && id.includes(addressPart)) {
-            return debugDevices.indexOf(addressPart)+1;
+            return debugDevices.indexOf(addressPart)+1; // debug set by pattern (>0)
         }
     }
     return -1;
@@ -811,8 +967,8 @@ async function toggleDebugDevice(id) {
     });
 }
 
-function updateDeviceData(device, data, global) {
-    sendTo(namespace, 'updateDeviceData', {target: device, data:data, global:global}, function(msg) {
+function updateLocalConfigItems(device, data, global) {
+    sendTo(namespace, 'updateLocalConfigItems', {target: device, data:data, global:global}, function(msg) {
         if (msg && msg.hasOwnProperty.error) {
             showMessage(msg.error, _('Error'));
         }
@@ -861,7 +1017,7 @@ async function selectImageOverride(id) {
                 const data = {};
                 if (image != 'current') data.icon= image;
                 if (name != dev.common.name) data.name = name;
-                updateDeviceData(id, data, global);
+                updateLocalConfigItems(id, data, global);
             });
             $('#chooseimage').modal('open');
             Materialize.updateTextFields();
@@ -985,6 +1141,7 @@ function displayDebugMessages(msg) {
             Html.push('</tbody></table></li>')
             for (const devID of Object.keys(dbgData)) {
                 const dev = devices.find((d) => d._id.endsWith(devID.slice(-16)));
+                if (!dev) continue;
                 const type_url = (dev && dev.common && dev.common.type ? sanitizeModelParameter(dev.common.type) : 'unknown');
                 const image = `<img src="${dev.common.icon || dev.icon}" width="40px" onerror="this.onerror=null;this.src='img/unavailable.png';">`
                 const modelUrl = (type_url === 'unknown') ? 'unknown' : `<a href="https://www.zigbee2mqtt.io/devices/${type_url}.html" target="_blank" rel="noopener noreferrer">${image}</a>`;
@@ -1067,8 +1224,10 @@ function getDebugMessages() {
 
 function getDevices() {
     getCoordinatorInfo();
-    sendTo(namespace, 'getDeviceCleanupRequired', {}, function(msg) {
+    sendTo(namespace, 'getDevices', {}, function (msg) {
         if (msg) {
+            devices = msg.devices ? msg.devices : [];
+            // check if stashed error messages are sent alongside
             if (msg.clean)
                 $('#state_cleanup_btn').removeClass('hide');
             else
@@ -1077,23 +1236,28 @@ function getDevices() {
                 $('#show_errors_btn').removeClass('hide');
                 errorData = msg.errors;
             }
-            else
+            else {
                 $('#show_errors_btn').addClass('hide');
-        }
-    })
-    sendTo(namespace, 'getDebugDevices', {}, function(msg) {
-        if (msg && typeof (msg.debugDevices == 'array')) {
-            debugDevices = msg.debugDevices;
-        }
-        else
-            debugDevices = [];
-    });
-    sendTo(namespace, 'getDevices', {}, function (msg) {
-        if (msg) {
+            }
+
+            //check if debug messages are sent alongside
+            if (msg && typeof (msg.debugDevices == 'array')) {
+                debugDevices = msg.debugDevices;
+                console.warn('debug devices is sent')
+            }
+            else
+                debugDevices = [];
+            if (debugMessages.byId) {
+                debugMessages.byId = msg;
+                if (msg) displayDebugMessages(debugMessages)
+            }
             if (msg.error) {
-                showMessage(msg.error, _('Error'));
+                errorData.push(msg.error);
+                isHerdsmanRunning = false;
+                updateStartButton();
             } else {
-                devices = msg;
+                isHerdsmanRunning = true;
+                updateStartButton();
                 showDevices();
                 getDebugMessages();
                 getExclude();
@@ -1128,8 +1292,12 @@ function getMap() {
         $('#refresh').removeClass('disabled');
         if (msg) {
             if (msg.error) {
-                showMessage(msg.error, _('Error'));
+                errorData.push(msg.error);
+                isHerdsmanRunning = false;
+                updateStartButton();
             } else {
+                isHerdsmanRunning = true;
+                updateStartButton();
                 if (msg.errors.length > 0 && $('#errorCollectionOn').is(':checked')) {
                     showMessage(msg.errors.join('<p>'), 'Map generation messages');
                 }
@@ -1149,14 +1317,24 @@ function getRandomExtPanID()
     return bytes.join('');
 }
 
+function getRandomChannel()
+{
+    const channels = [11,15,20,25]
+    return channels[Math.floor(Math.random() * 4)];
+}
+
+
 
 // the function loadSettings has to exist ...
 
 function load(settings, onChange) {
-    if (settings.panID === undefined) {
+    if (settings.extPanID === undefined || settings.extPanID == '') {
+        settings.channel = getRandomChannel();
+    }
+    if (settings.panID === undefined || settings.panID == 0) {
         settings.panID = Math.floor(Math.random() * 10000);
     }
-    if (settings.extPanID === undefined) {
+    if (settings.extPanID === undefined || settings.extPanID == '') {
         settings.extPanID = getRandomExtPanID();
     }
     // fix for previous wrong value
@@ -1167,9 +1345,6 @@ function load(settings, onChange) {
     if (settings.precfgkey === undefined) {
         settings.precfgkey = '01030507090B0D0F00020406080A0C0D';
     }
-    if (settings.channel === undefined) {
-        settings.channel = 11;
-    }
     if (settings.disablePing === undefined) {
         settings.disablePing = false;
     }
@@ -1179,6 +1354,7 @@ function load(settings, onChange) {
     if (settings.baudRate === undefined) {
         settings.baudRate = 115200;
     }
+    if (settings.autostart === undefined) settings.autostart = false;
 
     // example: select elements with id=key and class=value and insert value
     for (const key in settings) {
@@ -1190,10 +1366,12 @@ function load(settings, onChange) {
         if (value.attr('type') === 'checkbox') {
             value.prop('checked', settings[key]).change(function () {
                 onChange();
+                validateNVRamBackup(false, key)
             });
         } else {
             value.val(settings[key]).change(function () {
                 onChange();
+                validateNVRamBackup(false, key)
             }).keyup(function () {
                 $(this).trigger('change');
             });
@@ -1206,6 +1384,7 @@ function load(settings, onChange) {
     //dialog = new MatDialog({EndingTop: '50%'});
     getDevices();
     getNamedColors();
+    readNVRamBackup(false);
     //getDebugMessages();
     //getMap();
     //addCard();
@@ -1213,6 +1392,36 @@ function load(settings, onChange) {
     // Signal to admin, that no changes yet
     onChange(false);
 
+    $('#test-btn').click(function () {
+        console.warn(`isHerdsmanRunning: ${isHerdsmanRunning}`)
+        if (!isHerdsmanRunning) {
+            const port = $('#port.value').val();
+            console.warn(`port is ${port}`)
+            showWaitingDialog(`Trying to connect to ${port}`, 300);
+            sendTo(namespace, 'testConnection', { address:port }, function(msg) {
+                console.warn(`send to returned with ${JSON.stringify(msg)}`);
+                closeWaitingDialog();
+                if (msg) {
+                    if (msg.error) {
+                        showMessage(msg.error, _('Error'));
+                    }
+                }
+            })
+        }
+        else {
+            showMessage('function unavailable while herdsman is running', _('Error'))
+        }
+    });
+
+    $('#readNVRam-btn').click(function() {
+        readNVRamBackup(true);
+    })
+    // test start commands
+    $('#show_test_run').click(function () {
+        console.warn(`isHerdsmanRunning: ${isHerdsmanRunning}`)
+        doTestStart(!isHerdsmanRunning);
+    });
+
     $('#state_cleanup_btn').click(function () {
         cleanConfirmation();
     });
@@ -1241,6 +1450,10 @@ function load(settings, onChange) {
         resetConfirmation();
     });
 
+    $('#deleteNVRam-btn').click(function () {
+        deleteNvBackupConfirmation();
+    });
+
     $('#viewconfig').click(function () {
         showViewConfig();
     });
@@ -1248,6 +1461,9 @@ function load(settings, onChange) {
     $('#scan').click(function () {
         showChannels();
     });
+    $('#scan_t').click(function () {
+        showChannels();
+    });
 
     sendTo(namespace, 'getGroups', {}, function (data) {
         groups = data.groups;
@@ -1274,6 +1490,10 @@ function load(settings, onChange) {
         }
     });
 
+    $('#hardware').click(function() {
+        validateNVRamBackup(false);
+    });
+
     $(document).ready(function () {
         $('.modal').modal({
             startingTop: '30%',
@@ -1331,6 +1551,7 @@ function showMessages() {
         data = mess + '\n' + data;
     }
     $('#stdout').text(data);
+    $('#stdout_t').text(messages.join('\n'));
 }
 
 function showPairingProcess() {
@@ -1344,6 +1565,41 @@ function showPairingProcess() {
     Materialize.updateTextFields();
 }
 
+function doTestStart(start) {
+    updateStartButton(true);
+    if (start) {
+        const ovr = { extPanID:$('#extPanID.value').val(),
+            panID: $('#PanID.value').val(),
+            channel: $('#channel.value').val(),
+            port: $('#port.value').val(),
+            adapterType: $('#adapterType.value').val(),
+            baudRate: $('#baudRate.value').val(),
+            precfgkey: $('#precfgkey.value').val(),
+            flowCTRL: $('#flowCTRL.value').prop('checked')
+        };
+        // $('#testStartStart').addClass('disabled');
+        messages = [];
+        sendTo(namespace, 'testConnect', { start:true, zigbeeOptions:ovr }, function(msg) {
+            if (msg) {
+                if (msg.status)
+                    $('#testStartStop').removeClass('disabled');
+                else
+                    $('#testStartStart').removeClass('disabled');
+            }
+        })
+    }
+    else {
+        //$('#testStartStop').addClass('disabled');
+        sendTo(namespace, 'testConnect', { start:false }, function(msg) {
+            if (msg) {
+                if (msg.status) $('#testStartStart').removeClass('disabled');
+                else $('#testStartStop').removeClass('disabled');
+            }
+        })
+
+    }
+}
+
 // ... and the function save has to exist.
 // you have to make sure the callback is called with the settings object as first param!
 
@@ -1370,6 +1626,36 @@ function getDevId(adapterDevId) {
     return adapterDevId.split('.').slice(0, 3).join('.');
 }
 
+
+function updateStartButton(block) {
+    if (block) {
+        $('#show_test_run').addClass('disabled');
+        $('#reset-btn').addClass('disabled');
+        $('#deleteNVRam-btn').addClass('disabled');
+        $('#ErrorNotificationBtn').removeClass('hide')
+        $('#ErrorNotificationBtn').removeClass('blinking')
+        $('#ErrorNotificationIcon').removeClass('icon-red')
+        $('#ErrorNotificationIcon').addClass('icon-orange')
+        return;
+    }
+    if (isHerdsmanRunning)
+    {
+        $('#ErrorNotificationBtn').addClass('hide')
+        $('#ErrorNotificationBtn').removeClass('blinking');
+        $('#show_test_run').removeClass('disabled');
+        $('#deleteNVRam-btn').removeClass('disabled');
+        $('#reset-btn').removeClass('disabled');
+    }
+    else {
+        $('#ErrorNotificationIcon').addClass('icon-red')
+        $('#ErrorNotificationIcon').removeClass('icon-orange')
+        $('#ErrorNotificationBtn').removeClass('hide')
+        $('#ErrorNotificationBtn').addClass('blinking');
+        $('#show_test_run').removeClass('disabled');
+        $('#deleteNVRam-btn').removeClass('disabled');
+        $('#reset-btn').addClass('disabled');
+    }
+}
 // subscribe to changes
 socket.emit('subscribe', namespace + '.*');
 socket.emit('subscribeObjects', namespace + '.*');
@@ -1404,6 +1690,14 @@ socket.on('stateChange', function (id, state) {
             else {
                 messages.push(state.val);
                 showMessages();
+                if (state.val.startsWith('Zigbee-Herdsman started successfully')) {
+                    isHerdsmanRunning = true;
+                    updateStartButton();
+                }
+                if (state.val.startsWith('herdsman stopped') || state.val.startsWith('Error herdsman')) {
+                    isHerdsmanRunning = false;
+                    updateStartButton();
+                }
             }
         } else {
             const devId = getDevId(id);
@@ -2215,31 +2509,6 @@ function list2select(selector, list, selected, getText, getKey, getData) {
     element.select();
 }
 
-/*
-function showGroups() {
-    $('#groups_table').find('.group').remove();
-    if (!groups) return;
-    const element = $('#groups_table');
-    for (const j in groups) {
-        if (groups.hasOwnProperty(j)) {
-            element.append(`<tr id="group_${j}" class="group"><td>${j}</td><td><div>${groups[j]}<span class="right">` +
-                `<a id="${j}" name="groupedit" class="waves-effect green btn-floating"><i class="material-icons">edit</i></a>` +
-                `<a id="${j}" name="groupdelete" class="waves-effect red btn-floating"><i class="material-icons">delete</i></a></span></div></td></tr>`);
-        }
-    }
-    $('a.btn-floating[name=\'groupedit\']').click(function () {
-        const index = $(this).attr('id'),
-            name = groups[index];
-        editGroupName(index, name, false);
-    });
-    $('a.btn-floating[name=\'groupdelete\']').click(function () {
-        const index = $(this).attr('id'),
-            name = groups[index];
-        deleteGroupConfirmation(index, name);
-    });
-}
-*/
-
 function editGroup(id, name) {
     const grp = devGroups[id];
     let info = '';
@@ -2843,48 +3112,6 @@ function showDevInfo(id) {
     $('#modaldevinfo').modal('open');
 }
 
-/*
-function showGroupList(show) {
-    const htmlsections = [];
-    for (const groupid in devGroups) {
-        const dev = devGroups[groupid];
-        const grpname = (dev.common && dev.common.name ? dev.common.name : 'Group ' + groupid);
-        const selectables = [];
-        const members = [];
-        if (dev && dev.memberinfo) {
-            selectables.push(`<select id="members_${groupid}" multiple>`);
-            for (let m = 0; m < dev.memberinfo.length; m++) {
-                members.push(`${dev.memberinfo[m].device}.${dev.memberinfo[m].epid} (${dev.memberinfo[m].ieee})`);
-                selectables.push(`<option value="${m}">${dev.memberinfo[m].device}.${dev.memberinfo[m].epid} (...${dev.memberinfo[m].ieee.slice(-4)})</option>`);
-            }
-            selectables.push('</select>');
-        }
-        htmlsections.push(`
-        <div class="row">
-          <div class="col s4 m4 l4">
-              <h5>${grpname}<h5>
-          </div>
-          <div class=col s7 m7 l7">
-          ${members.join('<br>')}
-          </div>
-        </div>
-        `);
-    }
-
-    $('#grouplist').html(htmlsections.join(''));
-    $('#add').click(function () {
-        const maxind = parseInt(Object.getOwnPropertyNames(groups).reduce((a, b) => a > b ? a : b, 0));
-        addGroup(maxind + 1, 'Group ' + maxind + 1, true);
-        showGroupList(false);
-    });
-
-    $('#modalgrouplist a.btn[name=\'save\']').unbind('click');
-    $('#modalgrouplist a.btn[name=\'save\']').click(() => {
-    });
-    if (show) $('#modalgrouplist').modal('open');
-}
-*/
-
 let waitingTimeout, waitingInt;
 
 function showWaitingDialog(text, timeout) {
@@ -3251,6 +3478,7 @@ function getDashCard(dev, groupImage, groupstatus) {
             let options;
             if (typeof stateDef.states == 'string') {
                 const sts = stateDef.states.split(';');
+                if (sts.length < 2) return '';
                 options = sts.map((item) => {
                     const v = item.split(':');
                     return `<option value="${v[0]}" ${(val == v[0]) ? 'selected' : ''}>${v[1]}</option>`;
@@ -3261,9 +3489,14 @@ function getDashCard(dev, groupImage, groupstatus) {
                     options.push(`<option value="${key}" ${(val == key) ? 'selected' : ''}>${key}</option>`);
                 }
             }
+            if (options.length < 2) return '';
             val = `<select class="browser-default enum" style="color : white; background-color: grey; height: 16px; padding: 0; width: auto; display: inline-block">${options.join('')}</select>`;
-        } else {
-            val = `<span class="dash value">${val} ${(stateDef.unit) ? stateDef.unit : ''}</span>`;
+        } else if (stateDef.write) {
+            return;
+            // val = `<span class="input-field dash value"><input class="dash value" id="${stateDef.name}" value="${val}"></input></span>`;
+        }
+        else {
+            val = `<span class="dash value">${val ? val : '(null)'} ${(stateDef.unit) ? stateDef.unit : ''}</span>`;
         }
         return `<li><span class="label dash truncate">${stateDef.name}</span><span id=${sid} oid=${id} class="state">${val}</span></li>`;
     }).join('') : '';
@@ -3354,14 +3587,17 @@ function updateCardTimer() {
 }
 
 function updateDevice(id) {
-    sendTo(namespace, 'getDevice', {id: id}, function (devs) {
-        if (devs) {
-            if (devs.error) {
-                showMessage(devs.error, _('Error'));
-            } else {
-                removeDevice(id);
-                devs.forEach(dev => devices.push(dev));
-                showDevices();
+    sendTo(namespace, 'getDevice', {id: id}, function (msg) {
+        if (msg) {
+            const devs = msg.devices;
+            if (devs) {
+                if (devs.error) {
+                    showMessage(devs.error, _('Error'));
+                } else {
+                    removeDevice(id);
+                    devs.forEach(dev => devices.push(dev));
+                    showDevices();
+                }
             }
         }
     });
@@ -3409,3 +3645,72 @@ function reconfigureDevice(id) {
     });
     showWaitingDialog('Device is being reconfigure', 30);
 }
+
+const warnLevel = {
+    extPanID : function(v) { return !(v && v.toLowerCase().trim()!='dddddddddddddddd')},
+    channel: function(v) { const num = parseInt(v); return !(num==11 || num==15 || num==20 || num==25)},
+}
+const validatableKeys = ['channel', 'precfgkey', 'extPanID', 'panID'];
+
+function validateConfigData(key, val) {
+    if (validatableKeys.indexOf(key) < 0 || !val) return;
+    if (warnLevel[key]) {
+        if (warnLevel[key](val)) {
+            console.warn(`warning set for ${key} (${val})`)
+            $(`#${key}_ALERT`).removeClass('hide')
+        } else $(`#${key}_ALERT`).addClass('hide')
+    }
+    if (nvRamBackup[key]) {
+        console.warn(`value of ${key} is ${val} (${nvRamBackup[key]})`);
+        if ((typeof val == 'string' && typeof nvRamBackup[key] == 'string' && val.toLowerCase == nvRamBackup[key].toLowerCase) || val == nvRamBackup[key])
+        {
+            console.warn(`ok set for ${key} (${val})`)
+            $(`#${key}_OK`).removeClass('hide')
+            $(`#${key}_NOK`).addClass('hide')
+        }
+        else
+        {
+            console.warn(`nok set for ${key} (${val})`)
+            $(`#${key}_OK`).addClass('hide')
+            $(`#${key}_NOK`).removeClass('hide')
+        }
+    }
+    else {
+        console.warn(`noval set for ${key} (${val})`)
+        $(`#${key}_OK`).addClass('hide')
+        $(`#${key}_NOK`).addClass('hide')
+    }
+}
+
+function validateNVRamBackup(update, src) {
+    console.warn('validateNVRam');
+    const validatedKeys = src ? [src] : validatableKeys;
+    const validator = {};
+    for (const key of validatedKeys) {
+        const value = $('#' + key + '.value');
+        if (nvRamBackup[key] && update) {
+            if (value.attr('type') === 'checkbox') {
+                value.prop('checked', nvRamBackup[key]);
+            } else {
+                value.val(nvRamBackup[key])
+            }
+        }
+        validateConfigData(key, value.val());
+    }
+}
+
+
+function readNVRamBackup(update) {
+    console.warn('read nvRam')
+    sendTo(namespace, 'readNVRam', {}, function(msg) {
+        if (msg) {
+            if (msg.error && update) {
+                showMessages(msg.error, _('Error'));
+                delete msg.error;
+            }
+            nvRamBackup = msg;
+            validateNVRamBackup(update)
+        }
+    });
+
+}