some css and text tuning, cleanup old modes

webinstall/build.yaml

@@ -20,13 +20,13 @@ types:
   - &m5groovei2c
     type: multi
     key: m5groovei2c
-    label: "M5 I2C groove units"
+    label: "M5 I2C Groove Units"
     values:
   - &m5groovecan
     type: select
     key: m5groovecan
     target: define
-    label: "M5 CAN Units"
+    label: "M5 Groove CAN Units"
     values:
       - label: "CAN Unit"
         url: "http://docs.m5stack.com/en/unit/can"
@@ -34,7 +34,7 @@ types:
         value: M5_CANUNIT    
   - &m5grooveserial
     type: select
-    label: "M5 Serial Unit"
+    label: "M5 Groove Serial Unit"
     target: define
     key: m5grooveserial
     values:

webinstall/cibuild.css

@@ -127,4 +127,7 @@
     height: 0;
     /* display: flex; */
     overflow: hidden;
+}
+.configui .label {
+    width: 10em;
 }

webinstall/cibuild.html

@@ -19,12 +19,11 @@
     </div>
     <div class="row">
         <span class="label">Board type</span>
-        <select id="environment" value="m5stack-atom-generic">
+        <input type="text" id="environment" disabled/>
-        </select>
     </div>
     <div class="row">
         <span class="label">Build Flags</span>
-        <input type="text" id="buildflags" value="">
+        <input type="text" id="buildflags" disabled>
     </div>
     <div class="row">
         <button id="start">Start</button>

webinstall/cibuild.js

@@ -156,11 +156,6 @@ import fileDownload from "https://cdn.skypack.dev/js-file-download@0.4.12"
         uploadConfig: uploadConfig,
         downloadConfig: downloadConfig
     };
-    const environments=[
-        'm5stack-atom-generic',
-        'm5stack-atoms3-generic',
-        'nodemcu-generic'
-    ];
     const loadConfig=async (url)=>{
         let config=await fetch(url).then((r)=>r.text());
         let parsed=yamlLoad(config);
@@ -289,7 +284,6 @@ import fileDownload from "https://cdn.skypack.dev/js-file-download@0.4.12"
         setButtons(btConfig);
         forEachEl('#environment',(el)=>el.addEventListener('change',hideResults));
         forEachEl('#buildflags',(el)=>el.addEventListener('change',hideResults));
-        fillSelect('environment',environments);
         currentPipeline=window.localStorage.getItem(CURRENT_PIPELINE);
         if (currentPipeline){
             setValue('pipeline',currentPipeline);