add fieldset widget

Author: sspickle

lib/glow/primitives.js

@@ -3037,6 +3037,42 @@
         return cradio
     }
 
+    function fieldset(args) { // a form fieldset
+        if (!(this instanceof fieldset)) return new fieldset(args)  // so fieldset() is like new fieldset()
+        var cvs = canvas.get_selected()
+        var attrs = {pos:cvs.caption_anchor, legend:'', width:cvs.width}
+
+        for (a in attrs) {
+            if (args[a] !== undefined) {
+                attrs[a] = args[a]
+                delete args[a]
+            }
+        }
+
+        let fs_css = {width:`${attrs.width}px`}
+        attrs.jfieldset = $('<fieldset>').css(fs_css).appendTo(attrs.pos)
+        $(`<legend>${attrs.legend}</legend>`).appendTo(attrs.jfieldset)
+        
+        var cfieldset = { // this structure implements a JavaScript "closure"
+            get legend() {   
+                if (attrs.legend === undefined) return ""
+                return attrs.legend
+            },
+            set legend(value) {
+                throw new Error("Cannot change a fieldsets legend.")
+            },
+            get pos() {
+                return attrs.jfieldset
+            },
+            set pos(value) {
+                throw new Error("Cannot change a fieldsets pos.")
+            }
+        }
+
+        return cfieldset
+    }
+
+
     function checkbox(args) { // a checkbox
         if (!(this instanceof checkbox)) return new checkbox(args)  // so checkbox() is like new checkbox()
         var cvs = canvas.get_selected()
@@ -3683,6 +3719,7 @@
         wtext: wtext,
         winput: winput,
         radio: radio,
+        fieldset:fieldset,
         checkbox: checkbox,
         button: button,
         slider: slider,