From 22df91fe82fbbfefaee506861cea2c7833c24bdd Mon Sep 17 00:00:00 2001
From: kevin <kevin@larke.org>
Date: Sat, 12 Oct 2024 15:36:33 -0400
Subject: [PATCH] caw/html/index.html/ui.cfg, css/caw.css : Initial working
 versions

---
 src/caw/html/css/{preset_sel.css => caw.css} | 21 ++++++++
 src/caw/html/index.html                      |  2 +-
 src/caw/html/ui.cfg                          | 53 +++++++++++++++++++-
 3 files changed, 73 insertions(+), 3 deletions(-)
 rename src/caw/html/css/{preset_sel.css => caw.css} (80%)

diff --git a/src/caw/html/css/preset_sel.css b/src/caw/html/css/caw.css
similarity index 80%
rename from src/caw/html/css/preset_sel.css
rename to src/caw/html/css/caw.css
index 5ae227f..d2e9051 100644
--- a/src/caw/html/css/preset_sel.css
+++ b/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;
diff --git a/src/caw/html/index.html b/src/caw/html/index.html
index a85daaa..9c3882d 100644
--- a/src/caw/html/index.html
+++ b/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 )
diff --git a/src/caw/html/ui.cfg b/src/caw/html/ui.cfg
index cfdf0e6..bf67fb7 100644
--- a/src/caw/html/ui.cfg
+++ b/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 }
+	 
+       }
+    }
+
 }