caw/html/index.html/ui.cfg, css/caw.css : Initial working versions

src/caw/html/css/caw.css

@@ -1,5 +1,26 @@
 
 
+.netPanel {
+
+    border: 1px solid Red;
+
+}
+
+.procPanel {
+    border: 1px solid Blue;
+    padding: 10px 10px;
+}
+
+.chanPanel {
+    border: 1px solid Yellow;
+}
+
+.varPanel {
+    border: 1px solid Green;
+}
+
+
+
 .fragList {
     border: 1px solid LightSteelBlue;
     width: 1000px;

src/caw/html/index.html

@@ -5,7 +5,7 @@
     <title>Preset Selection App</title>
     <script type="text/javascript" src="js/ui.js"></script>
     <link href="css/ui.css" rel="stylesheet">
-    <link href="css/preset_sel.css" rel="stylesheet">
+    <link href="css/caw.css" rel="stylesheet">
 
     <script text="text/javascript">
       window.addEventListener("load",main, false )

src/caw/html/ui.cfg

@@ -16,7 +16,7 @@
 		
 		select:{ name: pgmSelId,        title:"Programs", children: {} },
 		select:{ name: pgmPresetSelId,  title:"Presets",  children: {}, enable:false },
-
+		button:{ name: pgmLoadBtnId,    title:"Load", enable:false },
 		check: { name: runCheckId,     title: "Run", enable:false },
 
 	    },
@@ -25,7 +25,56 @@
 	      number: { name:valueNumbId, title:"Value", min:0, max:10, step:1, decpl:0 },
 	    }
 
+	    row: {
+	      panel: { name: rootNetPanelId, title: "Network" }
+	    }
+
 	 }
+    }
+
+    network: {
+      panel: {
+         name: netPanelId,
+	 addClassName: netPanel
+
+	 hlist: { name: procListId, addClassName: procList }
+	 
+       }
+    }
+
+    proc: {
+
+      panel: {
+          name: procPanelId,
+	  addClassName: procPanel,
+
+          col: { 
+             str_disp: { name: procInstLabel, value:"" },
+	     numb_disp: { name:procInstSfxId, value:0 },
+             hlist: { name: chanListId, addClassName: chanList }
+          }
+       }
+    }
+
+   chan: {
+
+     panel: {
+       name: chanPanelId,
+       addClassName: chanPanel,
+       
+       vlist: { name: varListId, addClassName: varList }
      }
+   }
+
+    var: {
+
+       panel: {
+         name: varPanelId,
+	 addClassName: varPanel,
+
+	 hlist: { name: widgetListId, addClassName: widgetList }
+	 
+       }
+    }
 
 }