@cyprnet/node-red-contrib-uibuilder-formgen 0.5.27 → 0.5.29

package/CHANGELOG.md

@@ -43,6 +43,14 @@ All notable changes to this package will be documented in this file.
 
 - Results view: added column sorting (click header), search across all columns, and export of filtered results to JSON/CSV (Table/JSON views).
 
+## 0.5.28
+
+- Schema Builder: added move up/down controls to reorder fields within a section so generated portals keep your desired field order.
+
+## 0.5.29
+
+- Schema Builder: make field move controls always visible by using text arrows (↑/↓) instead of relying on Font Awesome icon rendering.
+
 ## 0.5.21
 
 - Legacy uibuilder 2.x: fixed vendor library paths (<code>../vendor/...</code>) in the uib2 portal template and uib2 Schema Builder so uibuilder comms work and <code>lookup:get</code> messages emit correctly.

package/examples/formgen-builder/src/index.html

@@ -222,6 +222,26 @@
                 </div>
               </div>
               <div>
+                <b-button
+                  variant="outline-secondary"
+                  size="sm"
+                  class="mr-2"
+                  @click="moveFieldUp(sectionIdx, fieldIdx)"
+                  :disabled="fieldIdx === 0"
+                  title="Move up"
+                >
+                  <span aria-hidden="true">↑</span>
+                </b-button>
+                <b-button
+                  variant="outline-secondary"
+                  size="sm"
+                  class="mr-2"
+                  @click="moveFieldDown(sectionIdx, fieldIdx)"
+                  :disabled="fieldIdx === (section.fields.length - 1)"
+                  title="Move down"
+                >
+                  <span aria-hidden="true">↓</span>
+                </b-button>
                 <b-button variant="outline-primary" size="sm" @click="editField(sectionIdx, fieldIdx)" class="mr-2">
                   <i class="fa fa-edit"></i>
                 </b-button>

package/examples/formgen-builder/src/index.js

@@ -859,6 +859,34 @@
             this.showAlertMessage('Section deleted', 'success');
           }
         },
+
+        moveFieldUp(sectionIdx, fieldIdx) {
+          try {
+            const s = this.schema.sections[sectionIdx];
+            if (!s || !Array.isArray(s.fields)) return;
+            const i = Number(fieldIdx);
+            if (!Number.isFinite(i) || i <= 0 || i >= s.fields.length) return;
+            const [item] = s.fields.splice(i, 1);
+            s.fields.splice(i - 1, 0, item);
+            this.$forceUpdate();
+          } catch (e) {
+            console.error('Move field up error:', e);
+          }
+        },
+
+        moveFieldDown(sectionIdx, fieldIdx) {
+          try {
+            const s = this.schema.sections[sectionIdx];
+            if (!s || !Array.isArray(s.fields)) return;
+            const i = Number(fieldIdx);
+            if (!Number.isFinite(i) || i < 0 || i >= (s.fields.length - 1)) return;
+            const [item] = s.fields.splice(i, 1);
+            s.fields.splice(i + 1, 0, item);
+            this.$forceUpdate();
+          } catch (e) {
+            console.error('Move field down error:', e);
+          }
+        },
         
         // Field management
         addField(sectionIdx) {

package/examples/formgen-builder-uib2/src/index.html

@@ -221,6 +221,26 @@
                 </div>
               </div>
               <div>
+                <b-button
+                  variant="outline-secondary"
+                  size="sm"
+                  class="mr-2"
+                  @click="moveFieldUp(sectionIdx, fieldIdx)"
+                  :disabled="fieldIdx === 0"
+                  title="Move up"
+                >
+                  <span aria-hidden="true">↑</span>
+                </b-button>
+                <b-button
+                  variant="outline-secondary"
+                  size="sm"
+                  class="mr-2"
+                  @click="moveFieldDown(sectionIdx, fieldIdx)"
+                  :disabled="fieldIdx === (section.fields.length - 1)"
+                  title="Move down"
+                >
+                  <span aria-hidden="true">↓</span>
+                </b-button>
                 <b-button variant="outline-primary" size="sm" @click="editField(sectionIdx, fieldIdx)" class="mr-2">
                   <i class="fa fa-edit"></i>
                 </b-button>

package/examples/formgen-builder-uib2/src/index.js

@@ -859,6 +859,34 @@
             this.showAlertMessage('Section deleted', 'success');
           }
         },
+
+        moveFieldUp(sectionIdx, fieldIdx) {
+          try {
+            const s = this.schema.sections[sectionIdx];
+            if (!s || !Array.isArray(s.fields)) return;
+            const i = Number(fieldIdx);
+            if (!Number.isFinite(i) || i <= 0 || i >= s.fields.length) return;
+            const [item] = s.fields.splice(i, 1);
+            s.fields.splice(i - 1, 0, item);
+            this.$forceUpdate();
+          } catch (e) {
+            console.error('Move field up error:', e);
+          }
+        },
+
+        moveFieldDown(sectionIdx, fieldIdx) {
+          try {
+            const s = this.schema.sections[sectionIdx];
+            if (!s || !Array.isArray(s.fields)) return;
+            const i = Number(fieldIdx);
+            if (!Number.isFinite(i) || i < 0 || i >= (s.fields.length - 1)) return;
+            const [item] = s.fields.splice(i, 1);
+            s.fields.splice(i + 1, 0, item);
+            this.$forceUpdate();
+          } catch (e) {
+            console.error('Move field down error:', e);
+          }
+        },
         
         // Field management
         addField(sectionIdx) {

package/nodes/uibuilder-formgen-v3.js

@@ -528,7 +528,7 @@ module.exports = function(RED) {
           "src/form.schema.json": { sha256: await sha256FileHex(targetSchema) },
         };
         const runtimeData = {
-          generatorVersion: "0.5.27",
+          generatorVersion: "0.5.29",
           generatorNode: "uibuilder-formgen-v3",
           timestamp: new Date().toISOString(),
           instanceName: instanceName,

package/nodes/uibuilder-formgen.js

@@ -560,7 +560,7 @@ module.exports = function(RED) {
           "src/form.schema.json": { sha256: await sha256FileHex(targetSchema) },
         };
         const runtimeData = {
-          generatorVersion: "0.5.27",
+          generatorVersion: "0.5.29",
           timestamp: new Date().toISOString(),
           instanceName: instanceName,
           storageMode: storageMode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyprnet/node-red-contrib-uibuilder-formgen",
-  "version": "0.5.27",
+  "version": "0.5.29",
   "description": "PortalSmith: Generate schema-driven uibuilder form portals from JSON",
   "keywords": [
     "node-red",