fixup! fix: (temp) added reset network func until we can determine wh…

…y links are not updating in generate graph
sandialabs · Jun 28, 2023 · 3553dac · 3553dac
1 parent 703a489
commit 3553dac
Showing 1 changed file with 16 additions and 15 deletions.
diff --git a/src/js/src/components/StateOfHealth.vue b/src/js/src/components/StateOfHealth.vue
@@ -175,17 +175,12 @@
               </b-tooltip>
             </div>
             <div>
-              <b-tooltip label="menu for selecting networks" type="is-light" multilined>
-                <b-dropdown v-model="showEdgetType" class="is-right" aria-role="list">
-                  <button class="button is-light" slot="trigger">
-                    <b-icon icon="bars"></b-icon>
-                  </button>
-                  <!-- need to fix the below -->
-                  <b-dropdown-item v-for="( n, index ) in networks" :key="index" :value="n" @click="setEdge(n)">
-                    <font color="#202020">{{ n }}</font>
-                  </b-dropdown-item>
-                </b-dropdown>
-              </b-tooltip>
+              <b-dropdown v-model="showEdgeType" aria-role="list" :triggers="['hover']">
+                <b-button label="Link Type" type="is-light" slot="trigger" />
+                <b-dropdown-item v-for="( n, index ) in networks" :key="index" :value="n" aria-role="listitem">
+                  <font color="#202020">{{ n }}</font>
+                </b-dropdown-item>
+              </b-dropdown>
             </div>
             <div class="column" />
           </div>
@@ -552,9 +547,7 @@ export default {
         return;
       }
 
-      const nodes = this.nodes.map( d => Object.create( d ) );
-      // const links = this.edges.map( d => Object.create( d ) );
-
+      const nodes = this.nodes;
       const links = this.edges.filter( (d) => {
         switch ( this.showEdgeType ) {
           case 'all': {
@@ -571,7 +564,7 @@ export default {
         }
       }, this);
 
-      const width = 600;
+      const width  = 600;
       const height = 400;
 
       const simulation = d3.forceSimulation( nodes )
@@ -936,6 +929,10 @@ export default {
         this.generateGraph();
         this.generateChord();
       }
+    },
+
+    showEdgeType: function () {
+      this.generateGraph();
     }
   },
 
@@ -981,4 +978,8 @@ export default {
   .modal-card-title {
     color: whitesmoke;
   }
+
+  .dropdown-item.is-active {
+    background-color: whitesmoke;
+  }
 </style>