CAM clearly delineate ops reachable or not on timeline

release.md

@@ -3,6 +3,11 @@
 Full docs @ https://docs.grid.space/projects/kiri-moto
 
 
+# Release 3.9
+
+* CAM clearly delineate ops reachable or not on timeline
+
+
 # Release 3.8 (2023-01-21)
 
 * update server-side sample module code

src/kiri-mode/cam/client.js

@@ -467,17 +467,20 @@ CAM.init = function(kiri, api) {
         $('ophint').style.display = oplist.length > (isIndexed ? 1 : 0) ? 'none' : '';
         let bind = {};
         let scale = API.view.unit_scale();
+        let notime = false;
         oplist.forEach((rec,i) => {
             let clock = rec.type === '|';
-            let label = clock ? '<i class="fa-regular fa-clock"></i>' : rec.type;
+            let label = clock ? `<i class="fa-regular fa-clock"></i>` : rec.type;
+            let clazz = notime ? [ "draggable", "notime" ] : [ "draggable" ];
             html.appendAll([
-                `<div id="${mark+i}" class="draggable">`,
+                `<div id="${mark+i}" class="${clazz.join(' ')}">`,
                 `<label class="label">${label}</label>`,
                 clock ? '' :
                 `<label id="${mark+i}-x" class="del"><i class="fa-regular fa-circle-xmark"></i></label>`,
                 `</div>`
             ]);
             bind[mark+i] = rec;
+            notime = notime || clock;
         });
         let listel = $('oplist');
         listel.innerHTML = html.join('');

web/kiri/index.css

@@ -879,6 +879,9 @@ th, tr, td, label {
 #oplist .drag {
     background-color: var(--highlight) !important;
 }
+#oplist .notime {
+    background-color: rgba(150,150,150,0.5) !important;
+}
 #oplist .disabled {
     background-color: rgba(220,150,150,0.5) !important;
 }