Plugin admin partial

meshuser.js

@@ -3147,6 +3147,7 @@ module.exports.CreateMeshUser = function (parent, db, ws, req, args, domain, use
                 parent.parent.pluginHandler.disablePlugin(command.id, function(){
                     parent.db.getPlugins(function(err, docs) {
                         try { ws.send(JSON.stringify({ action: 'updatePluginList', list: docs, result: err })); } catch (ex) { } 
+                        // @TODO delete plugin object from handler
                     });
                 });
                 break;

pluginHandler.js

@@ -54,21 +54,15 @@ module.exports.pluginHandler = function (parent) {
         });
     }
     
-    obj.prepExportsForPlugin = function(plugin) {
-        var str = '';
-        str += '    obj.' + plugin + ' = {};\r\n';
-        for (const l of Object.values(obj.exports[plugin])) {
-            str += '        obj.' + plugin + '.' + l + ' = ' + obj.plugins[plugin][l].toString() + '\r\n';
-        }
-        return str;
-    };
-    
     obj.prepExports = function () {
         var str = 'function() {\r\n';
         str += '    var obj = {};\r\n';
 
         for (const p of Object.keys(obj.plugins)) {
-            str += obj.prepExportsForPlugin(p);
+            str += '    obj.' + p + ' = {};\r\n';
+            for (const l of Object.values(obj.exports[p])) {
+                str += '        obj.' + p + '.' + l + ' = ' + obj.plugins[p][l].toString() + '\r\n';
+            }
         }
 
         str += `obj.onDeviceRefeshEnd = function(nodeid, panel, refresh, event) {
@@ -371,5 +365,26 @@ module.exports.pluginHandler = function (parent) {
         });
     };
     
+    obj.handleAdminReq = function (req, res, serv) {
+        var path = obj.path.join(obj.pluginPath, req.query.pin, 'views');
+        serv.app.set('views', path);
+        if (obj.plugins[req.query.pin] != null && typeof obj.plugins[req.query.pin].handleAdminReq == 'function') {
+            obj.plugins[req.query.pin].handleAdminReq(req, res);
+        }
+        else {
+            res.sendStatus(401);
+        }
+    }
+    
+    obj.handleAdminPostReq = function(req, res, serv) {
+        var path = obj.path.join(obj.pluginPath, req.query.pin, 'views');
+        serv.app.set('views', path);
+        if (obj.plugins[req.query.pin] != null && typeof obj.plugins[req.query.pin].handleAdminPostReq == 'function') {
+            obj.plugins[req.query.pin].handleAdminPostReq(req, res);
+        }
+        else {
+            res.sendStatus(401);
+        }
+    }
     return obj;
 };

public/styles/style.css

@@ -2627,4 +2627,45 @@ a {
     text-align: center;
     padding: 14px;
     margin: 50px auto;
+}
+
+.pluginOverlayBg {
+    width: 95%; /* Full width (cover the whole page) */
+    height: 95%; /* Full height (cover the whole page) */
+    margin: 10px;
+    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
+    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
+    position: absolute;
+    cursor: pointer; /* Add a pointer on hover */
+    filter:blur(4px);
+      -o-filter:blur(4px);
+      -ms-filter:blur(4px);
+      -moz-filter:blur(4px);
+      -webkit-filter:blur(4px);
+}
+
+.pluginOverlay {
+    width: 95%; /* Full width (cover the whole page) */
+    height: 95%; /* Full height (cover the whole page) */
+    margin: 10px;
+    background-color: #FFFFFF; /* Black background with opacity */
+    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
+    position: absolute;
+    cursor: pointer; /* Add a pointer on hover */
+}
+
+.pluginTitleBar {
+    padding: 4px;
+    height: 25px;
+    border-bottom: double;
+    font-size: 20px;
+}
+
+.pluginCloseBtn {
+    border: none;
+    outline: none;
+    cursor: pointer;
+    float: right;
+    position: relative;
+    padding: 0;
 }

views/default.handlebars

@@ -9408,7 +9408,7 @@
             // Fetch the server timeline stats if needed
             if ((x == 40) && (serverTimelineStats == null)) { refreshServerTimelineStats(); }
 
-            if (x == 7) refreshPluginLatest();
+            if (x == 7) refreshPluginLatest(); else noGoPlugin();
             
             // Update the web page title
             if ((currentNode) && (x >= 10) && (x < 20)) {
@@ -9456,7 +9456,7 @@
                 installedPluginList.forEach(function(p){
                     var cant_action = [];
                     if (p.hasAdminPanel == true) {
-                        p.name = `<a onclick="return goPlugin('${p._id}');">${p.name}</a>`;
+                        p.nameHtml = `<a onclick="return goPlugin('${p.shortName}', '${p.name}');">${p.name}</a>`;
                     }
                     p.statusText = statusMap[p.status].text;
                     p.statusColor = statusMap[p.status].color;
@@ -9490,7 +9490,7 @@
                     }
                     p.actions += '</select>';
                     
-                    let tpl = `<td>${p.name}</td><td>${p.description}</td><td><a href="${p.homepage}" target="_blank">Homepage</a></td><td>${p.version}</td><td class="pluginUpgradeAvailable">${p.upgradeAvail}</td><td style="color: #${p.statusColor}">${p.statusText}</td><td class="pluginAction">${p.actions}</td>`;
+                    let tpl = `<td>${p.nameHtml}</td><td>${p.description}</td><td><a href="${p.homepage}" target="_blank">Homepage</a></td><td>${p.version}</td><td class="pluginUpgradeAvailable">${p.upgradeAvail}</td><td style="color: #${p.statusColor}">${p.statusText}</td><td class="pluginAction">${p.actions}</td>`;
                     let tr = tbl.insertRow(-1);
                     tr.innerHTML = tpl;
                     tr.classList.add('p7tblRow');
@@ -9532,6 +9532,38 @@
             elem.value = '';
         }
         
+        function goPlugin(pname, title) {
+            let xwin = `<div class="pluginTitleBar"><span>${title}</span><span class="pluginCloseBtn"><button onclick="return noGoPlugin(this);">X</button></span></div>`
+            let dif = document.createElement('div');
+            dif.classList.add('pluginOverlay');
+            dif.innerHTML = xwin;
+            let pif = document.createElement('iframe');
+            pif.src = '/pluginadmin.ashx?pin='+pname;
+            pif.setAttribute('frameBorder', '0');
+            pif.style.width = '100%';
+            pif.style.height = '100%';
+            pif.setAttribute('frameBorder', '0');
+
+            dif.append(pif);
+            let x = Q('p7');
+            x.parentNode.insertBefore(dif, x.nextSibling);
+            Q('p7').classList.add('pluginOverlayBg');
+        }
+        
+        function noGoPlugin(el) {
+            if (el == null) {
+                var boxes = document.querySelectorAll('.pluginOverlay');
+                for (const b in Object.values(boxes)) {
+                    boxes[b].parentNode.removeChild(boxes[b]);
+                }
+                Q('p7').classList.remove('pluginOverlayBg');
+                return;
+            }
+            var box = document.querySelector('.pluginOverlay').closest(".pluginOverlay");
+            box.parentNode.removeChild(box);
+            Q('p7').classList.remove('pluginOverlayBg');
+        }
+        
         // Generic methods
         function joinPaths() { var x = []; for (var i in arguments) { var w = arguments[i]; if ((w != null) && (w != '')) { while (w.endsWith('/') || w.endsWith('\\')) { w = w.substring(0, w.length - 1); } while (w.startsWith('/') || w.startsWith('\\')) { w = w.substring(1); } x.push(w); } } return x.join('/'); }
         function putstore(name, val) {

webserver.js

@@ -3188,6 +3188,26 @@ module.exports.CreateWebServer = function (parent, db, args, certificates) {
             }
         });
     }
+    
+    obj.handlePluginAdminReq = function(req, res) {
+        const domain = checkUserIpAddress(req, res);
+        if (domain == null) { res.sendStatus(404); return; }
+        if ((!req.session) || (req.session == null) || (!req.session.userid)) { res.sendStatus(401); return; }
+        var user = obj.users[req.session.userid];
+        if ((user == null) || ((user.siteadmin & 0xFFFFFFFF) == 0)) { res.sendStatus(401); return; }
+        
+        parent.pluginHandler.handleAdminReq(req, res, obj);
+    }
+    
+    obj.handlePluginAdminPostReq = function(req, res) {
+        const domain = checkUserIpAddress(req, res);
+        if (domain == null) { res.sendStatus(404); return; }
+        if ((!req.session) || (req.session == null) || (!req.session.userid)) { res.sendStatus(401); return; }
+        var user = obj.users[req.session.userid];
+        if ((user == null) || ((user.siteadmin & 0xFFFFFFFF) == 0)) { res.sendStatus(401); return; }
+        
+        parent.pluginHandler.handleAdminPostReq(req, res, obj);
+    }
 
     // Starts the HTTPS server, this should be called after the user/mesh tables are loaded
     function serverStart() {
@@ -3311,6 +3331,10 @@ module.exports.CreateWebServer = function (parent, db, args, certificates) {
             obj.app.get(url + 'logo.png', handleLogoRequest);
             obj.app.get(url + 'welcome.jpg', handleWelcomeImageRequest);
             obj.app.ws(url + 'amtactivate', handleAmtActivateWebSocket);
+            if (parent.pluginHandler != null) {
+                obj.app.get(url + 'pluginadmin.ashx', obj.handlePluginAdminReq);
+                obj.app.post(url + 'pluginadmin.ashx', obj.handlePluginAdminPostReq);
+            }
 
             // Server redirects
             if (parent.config.domains[i].redirects) { for (var j in parent.config.domains[i].redirects) { if (j[0] != '_') { obj.app.get(url + j, obj.handleDomainRedirect); } } }