@evilbunny/node-red-contrib-zigbee2mqtt 0.0.0 → 3.2.8

package/icons/icon.pxd/data/selection/shapeSelection/meta

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>backingScale</key>
+	<real>1</real>
+	<key>pathFilename</key>
+	<string>path</string>
+	<key>version</key>
+	<integer>1</integer>
+</dict>
+</plist>

package/icons/icon.pxd/data/selectionForContentTransform/meta

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>backingScale</key>
+	<real>1</real>
+	<key>mode</key>
+	<integer>0</integer>
+	<key>shapeSelectionFilename</key>
+	<string>shapeSelection</string>
+	<key>size</key>
+	<data>
+	NC10UHpTVFAQAAAAQGbAAAAAAABAZ2AAAAAAAA==
+	</data>
+	<key>softness</key>
+	<real>0.0</real>
+	<key>timestamp</key>
+	<real>606977182.81130302</real>
+	<key>transform</key>
+	<array>
+		<real>1</real>
+		<real>0.0</real>
+		<real>0.0</real>
+		<real>1</real>
+		<real>0.0</real>
+		<real>0.0</real>
+		<real>0.0</real>
+		<real>0.0</real>
+	</array>
+	<key>version</key>
+	<integer>2</integer>
+</dict>
+</plist>

package/icons/icon.pxd/data/selectionForContentTransform/shapeSelection/meta

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>backingScale</key>
+	<real>1</real>
+	<key>pathFilename</key>
+	<string>path</string>
+	<key>version</key>
+	<integer>1</integer>
+</dict>
+</plist>

package/nodes/bridge.html

