@gregoriusrippenstein/node-red-contrib-nodedev 0.1.3 → 0.1.4

package/README.md

@@ -28,6 +28,17 @@ Examples are included:
 - Converting an existing tar-gzip package file into a collection of `PkgFile` nodes for testing and maintaince and development --> [flow](https://flowhub.org/f/eef4037a6d25a1e0)
 - `NodeFactory` example of creating a boilerplate node for inclusion in a node package that can be installed into Node-RED --> [flow](https://flowhub.org/f/7bece6814c033925)
 
+### Config node with sidebar
+
+The following [animation](https://cdn.openmindmap.org/content/1697462227098_confignode2.gif) shows how the example of a config node with sidebar button works:
+
+![img](https://cdn.openmindmap.org/content/1697462227098_confignode2.gif)
+
+This [animation](https://cdn.openmindmap.org/content/1697013164685_out-fps15.gif) shows the development and installation of a palette node:
+
+![img](https://cdn.openmindmap.org/content/1697013164685_out-fps15.gif)
+
+
 ### Tips
 
 *How to avoid restarting Node-RED?*

package/nodes/templates/tmplsidebar.html

@@ -16,7 +16,7 @@
       if (globalYourConfigNode === null) {
          var configNodes = [];
          RED.nodes.eachConfig(function(configNode) {
-             if (configNode.type === '{{ node.name }}') { 
+             if (configNode.type === '{{ node.name }}Cfg') { 
                  configNodes.push(configNode); 
              }
          });
@@ -80,6 +80,51 @@
 
       ensureYourConfigNodeExists();
 
+      {{#node.frt2bakcomm}}
+      $('#node-input-button-to-server').on('click', (e) => {
+         if ( e ) { e.preventDefault(); }
+         $.ajax({
+            url: "{{ node.name }}Cfg",
+            type: "POST",
+            contentType: "application/json; charset=utf-8",
+
+            data: JSON.stringify({
+               "data": globalYourConfigNode.data
+            }),
+
+            success: function (resp) {
+               RED.notify("Server responded: " + resp.value, {
+                  type: "success",
+                  timeout: 2000
+               });
+
+            },
+
+            error: function (jqXHR, textStatus, errorThrown) {
+               if (jqXHR.status == 404) {
+                  RED.notify("Node has not yet been deployed, please deploy.", "error");
+               } else if (jqXHR.status == 405) {
+                  RED.notify("Not Allowed.", "error");
+               } else if (jqXHR.status == 500) {
+                  RED.notify(node._("common.notification.error", {
+                     message: node._("inject.errors.failed")
+                  }), "error");
+               } else if (jqXHR.status == 0) {
+                  RED.notify(node._("common.notification.error", {
+                     message: node._("common.notification.errors.no-response")
+                  }), "error");
+               } else {
+                  RED.notify(node._("common.notification.error", {
+                     message: node._("common.notification.errors.unexpected", {
+                        status: jqXHR.status, message: textStatus
+                     })
+                  }), "error");
+               }
+            }
+         });
+      });
+      {{/node.frt2bakcomm}}
+
       {{#node.hasbutton}}
       var doSomething = (e) => {
          if (e) { e.preventDefault(); }
@@ -131,8 +176,16 @@
 {{#node.hasbutton}}
  <div class="form-row">
    <div style="position: relative; height: 100%; margin: 15px;">
-      <button id="node-input-button" class="success" style="width: 100%; margin-top: 30px">Do something</button>
+      <button id="node-input-button" style="width: 100%; margin-top: 30px">Do something</button>
    </div>
  </div>
 {{/node.hasbutton}}
+
+{{#node.frt2bakcomm}}
+ <div class="form-row">
+   <div style="position: relative; height: 100%; margin: 15px;">
+      <button id="node-input-button-to-server" style="width: 100%; margin-top: 30px">Send Data To Server</button>
+   </div>
+ </div>
+{{/node.frt2bakcomm}}
 </script>

package/nodes/templates/tmplsidebarnode.js

@@ -2,5 +2,26 @@ module.exports = function (RED) {
   function Config{{ node.name }}Functionality(config) {
     RED.nodes.createNode(this, config)
   }
+  
   RED.nodes.registerType('{{ node.name }}Cfg', Config{{ node.name }}Functionality);
+
+{{ #node.frt2bakcomm }}
+  RED.httpAdmin.post("/{{ node.name }}Cfg",
+    RED.auth.needsPermission("{{ node.name }}Cfg.write"),
+    (req, res) => {
+      try {
+        if (req.body) {
+          res.status(200).send({
+            "status": "ok",
+            "value": "server says, data was : '" + req.body.data + "'"
+          })
+        } else {
+          res.sendStatus(404);
+        }
+      } catch (err) {
+        console.error(err);
+        res.status(500).send(err.toString());
+      }
+    });
+{{ /node.frt2bakcomm }}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name" : "@gregoriusrippenstein/node-red-contrib-nodedev",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "dependencies": {
     "pako":          "latest",
     "tar-stream":    "latest",