multiple select support

melezhik · melezhik · commit 689b350bc210 · 2024-06-13T15:23:21.000+03:00
diff --git a/README.md b/README.md
@@ -270,6 +270,7 @@ vars:
       values: [ Raku, Rust, Golang ]
       type: select
       default: Rust
+      multiple: true
 
   -
       name: Color
diff --git a/js/misc.js b/js/misc.js
@@ -11,3 +11,16 @@ function openTab(evt, tabName) {
   document.getElementById(tabName).style.display = "block";
   evt.currentTarget.className += " is-active";
 }
+
+function getSelectValues(elm) {
+  var result = [];
+  var options = elm && elm.options;
+  var opt;
+  for (var i=0, iLen=options.length; i<iLen; i++) {
+    opt = options[i];
+    if (opt.selected) {
+     result.push(opt.value || opt.text);
+    }
+  }
+  return result;
+}
diff --git a/templates/build.crotmp b/templates/build.crotmp
@@ -2,6 +2,7 @@
     <head>
       <title>~SPARKY CI WEB~ | Build project: <.project> </title>
     </head>
+    <script src="/js/misc.js" type="text/javascript"></script>
     <&HTML-AND-JAVASCRIPT(.navbar)>
     <div class="panel is-primary">
       <div class="panel-heading">
@@ -46,8 +47,14 @@
                     </!>
                   </?>
                   <?{ $i.type eq 'select' }>
+                  <?{ $i.multiple }>
+                  <div class="select is-multiple">
+                    <select name="<$i.<name>>" multiple size="8">
+                  </?>
+                  <!{ $i.multiple }>
                   <div class="select">
-                  <select name="<$i.<name>>">
+                    <select name="<$i.<name>>">
+                  </!>
                   <@$i.values: $s>
                     <?{ $i.default eq $s }>
                       <option selected="selected"><$s></option>
@@ -118,10 +125,11 @@
       var e = document.getElementById("form01").elements["<$i.name>"];
       var t = "<$i.name>";
       <?{ $i.type eq 'select'}>
-      var v = e.value;
-      var v_text = e.options[e.selectedIndex].text;
-      tags.push(`${t}=${v_text}`);
-      console.log(`${t}: ${v}`);
+      v_array = getSelectValues(e)
+      v_array.forEach((v_text) => {
+        tags.push(`${t}=${v_text}`);
+        console.log(`${t}: ${v_text}`);
+      });
       </?>
       <?{ $i.type eq 'textarea' or $i.type eq 'input' or $i.type eq 'password'}>
       var v = e.value;

Original file line number	Diff line number	Diff line change
`@@ -270,6 +270,7 @@ vars:`
`270`	`270`	`values: [ Raku, Rust, Golang ]`
`271`	`271`	`type: select`
`272`	`272`	`default: Rust`
	`273`	`+ multiple: true`
`273`	`274`
`274`	`275`	`-`
`275`	`276`	`name: Color`