@@ -0,0 +1,523 @@
+<style>
+    .node-input-devices-friendly_name, .node-input-groups-friendly_name {
+        width:100% !important;
+        min-width: 200px !important;
+    }
+    table.z2m_table {
+        border-spacing: 5px;
+        border-collapse: separate;
+    }
+    table.z2m_table th {
+        text-align: left;
+    }
+    table.z2m_table td {
+        vertical-align: top;
+    }
+</style>
+<script type='text/javascript'>
+    $.getScript('resources/@evilbunny/node-red-contrib-zigbee2mqtt/tokeninput/jquery.tokeninput.js');
+</script>
+
+
+
+<script type="text/x-red" data-template-name="zigbee2mqtt-eb-bridge">
+    <link rel="stylesheet" href="resources/@evilbunny/node-red-contrib-zigbee2mqtt/css/multiple-select.css" type="text/css" />
+    <link rel="stylesheet" href="resources/@evilbunny/node-red-contrib-zigbee2mqtt/css/common.css" type="text/css" />
+    <link rel="stylesheet" href="resources/@evilbunny/node-red-contrib-zigbee2mqtt/tokeninput/token-input-facebook.css" type="text/css" />
+
+    <div class="form-row">
+        <label for="node-input-name" class="l-width"><i class="fa fa-bookmark"></i> <span data-i18n="label.name"></span></label>
+        <input type="text" id="node-input-name" data-i18n="[placeholder]placeholder.name">
+    </div>
+    <div class="form-row">
+        <label for="node-input-server" class="l-width"><i class="fa fa-globe"></i> <span data-i18n="label.server"></span></label>
+        <input type="text" id="node-input-server">
+    </div>
+    <div class="form-row">
+        <label for="refreshBtn" class="l-width"><i class="fa fa-refresh"></i> <span data-i18n="label.refresh"></span></label>
+        <a class="red-ui-button s-width" id="refreshBtn"><span data-i18n="label.refresh_all"></span></a>
+    </div>
+
+    <div id="config_wr" style="display:none;">
+        <div class="form-row">
+            <!-- Tabsheets -->
+            <ul style="background: #fff; min-width: 600px; margin-bottom: 20px;" id="node-z2m-tabs"></ul>
+        </div>
+        <div id="node-z2m-tabs-content" style="min-height: 150px">
+            <!-- Content of all tabsheets -->
+            <div id="node-z2m-tab-bridge" class="node-z2m-tab-bridge" style="position: relative; margin-top: 30px;">
+                <div class="form-row">
+                    <label for="permit_join_btn" class="l-width"><i class="fa fa-share-alt"></i> <span data-i18n="label.permit_join"></span></label>
+                    <button style="width: 70%" class="red-ui-button permit_join_btn" id="permit_join_btn"><span data-i18n="label.permit_join_help"></span></button>
+                    <button style="width: 70%" class="red-ui-button permit_join_btn" style="display:none;" id="permit_join_cancel_btn"><span data-i18n="label.permit_join_cancel_help"></span></button>
+                </div>
+                <div class="form-row">
+                    <label for="log_level_info_btn" class="l-width"><i class="fa fa-commenting-o"></i> <span data-i18n="label.log_level"></span></label>
+                    <button style="width: 17%" class="red-ui-button log_level_btn" data-level="info" id="log_level_info_btn"><span data-i18n="label.log_level_info"></span></button>
+                    <button style="width: 17%" class="red-ui-button log_level_btn" data-level="debug" id="log_level_debug_btn"><span data-i18n="label.log_level_debug"></span></button>
+                    <button style="width: 17%" class="red-ui-button log_level_btn" data-level="warning" id="log_level_warning_btn"><span data-i18n="label.log_level_warning"></span></button>
+                    <button style="width: 17%" class="red-ui-button log_level_btn" data-level="error" id="log_level_error_btn"><span data-i18n="label.log_level_error"></span></button>
+                </div>
+                <div class="form-row">
+                    <label for="config_version" class="l-width"><span data-i18n="label.version"></span></label>
+                    <span id="config_version" style="font-weight:bold"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="config_coordinator" class="l-width"><span data-i18n="label.coordinator"></span></label>
+                    <span id="config_coordinator" style="font-weight:bold"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="config_advanced_output" class="l-width"><span data-i18n="label.advanced_output"></span></label>
+                    <span id="config_advanced_output"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="config_legacy_api" class="l-width"><span data-i18n="label.no_legacy_api"></span></label>
+                    <span id="config_legacy_api"> - </span>
+                </div>
+<!--                <div class="form-row">-->
+<!--                    <label for="config_last_seen" class="l-width"><span data-i18n="label.last_seen"></span></label>-->
+<!--                    <span id="config_last_seen"> - </span>-->
+<!--                </div>-->
+                <div class="form-row">
+                    <label for="config_mqtt_disable_retain" class="l-width"><span data-i18n="label.mqtt_disable_retain"></span></label>
+                    <span id="config_mqtt_disable_retain"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="config_availability" class="l-width"><span data-i18n="label.availability"></span></label>
+                    <span id="config_availability"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="config_restart_required" class="l-width"><span data-i18n="label.restart_required"></span></label>
+                    <span id="config_restart_required"> - </span>
+                </div>
+                <div class="form-row">
+                    <label for="restart_btn" class="l-width"><i class="fa fa-power-off"></i> <span data-i18n="label.restart"></span></label>
+                    <button style="width: 70%" class="red-ui-button" id="restart_btn"><span data-i18n="label.restart_zigbee2mqtt"></span></button>
+                </div>
+            </div>
+
+            <div id="node-z2m-tab-devices" class="node-z2m-tab-devices" style="position: relative; margin-top: 30px;">
+                <table class="z2m_table" id="node-z2m-devices_table">
+                    <thead>
+                        <th style="width:150px"><span data-i18n="devices.friendly_name"></span></th>
+                        <th style="width:95%;"><span data-i18n="devices.device"></span></th>
+                        <th style="width:50px;"></th>
+                        <th style="width:50px;"></th>
+                    </thead>
+                    <tbody>
+                    </tbody>
+                </table>
+                <div class="form-row form-row-auto-height">
+                    <ol id="node-input-devices-container"></ol>
+                </div>
+            </div>
+
+            <div id="node-z2m-tab-groups" class="node-z2m-tab-groups" style="position: relative; margin-top: 30px;">
+            <a href="#" class="red-ui-item-add red-ui-button"><i class="fa fa-plus"></i>&nbsp;<span data-i18n="groups.add"></span></a>
+                <table class="z2m_table" id="node-z2m-groups_table">
+                    <thead>
+                        <th style="width:95%;"><span data-i18n="groups.friendly_name"></span></th>
+                        <th style="width:50px;"></th>
+                        <th style="width:50px;"></th>
+                    </thead>
+                    <tbody>
+                    </tbody>
+                </table>
+                <div class="form-row form-row-auto-height">
+                    <ol id="node-input-groups-container"></ol>
+                </div>
+            </div>
+
+
+            <div id="node-z2m-tab-map" class="node-z2m-tab-map" style="position: relative; margin-top: 30px;">
+
+
+                <select id="node-input-engine" style="width:100px;display:none;">
+                    <option value="circo" selected>circo</option>
+                    <option value="dot">dot</option>
+                    <option value="fdp">fdp</option>
+                    <option value="neato">neato</option>
+                    <option value="osage">osage</option>
+                    <option value="twopi">twopi</option>
+                 </select>
+
+                <a href="#" id="z2m_map_refresh_btn" class="red-ui-item-add red-ui-button"><i class="fa fa-refresh"></i>&nbsp;<span data-i18n="map.refresh"></span></a>
+                <a href="#" id="z2m_map_fullscreen_btn" style="display:none;" class="red-ui-item-add red-ui-button"><i class="fa fa-external-link"></i>&nbsp;<span data-i18n="map.fullscreen"></span></a>
+                <div id="z2m_map_img"></div>
+            </div>
+        </div>
+    </div>
+</script>
+
+<script type='text/javascript'>
+    RED.nodes.registerType('zigbee2mqtt-eb-bridge', {
+        category: 'ZigBee2MQTT',
+        color: '#FDBF48',
+        defaults: {
+            name: {
+                value: ""
+            },
+            server: {
+                type: "zigbee2mqtt-eb-server",
+                required: true
+            },
+            topic: {
+                value: null,
+                required: false
+            }
+        },
+        inputs: 1,
+        outputs: 1,
+        outputLabels: ["value"],
+        paletteLabel: 'bridge',
+        icon: "icon.png",
+        label: function () {
+            var label = 'ZigBee2MQTT Bridge';
+            if (this.name) {
+                label = this.name;
+            }
+            return label;
+        },
+        oneditprepare: function () {
+            var node = this;
+
+            node.tabs = RED.tabs.create({
+                id: "node-z2m-tabs",
+                onchange: function (tab) {
+                    $("#node-z2m-tabs-content").children().hide();
+                    $("#" + tab.id).show();
+                }
+            });
+            node.tabs.addTab({
+                id: "node-z2m-tab-bridge",
+                label: RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tabs.bridge")
+            });
+            node.tabs.addTab({
+                id: "node-z2m-tab-devices",
+                label: RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tabs.devices")
+            });
+            node.tabs.addTab({
+                id: "node-z2m-tab-groups",
+                label: RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tabs.groups")
+            });
+            node.tabs.addTab({
+                id: "node-z2m-tab-map",
+                label: RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tabs.map")
+            });
+
+            $('#refreshBtn').on("click", function(){
+                init();
+            });
+
+            init();
+
+
+
+            function init () {
+                var $permitJoinBtn = $('#permit_join_btn');
+
+                //get config
+                $.getJSON('/zigbee2mqtt-eb/getConfig', {
+                    controllerID: node.server,
+                    permit_join: true
+                }).done(function (data, textStatus, jqXHR) {
+                    if (data) {
+                        $('#config_wr').show();
+                        $('#config_version').text(data.version);
+                        $('#config_coordinator')
+                            .text(data.coordinator.type + ' (' + data.coordinator.meta.revision + ')');
+                        $('#config_legacy_api')
+                            .html(data.config.advanced.legacy_api
+                                ? '<b style="color:#c10000;">' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.turn_off_legacy_api") + '</b>'
+                                : '<b style="color:green;">' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok") +
+                                '</b>');
+                        $('#config_advanced_output')
+                            .html(data.config.advanced.output !== 'json'
+                                ? '<b style="color:#c10000;">' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.should_be_json") + '</b>'
+                                : '<b style="color:green;">' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok") +
+                                '</b>');
+                        // $('#config_last_seen').html(data.config.advanced.last_seen!=='disabled'?'<b style="color:green;">'+RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok")+'</b> ' + data.config.advanced.last_seen:'<b>'+RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.disabled")+'</b>');
+                        $('#config_availability')
+                            .html(data.availability !== false ? '<b style="color:green;">' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok") + '</b>' : '<b>' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.disabled") + '</b>');
+                        $('#config_restart_required')
+                            .html(data.restart_required
+                                ? '<b style="color:#c10000;">' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.restart_needed") + '</b>'
+                                : '<b style="color:green;">' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok") +
+                                '</b>');
+                        $('#config_mqtt_disable_retain')
+                            .html(data.config.mqtt.force_disable_retain
+                                ? '<b style="color:#c10000;">' +
+                                RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.retain_disabled_error") + '</b>'
+                                : '<b style="color:green;">' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.ok") +
+                                '</b>');
+
+                        $('.log_level_btn').each(function() {
+                            $(this).removeClass('active');
+                        });
+                        $('.log_level_btn#log_level_' + data.log_level + '_btn').addClass('active');
+
+                        $('.permit_join_btn').each(function() {
+                            $(this).hide();
+                        });
+
+                        if (data.permit_join) {
+                            $('#permit_join_cancel_btn').show()
+                        } else {
+                            $permitJoinBtn.show();
+                        }
+                        $('.log_level_btn#log_level_' + data.log_level + '_btn').addClass('active');
+                    }
+                });
+
+                //restart
+                $('#restart_btn').off('click').on('click', function () {
+                    if (confirm(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:label.sure_restart"))) {
+                        $.getJSON('/zigbee2mqtt-eb/restart', {
+                            controllerID: node.server
+                        });
+                    }
+                });
+
+                //log level
+                $('.log_level_btn').off('click').on('click', function () {
+                    $('.log_level_btn').each(function () {
+                        $(this).removeClass('active');
+                    });
+                    $(this).addClass('active');
+
+                    $.getJSON('/zigbee2mqtt-eb/setLogLevel', {
+                        controllerID: node.server,
+                        log_level: $(this).data('level')
+                    }).done(function (data, textStatus, jqXHR) {
+                    });
+                });
+
+                var timeout = null;
+                //permit join
+                $('#permit_join_cancel_btn').off('click').on('click', function () {
+                    $permitJoinBtn.show();
+                    $('#permit_join_cancel_btn').hide();
+                    $.getJSON('/zigbee2mqtt-eb/setPermitJoin', {
+                        controllerID: node.server,
+                        permit_join: false
+                    });
+                });
+
+                $permitJoinBtn.off('click').on('click', function () {
+                    clearTimeout(timeout);
+                    $permitJoinBtn.hide();
+                    $('#permit_join_cancel_btn').show();
+                    $.getJSON('/zigbee2mqtt-eb/setPermitJoin', {
+                        controllerID: node.server,
+                        permit_join: true
+                    }).done(function (data, textStatus, jqXHR) {
+                        timeout = setTimeout(function () {
+                            $permitJoinBtn.show();
+                            $('#permit_join_cancel_btn').hide();
+                            $.getJSON('/zigbee2mqtt-eb/setPermitJoin', {
+                                controllerID: node.server,
+                                permit_join: false
+                            });
+                        }, 60000 * 3);
+                    });
+                });
+
+                $('#z2m_map_refresh_btn').off('click').on('click', function () {
+                    var $btn = $(this);
+                    $('#z2m_map_img').html('');
+                    $btn.find('.fa-refresh').addClass('fa-spin');
+                    $btn.find('span').text(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:map.loading"));
+                    $('#z2m_map_fullscreen_btn').hide();
+                    $.getJSON('/zigbee2mqtt-eb/refreshMap', {
+                        controllerID: node.server,
+                        engine: $('#node-input-engine').val()
+                    }).done(function (data, textStatus, jqXHR) {
+                        $btn.find('.fa-refresh').removeClass('fa-spin');
+                        $btn.find('span').text(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:map.refresh"));
+                        $('#z2m_map_fullscreen_btn').show();
+                        $('#z2m_map_img').html(data.svg).find('svg').attr('width','100%').attr('height','100%');
+                    });
+                });
+                $('#z2m_map_fullscreen_btn').off('click').on('click', function () {
+                    var url = '/zigbee2mqtt-eb/showMap?controllerID='+node.server;
+
+                    var win = window.open(url, '_blank');
+                    if (win) {
+                        //Browser has allowed it to be opened
+                        win.focus();
+                    } else {
+                        //Browser has blocked it
+                        alert('Please allow popups for this website');
+                    }
+                });
+
+                $.getJSON('/zigbee2mqtt-eb/getDevices', {
+                    controllerID: node.server
+                }).done(function (data, textStatus, jqXHR) {
+
+                    var tokeninputArr = [];
+                    var tokeninputArrPrePopulate = [];
+                    var devices = data[0]; //devices
+                    var devicesById = {}; //devices
+                    if (devices) {
+                        $('#node-z2m-devices_table tbody tr').remove();
+                        devices.forEach(function (device, index) {
+                          if ("Coordinator" === device.type) return;
+
+                          devicesById[device.ieee_address+''] = device;
+
+                          tokeninputArr.push({'id':device.ieee_address, 'name':device.friendly_name, 'model': device.definition.model});
+                          var input = '<input class="node-input-devices-friendly_name" type="text" value="' + device.friendly_name + '">';
+                          var info = '<div class="device_wr"><span><b>' + device.ieee_address + '</b>: ' + device.definition.model + '</span></div>';
+                          var removeBtn = '<a href="#" class="red-ui-item-remove red-ui-button" data-id="' + device.ieee_address + '"><i class="fa fa-remove"></i></a>'
+                          var saveBtn = '<a href="#" class="red-ui-item-save red-ui-button" data-ieee_address="' + device.ieee_address + '"><i class="fa fa-check"></i>&nbsp;' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:devices.set") + '</a>'
+
+                          $('#node-z2m-devices_table tbody').append('<tr><td>' + input + '</td><td>' + info + '</td><td>' + saveBtn + '</td><td>' + removeBtn + '</td><</tr>');
+                        });
+
+                        $('#node-z2m-devices_table .red-ui-item-save').on('click', function () {
+                            var ieee_address = $(this).attr('data-ieee_address');
+                            var newName = $(this).closest('tr').find('.node-input-devices-friendly_name').val();
+
+                            $.getJSON('/zigbee2mqtt-eb/renameDevice', {
+                                controllerID: node.server,
+                                ieee_address: ieee_address,
+                                newName: newName
+                            }).done(function (data, textStatus, jqXHR) {
+                                if ("error" in data) alert(data.description);
+                            });
+                        });
+                        $('#node-z2m-devices_table .red-ui-item-remove').on('click', function () {
+                            if (confirm(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:devices.sure_remove"))) {
+                                var id = $(this).attr('data-id');
+                                $(this).closest('tr').remove();
+
+                                $.getJSON('/zigbee2mqtt-eb/removeDevice', {
+                                    controllerID: node.server,
+                                    id: id
+                                }).done(function (data, textStatus, jqXHR) {
+                                    if ("error" in data) alert(data.description);
+                                });
+                            }
+                        });
+                    }
+
+                    var groups = data[1]; //groups
+                    if (groups) {
+                        $('#node-z2m-groups_table tbody tr').remove();
+                        groups.forEach(function (group, index) {
+                            var input = '<input class="node-input-groups-friendly_name" type="text" value="' + group.friendly_name + '">';
+
+                            // var info = '<div class="device_wr"><span><b>'+device.ieee_address+'</b>: '+device.modelID+'</span><div class="help-tips">'+device.description+'</div></div>';
+                            var removeBtn = '<a href="#" class="red-ui-item-remove red-ui-button" data-id="' + group.id + '"><i class="fa fa-remove"></i></a>'
+                            var saveBtn = '<a href="#" class="red-ui-item-save red-ui-button" data-id="' + group.id + '"><i class="fa fa-check"></i>&nbsp;' + RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:groups.set") + '</a>'
+
+                            $('#node-z2m-groups_table tbody').append('<tr class="group_row_' + group.id + '"><td>' + input + '</td><td>' + saveBtn + '</td><td>' + removeBtn + '</td></tr><tr class="group_row_' + group.id + '"><td colspan="4" style="padding-bottom:25px;"><input type="hidden" data-group_id="' + group.id + '" id="tokeninput_'+group.id+'" class="tokeninput"/></td></tr>');
+
+                            tokeninputArrPrePopulate  = [];
+
+                            group.members.forEach(function (value) {
+                                if (value) {
+                                  tokeninputArrPrePopulate.push({
+                                    "id": value.ieee_address,
+                                    "name": devicesById[value.ieee_address + '']['friendly_name'],
+                                    "model": devicesById[value.ieee_address + '']['definition']['model']
+                                  });
+                                }
+                            });
+                            $("#tokeninput_"+group.id).tokenInput(tokeninputArr, {
+                                theme:'facebook',
+                                prePopulate:tokeninputArrPrePopulate,
+                                processPrePopulate:true,
+                                hintText:RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tokeninput.type_to_search"),
+                                noResultsText:RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tokeninput.no_results"),
+                                searchingText:RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:tokeninput.searching"),
+                                deleteText:'&times;',
+                                animateDropdown:true,
+                                resultsFormatter:function (item) {
+                                    return '<li>' + item.name + ' : '+item.model+'</li>'
+                                },
+                                onAdd:function (item) {
+                                    var groupId = this.attr('data-group_id');
+                                    var deviceId = item.id;
+
+                                    $.getJSON('/zigbee2mqtt-eb/addDeviceToGroup', {
+                                        controllerID: node.server,
+                                        groupId: groupId,
+                                        deviceId: deviceId,
+                                    }).done(function (data, textStatus, jqXHR) {
+                                        if ("error" in data) alert(data.description);
+                                    });
+                                },
+                                onDelete:function (item) {
+                                    var groupId = this.attr('data-group_id');
+                                    var deviceId = item.id;
+
+                                    $.getJSON('/zigbee2mqtt-eb/removeDeviceFromGroup', {
+                                        controllerID: node.server,
+                                        groupId: groupId,
+                                        deviceId: deviceId,
+                                    }).done(function (data, textStatus, jqXHR) {
+                                        if ("error" in data) alert(data.description);
+                                    });
+                                },
+                            });
+                        });
+
+
+                        $('#node-z2m-groups_table .red-ui-item-save').on('click', function () {
+                            var id = $(this).attr('data-id');
+                            var newName = $(this).closest('tr').find('.node-input-groups-friendly_name').val();
+
+                            $.getJSON('/zigbee2mqtt-eb/renameGroup', {
+                                controllerID: node.server,
+                                id: id,
+                                newName: newName
+                            }).done(function (data, textStatus, jqXHR) {
+                                if ("error" in data) alert(data.description);
+                            });
+                        });
+                        $('#node-z2m-groups_table .red-ui-item-remove').on('click', function () {
+                            if (confirm(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:groups.sure_remove"))) {
+                                var id = $(this).attr('data-id');
+                                $('.group_row_' + id).remove();
+
+                                $.getJSON('/zigbee2mqtt-eb/removeGroup', {
+                                    controllerID: node.server,
+                                    id: id
+                                }).done(function (data, textStatus, jqXHR) {
+                                    if ("error" in data) alert(data.description);
+                                });
+                            }
+                        });
+                        $('#node-z2m-tab-groups .red-ui-item-add').on('click', function () {
+                            var name = prompt(RED._("@evilbunny/node-red-contrib-zigbee2mqtt/bridge:groups.enter_group_name"), "");
+                            if (name) {
+                                $.getJSON('/zigbee2mqtt-eb/addGroup', {
+                                    controllerID: node.server,
+                                    name: name
+                                }).done(function (data, textStatus, jqXHR) {
+                                    if ("error" in data) alert(data.description);
+                                    setTimeout(function(){
+                                        init();
+                                    }, 1000);
+                                });
+                            }
+                        });
+                    }
+
+                });
+            }
+
+        },
+        oneditsave: function () {
+
+        }
+    });
+</script>
+