Making the add property link stuff functional

yazz · Jan 22, 2020 · 91e8398 · 91e8398
1 parent fbff90b
commit 91e8398
Showing 1 changed file with 43 additions and 18 deletions.
diff --git a/public/visifile_drivers/ui_components/vbEditorComponent.js b/public/visifile_drivers/ui_components/vbEditorComponent.js
@@ -312,33 +312,54 @@ v-if="(watchList[currentWatch].to_component_uuid == model.forms[active_form].com
         </div>
     </td>
 </tr>
-</table>
 
 
-<div style="border: 2px solid blue;padding:10px;margin:10px;">
-    <select  @change='setWatchComponent($event)'>
-            <option   value=""
-                      selected="true">
+<tr>
+    <td >
+        <select  @change='setWatchComponent($event)'>
+            <option     value=""
+                        selected="true">
+            </option>
+            <option     v-for="watchComp in model.forms[active_form].components"
+                        v-bind:value="watchComp.uuid"
+                        v-bind:selected="selectedWatchComponentUuid == watchComp.uuid">
+                            {{watchComp.name}}
             </option>
+        </select>
+    </td>
 
-          <option   v-for="watchComp in model.forms[active_form].components"
-                    v-bind:value="watchComp.uuid"
-                    v-bind:selected="selectedWatchComponentUuid == watchComp.uuid">
 
-                {{watchComp.name}}
 
-          </option>
-    </select>
 
-    <br/>
-    <button type=button class='btn btn-sm btn-warning'
-            v-bind:style='""'
-            v-on:click='$event.stopPropagation(); addWatch();'  >
+    <td >
+        <select>
+            <option value=""
+                    selected="true">
+            </option>
+            <option     v-for="watchFromProp in selectedWatchFromProperties"
+                        v-bind:value="watchFromProp"
+                        v-bind:selected="selectedWatchFromProperty == watchFromProp">
+                            {{watchFromProp}}
+            </option>
+        </select>
+    </td>
+    <td >
+
+    </td>
+    <td >
+        <button type=button class='btn btn-sm btn-warning'
+                v-bind:style='""'
+                v-on:click='$event.stopPropagation(); addWatch();'  >
+
+             Add watch
+
+        </button>
+    </td>
+</tr>
+</table>
+
 
-         Add watch
 
-    </button>
-</div>
 
 
 
@@ -4559,6 +4580,10 @@ return {}
            newCursor:                   null,
            watchList:                   {},
            selectedWatchComponentUuid:      null,
+           selectedWatchFromProperty:      null,
+           selectedWatchToProperty:      null,
+           selectedWatchFromProperties:      [],
+           selectedWatchToProperties:      [],
            oldCursor:                   null,
            cursorSource:                null,
            uid2:                        null,