From b79f0d325f30519243350a746e415cd54751f40f Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Mon, 13 Jan 2020 16:25:51 -0500
Subject: [PATCH 01/17] Move app-bar outside of v-content

---
 client/src/views/GraphDetail.vue | 57 +++++++++++++++++---------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 22c700bf..ea980db6 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -1,38 +1,43 @@
 <template>
   <v-container
     class="graph-container"
+    fill-height
     fluid
+    pa-0
   >
-    <v-content>
-      <v-app-bar app>
-        <v-toolbar-title
-          class="ws-detail-title"
-        >
-          <v-icon
-            class="ml-4 mr-5"
-            color="grey lighten-1"
-          >library_books</v-icon>
+    <v-app-bar
+      app
+      clipped-right
+    >
+      <v-toolbar-title
+        class="ws-detail-title"
+      >
+        <v-icon
+          class="ml-4 mr-5"
+          color="grey lighten-1"
+        >library_books</v-icon>
 
-          <span class="breadcrumbs">
-            <router-link
-              :to="{
-                name: 'workspaceDetail',
-                params: { workspace }
-              }"
-            >{{workspace}}</router-link>
-            <v-icon class="mx-4" color="grey lighten-2">chevron_right</v-icon>
-            <v-icon class="mr-3" color="grey lighten-1">timeline</v-icon>
-            {{graph}}
-          </span>
+        <span class="breadcrumbs">
+          <router-link
+            :to="{
+              name: 'workspaceDetail',
+              params: { workspace }
+            }"
+          >{{workspace}}</router-link>
+          <v-icon class="mx-4" color="grey lighten-2">chevron_right</v-icon>
+          <v-icon class="mr-3" color="grey lighten-1">timeline</v-icon>
+          {{graph}}
+        </span>
 
-        </v-toolbar-title>
+      </v-toolbar-title>
 
-        <v-spacer />
+      <v-spacer />
 
-        <v-btn icon>
-          <v-icon>more_vert</v-icon>
-        </v-btn>
-      </v-app-bar>
+      <v-btn icon>
+        <v-icon>more_vert</v-icon>
+      </v-btn>
+    </v-app-bar>
+    <v-content class="fill-height">
       <v-container
         fluid
         id="graph-details"

From ea360de82394d4c7284fc3af0addc1c9615b3414 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Mon, 13 Jan 2020 16:27:17 -0500
Subject: [PATCH 02/17] Make v-container use vuetify's flex classes

---
 client/src/views/GraphDetail.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index ea980db6..e32835a9 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -39,8 +39,12 @@
     </v-app-bar>
     <v-content class="fill-height">
       <v-container
+        align-stretch
+        d-flex
+        fill-height
+        flex-column
         fluid
-        id="graph-details"
+        pa-0
       >
         <v-layout row>
           <v-flex pa-4>

From d66a952091238be48c5594be0033948f096c4158 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Mon, 13 Jan 2020 16:30:49 -0500
Subject: [PATCH 03/17] Restructure page using vuetify's flex classes

---
 client/src/views/GraphDetail.vue | 263 ++++++++++++++++++++-----------
 1 file changed, 168 insertions(+), 95 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index e32835a9..322fea22 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -46,14 +46,58 @@
         fluid
         pa-0
       >
-        <v-layout row>
-          <v-flex pa-4>
-            <v-card height="100%">
-              <v-card-title class="pb-0">
-                Node Types
-              </v-card-title>
+        <div class="graph-viz">
+          <div class="visualization">
+            VISUALIZATION WILL GO HERE
+          </div>
+          <v-navigation-drawer
+            absolute
+            right
+            permanent
+          >
+            <v-list subheader>
+              <v-subheader>
+                More ways to visualize
+              </v-subheader>
+              <v-divider />
+              <v-list-item
+                class="pl-2"
+                :key="app.name"
+                :href="`${app.url}/?workspace=${workspace}&graph=${graph}`"
+                v-for="app in apps"
+                target="_blank"
+              >
+                <v-list-item-avatar class="mr-3">
+                  <v-icon color="blue lighten-3">exit_to_app</v-icon>
+                </v-list-item-avatar>
+                <v-list-item-title>
+                  {{app.name}}
+                </v-list-item-title>
+                <v-list-item-icon>
+                  <v-icon color="blue lighten-3">chevron_right</v-icon>
+                </v-list-item-icon>
+              </v-list-item>
+            </v-list>
+          </v-navigation-drawer>
+        </div>
+        <div class="d-flex flex-row node-cols">
+          <div class="node-types flex-grow-1">
+            <v-card
+              flat
+              height="100%"
+              tile
+            >
+              <v-toolbar
+                color="blue darken-1"
+                dark
+                flat
+              >
+                <v-toolbar-title>
+                  Node Types
+                </v-toolbar-title>
+              </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list>
+                <v-list class="node-type-list" color="transparent">
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
@@ -73,14 +117,25 @@
                 </v-list>
               </v-card-text>
             </v-card>
-          </v-flex>
-          <v-flex pa-4>
-            <v-card height="100%">
-              <v-card-title class="pb-0">
-                Edge Types
-              </v-card-title>
+          </div>
+          <div class="edge-types flex-grow-1">
+            <v-card
+              color="grey lighten-5"
+              flat
+              height="100%"
+              tile
+            >
+              <v-toolbar
+                color="blue darken-2"
+                dark
+                flat
+              >
+                <v-toolbar-title>
+                  Edge Types
+                </v-toolbar-title>
+              </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list>
+                <v-list class="edge-type-list" color="transparent">
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
@@ -100,98 +155,86 @@
                 </v-list>
               </v-card-text>
             </v-card>
-          </v-flex>
-          <v-flex pa-4>
+          </div>
+          <div class="nodes-list flex-grow-1">
             <v-card
-              color="blue darken-2"
-              dark
+              flat
               height="100%"
+              tile
             >
-              <v-card-title class="pb-0">
-                Apps to visualize this data
-              </v-card-title>
+              <v-toolbar
+                color="blue darken-1"
+                dark
+                flat
+              >
+                <v-toolbar-title>
+                  Nodes
+                </v-toolbar-title>
+                <v-spacer />
+                <v-toolbar-items class="pagination">
+                  <v-btn
+                    icon
+                    :disabled="!prev"
+                    v-on:click="firstPage()"
+                  >
+                    <v-icon>skip_previous</v-icon>
+                  </v-btn>
+                  <v-btn
+                    icon
+                    :disabled="!prev"
+                    v-on:click="turnPage(false)"
+                  >
+                    <v-icon>chevron_left</v-icon>
+                  </v-btn>
+                  <v-btn
+                    icon
+                    :disabled="!next"
+                    v-on:click="turnPage(true)"
+                  >
+                    <v-icon>chevron_right</v-icon>
+                  </v-btn>
+                  <v-btn
+                    icon
+                    :disabled="!next"
+                    v-on:click="lastPage()"
+                  >
+                    <v-icon>skip_next</v-icon>
+                  </v-btn>
+                </v-toolbar-items>
+              </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list color="blue darken-2">
+                <v-list
+                  class="node-list"
+                  color="transparent"
+                  dense
+                >
                   <v-list-item
-                    class="pl-2"
-                    :key="app.name"
-                    :href="`${app.url}/?workspace=${workspace}&graph=${graph}`"
-                    v-for="app in apps"
-                    target="_blank"
+                    v-for="node in nodes"
+                    :key="node"
+                    :to="`/workspaces/${workspace}/graph/${graph}/node/${node}`"
                   >
-                    <v-list-item-avatar class="mr-3">
-                      <v-icon color="blue lighten-3">exit_to_app</v-icon>
-                    </v-list-item-avatar>
-                    <v-list-item-title>
-                      {{app.name}}
-                    </v-list-item-title>
-                    <v-list-item-icon>
-                      <v-icon color="blue lighten-3">chevron_right</v-icon>
-                    </v-list-item-icon>
+                    {{node}}
                   </v-list-item>
                 </v-list>
               </v-card-text>
             </v-card>
-          </v-flex>
-        </v-layout>
-      </v-container>
-      <v-container
-        id="node-details"
-        fluid
-        pb-4
-        pt-0
-        py-4
-      >
-        <v-card height="100%">
-          <v-card-title style="display: flex; justify-content: space-between;">
-            Nodes
-            <div class="pagination">
-              <v-btn
-                icon
-                :disabled="!prev"
-                v-on:click="firstPage()"
-              >
-                <v-icon>skip_previous</v-icon>
-              </v-btn>
-              <v-btn
-                icon
-                :disabled="!prev"
-                v-on:click="turnPage(false)"
-              >
-                <v-icon>chevron_left</v-icon>
-              </v-btn>
-              <v-btn
-                icon
-                :disabled="!next"
-                v-on:click="turnPage(true)"
-              >
-                <v-icon>chevron_right</v-icon>
-              </v-btn>
-              <v-btn
-                icon
-                :disabled="!next"
-                v-on:click="lastPage()"
-              >
-                <v-icon>skip_next</v-icon>
-              </v-btn>
-            </div>
-          </v-card-title>
-          <v-card-text>
-            <v-list
-              class="node-list"
-              color="transparent"
-              dense
+          </div>
+          <v-btn
+            class="tray-action"
+            color="blue darken-2"
+            dark
+            depressed
+            fab
+            small
+          >
+            <v-icon
+              dark
+              size="18"
             >
-              <v-list-item
-                v-for="node in nodes"
-                :key="node"
-                :to="`/workspaces/${workspace}/graph/${graph}/node/${node}`"
-              >
-                {{node}}
-              </v-list-item>
-            </v-list>
-          </v-card-text>
-        </v-card>
+              expand_more
+            </v-icon>
+          </v-btn>
+        </div>
       </v-container>
     </v-content>
   </v-container>
@@ -284,6 +327,36 @@ ul {
   list-style-type: none;
   text-align: left;
 }
+.graph-viz {
+  height: calc(100vh - 314px);
+  position: relative;
+  z-index: 1;
+}
+
+.node-cols {
+  height: 250px;
+  position: relative;
+  z-index: 2;
+}
+
+.node-cols > div {
+  height: 100%;
+}
+
+.node-type-list,
+.edge-type-list,
+.node-list {
+  overflow-y: auto;
+  max-height: 168px;
+}
+
+.tray-action {
+  height: 26px;
+  position: absolute;
+  right: calc(50% + 13px);
+  top: -13px;
+  width: 26px;
+}
 
 .ws-detail-title {
   align-items: center;

From b314cbd8a5add5187c115e522f51887197d1ed16 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Tue, 28 Jan 2020 15:59:05 -0500
Subject: [PATCH 04/17] Remove padding from bottom drawer lists

---
 client/src/views/GraphDetail.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 322fea22..051ea0bb 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -97,7 +97,7 @@
                 </v-toolbar-title>
               </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list class="node-type-list" color="transparent">
+                <v-list class="node-type-list pa-0" color="transparent">
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
@@ -135,7 +135,7 @@
                 </v-toolbar-title>
               </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list class="edge-type-list" color="transparent">
+                <v-list class="edge-type-list pa-0" color="transparent">
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
@@ -204,7 +204,7 @@
               </v-toolbar>
               <v-card-text class="pa-0">
                 <v-list
-                  class="node-list"
+                  class="node-list pa-0"
                   color="transparent"
                   dense
                 >

From 8759f51d937866c744c10b0aa3908d7f436c2384 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Tue, 28 Jan 2020 15:59:29 -0500
Subject: [PATCH 05/17] Restore round look to pagination buttons

---
 client/src/views/GraphDetail.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 051ea0bb..5432a3fe 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -171,36 +171,44 @@
                   Nodes
                 </v-toolbar-title>
                 <v-spacer />
-                <v-toolbar-items class="pagination">
+                <div class="pagination">
                   <v-btn
+                    class="mx-1"
                     icon
+                    small
                     :disabled="!prev"
                     v-on:click="firstPage()"
                   >
                     <v-icon>skip_previous</v-icon>
                   </v-btn>
                   <v-btn
+                    class="mx-1"
                     icon
+                    small
                     :disabled="!prev"
                     v-on:click="turnPage(false)"
                   >
                     <v-icon>chevron_left</v-icon>
                   </v-btn>
                   <v-btn
+                    class="mx-1"
                     icon
+                    small
                     :disabled="!next"
                     v-on:click="turnPage(true)"
                   >
                     <v-icon>chevron_right</v-icon>
                   </v-btn>
                   <v-btn
+                    class="mx-1"
                     icon
+                    small
                     :disabled="!next"
                     v-on:click="lastPage()"
                   >
                     <v-icon>skip_next</v-icon>
                   </v-btn>
-                </v-toolbar-items>
+                </div>
               </v-toolbar>
               <v-card-text class="pa-0">
                 <v-list

From 9e6a0817c82ef06077f8e7054810665c628b57e8 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Wed, 29 Jan 2020 10:27:01 -0500
Subject: [PATCH 06/17] Clean up bottom drawer elements

---
 client/src/views/GraphDetail.vue | 37 ++++++++++++++++++++++++++------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 5432a3fe..f5e0d2c0 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -90,6 +90,7 @@
               <v-toolbar
                 color="blue darken-1"
                 dark
+                dense
                 flat
               >
                 <v-toolbar-title>
@@ -97,15 +98,24 @@
                 </v-toolbar-title>
               </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list class="node-type-list pa-0" color="transparent">
+                <v-list
+                  class="node-type-list pa-0"
+                  color="transparent"
+                  dense
+                >
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
                     :to="`/workspaces/${workspace}/table/${table}`"
                     v-for="table in nodeTypes"
                   >
-                    <v-list-item-avatar class="mr-3">
-                      <v-icon color="grey lighten-1">scatter_plot</v-icon>
+                    <v-list-item-avatar class="my-0">
+                      <v-icon
+                        color="grey lighten-1"
+                        size="18"
+                      >
+                        scatter_plot
+                      </v-icon>
                     </v-list-item-avatar>
                     <v-list-item-title>
                       {{table}}
@@ -128,6 +138,7 @@
               <v-toolbar
                 color="blue darken-2"
                 dark
+                dense
                 flat
               >
                 <v-toolbar-title>
@@ -135,15 +146,24 @@
                 </v-toolbar-title>
               </v-toolbar>
               <v-card-text class="pa-0">
-                <v-list class="edge-type-list pa-0" color="transparent">
+                <v-list
+                  class="edge-type-list pa-0"
+                  color="transparent"
+                  dense
+                >
                   <v-list-item
                     class="pl-2"
                     :key="table.name"
                     :to="`/workspaces/${workspace}/table/${table}`"
                     v-for="table in edgeTypes"
                   >
-                    <v-list-item-avatar class="mr-3">
-                      <v-icon color="grey lighten-1">device_hub</v-icon>
+                    <v-list-item-avatar class="my-0">
+                      <v-icon
+                        color="grey lighten-1"
+                        size="18"
+                      >
+                        device_hub
+                      </v-icon>
                     </v-list-item-avatar>
                     <v-list-item-title>
                       {{table}}
@@ -165,6 +185,7 @@
               <v-toolbar
                 color="blue darken-1"
                 dark
+                dense
                 flat
               >
                 <v-toolbar-title>
@@ -221,7 +242,9 @@
                     :key="node"
                     :to="`/workspaces/${workspace}/graph/${graph}/node/${node}`"
                   >
-                    {{node}}
+                    <v-list-item-title>
+                      {{node}}
+                    </v-list-item-title>
                   </v-list-item>
                 </v-list>
               </v-card-text>

From 409378b161e45d4640934ef20bfca89fd9f79a8e Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Wed, 29 Jan 2020 10:27:30 -0500
Subject: [PATCH 07/17] Update height setting of bottom drawer lists

---
 client/src/views/GraphDetail.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index f5e0d2c0..a6db0f0e 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -378,7 +378,7 @@ ul {
 .edge-type-list,
 .node-list {
   overflow-y: auto;
-  max-height: 168px;
+  max-height: 202px;
 }
 
 .tray-action {

From 3cc0284c3f6ed5fe329c0d1545411ba3247559e1 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Wed, 29 Jan 2020 10:27:49 -0500
Subject: [PATCH 08/17] Add select to viz sidebar

---
 client/src/views/GraphDetail.vue | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index a6db0f0e..0b0d4bb4 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -60,6 +60,19 @@
                 More ways to visualize
               </v-subheader>
               <v-divider />
+              <div class="grey lighten-4 pa-3">
+                <v-select
+                  :items="vizItems"
+                  clearable
+                  background-color="white"
+                  dense
+                  hide-details="auto"
+                  label="Label Here"
+                  menu-props="auto"
+                  outlined
+                ></v-select>
+              </div>
+              <v-divider />
               <v-list-item
                 class="pl-2"
                 :key="app.name"
@@ -292,6 +305,7 @@ export default Vue.extend({
       offset: 0,
       limit: 10,
       total: 0,
+      vizItems: ['Foo', 'Bar'],
     };
   },
   computed: {

From aaddd544b41bb56c14971ee8008162af6b22b22e Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Wed, 29 Jan 2020 10:26:34 -0500
Subject: [PATCH 09/17] Fix spelling of "vis"

(Apologies. I have a petty and abiding hatred of the "viz" variant.)
---
 client/src/views/GraphDetail.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 0b0d4bb4..3d6c6db3 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -46,7 +46,7 @@
         fluid
         pa-0
       >
-        <div class="graph-viz">
+        <div class="graph-vis">
           <div class="visualization">
             VISUALIZATION WILL GO HERE
           </div>
@@ -372,7 +372,8 @@ ul {
   list-style-type: none;
   text-align: left;
 }
-.graph-viz {
+
+.graph-vis {
   height: calc(100vh - 314px);
   position: relative;
   z-index: 1;

From 30e7bcfe2d2edcf852b8e3e1a715f8823f532230 Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Wed, 29 Jan 2020 10:40:37 -0500
Subject: [PATCH 10/17] Add open/close logic to drawer

---
 client/src/views/GraphDetail.vue | 36 +++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 3d6c6db3..8cc17dc4 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -46,7 +46,7 @@
         fluid
         pa-0
       >
-        <div class="graph-vis">
+        <div :class="graphVisClasses">
           <div class="visualization">
             VISUALIZATION WILL GO HERE
           </div>
@@ -93,7 +93,7 @@
             </v-list>
           </v-navigation-drawer>
         </div>
-        <div class="d-flex flex-row node-cols">
+        <div :class="nodeColsClasses">
           <div class="node-types flex-grow-1">
             <v-card
               flat
@@ -270,12 +270,13 @@
             depressed
             fab
             small
+            @click="toggle"
           >
             <v-icon
               dark
               size="18"
             >
-              expand_more
+              {{ drawerIcon }}
             </v-icon>
           </v-btn>
         </div>
@@ -306,6 +307,7 @@ export default Vue.extend({
       limit: 10,
       total: 0,
       vizItems: ['Foo', 'Bar'],
+      panelOpen: true,
     };
   },
   computed: {
@@ -322,8 +324,28 @@ export default Vue.extend({
     prev(): boolean {
       return 0 !== this.offset;
     },
+    nodeColsClasses(): string {
+      const {
+        panelOpen,
+      } = this;
+
+      return `d-flex flex-row node-cols${panelOpen ? '' : ' node-cols-closed'}`;
+    },
+    graphVisClasses(): string {
+      const {
+        panelOpen,
+      } = this;
+
+      return `graph-vis${panelOpen ? '' : ' graph-vis-closed'}`;
+    },
+    drawerIcon(): string {
+      return this.panelOpen ? 'expand_more' : 'expand_less';
+    },
   },
   methods: {
+    toggle() {
+      this.panelOpen = !this.panelOpen;
+    },
     async update() {
       const graph = await api.graph(this.workspace, this.graph);
       const nodes = await api.nodes(this.workspace, this.graph, {
@@ -379,6 +401,10 @@ ul {
   z-index: 1;
 }
 
+.graph-vis-closed {
+  height: calc(100vh - 75px);
+}
+
 .node-cols {
   height: 250px;
   position: relative;
@@ -389,6 +415,10 @@ ul {
   height: 100%;
 }
 
+.node-cols-closed {
+  height: 13px;
+}
+
 .node-type-list,
 .edge-type-list,
 .node-list {

From 53bb24d6ea76638e51dbe2dea6dfcf34e84e3ed6 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Wed, 29 Jan 2020 13:58:12 -0500
Subject: [PATCH 11/17] Fix incorrect used of hide-details prop

---
 client/src/views/GraphDetail.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 8cc17dc4..d37f17b7 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -66,7 +66,7 @@
                   clearable
                   background-color="white"
                   dense
-                  hide-details="auto"
+                  hide-details
                   label="Label Here"
                   menu-props="auto"
                   outlined

From 621eff53205a85a9dc3f4fbd3656d8a1e49ba8d9 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Wed, 29 Jan 2020 14:39:55 -0500
Subject: [PATCH 12/17] Add transition to bottom drawer

---
 client/src/views/GraphDetail.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index d37f17b7..2059e6fb 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -419,6 +419,13 @@ ul {
   height: 13px;
 }
 
+.graph-vis,
+.graph-vis-closed,
+.node-cols,
+.node-cols-closed {
+  transition: height .5s ease-in-out;
+}
+
 .node-type-list,
 .edge-type-list,
 .node-list {

From 0f91af0e7e80c90cff735fa84c781cfbef0f7f08 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Tue, 4 Feb 2020 09:01:58 -0500
Subject: [PATCH 13/17] Fix css scrollbar issues and transition speed

---
 client/src/views/GraphDetail.vue | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 2059e6fb..51a73ed2 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -416,14 +416,21 @@ ul {
 }
 
 .node-cols-closed {
-  height: 13px;
+  height: 11px;
 }
 
 .graph-vis,
-.graph-vis-closed,
+.graph-vis-closed {
+  transition: height .1s .05s ease-in-out;
+}
+
 .node-cols,
 .node-cols-closed {
-  transition: height .5s ease-in-out;
+  transition: height .15s ease-in-out;
+}
+
+.node-cols-closed > * {
+  overflow: hidden;
 }
 
 .node-type-list,
@@ -434,11 +441,15 @@ ul {
 }
 
 .tray-action {
-  height: 26px;
+  height: 22px;
   position: absolute;
   right: calc(50% + 13px);
-  top: -13px;
-  width: 26px;
+  top: -11px;
+  width: 22px;
+}
+
+.tray-action i {
+  margin-top: -1px;
 }
 
 .ws-detail-title {

From a51b4ba9ea189101ed0f28eddb19aeb3f45a64f4 Mon Sep 17 00:00:00 2001
From: Jared Tomeck <jared.tomeck@kitware.com>
Date: Thu, 13 Feb 2020 16:07:57 -0500
Subject: [PATCH 14/17] Get rid of transition on bottom drawer

---
 client/src/views/GraphDetail.vue | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 51a73ed2..e57a86a1 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -419,16 +419,6 @@ ul {
   height: 11px;
 }
 
-.graph-vis,
-.graph-vis-closed {
-  transition: height .1s .05s ease-in-out;
-}
-
-.node-cols,
-.node-cols-closed {
-  transition: height .15s ease-in-out;
-}
-
 .node-cols-closed > * {
   overflow: hidden;
 }

From e91bf5ec1e97122aa559ac745c9531005a61c25d Mon Sep 17 00:00:00 2001
From: Jacob Nesbitt <jjnesbitt2@gmail.com>
Date: Tue, 3 Mar 2020 18:38:45 -0500
Subject: [PATCH 15/17] Add node and edge count to GraphDetail

---
 client/src/views/GraphDetail.vue | 33 ++++++++++++++++++++++++--------
 multinetjs/src/index.ts          |  4 ++++
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index e57a86a1..36af7ab9 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -47,9 +47,18 @@
         pa-0
       >
         <div :class="graphVisClasses">
-          <div class="visualization">
-            VISUALIZATION WILL GO HERE
-          </div>
+          <v-list>
+            <v-list-item>
+              <v-list-item-title>
+                Nodes: {{totalNodes}}
+              </v-list-item-title>
+            </v-list-item>
+            <v-list-item>
+              <v-list-item-title>
+                Edges: {{totalEdges}}
+              </v-list-item-title>
+            </v-list-item>
+          </v-list>
           <v-navigation-drawer
             absolute
             right
@@ -305,7 +314,8 @@ export default Vue.extend({
       nodes: [] as string[],
       offset: 0,
       limit: 10,
-      total: 0,
+      totalNodes: 0,
+      totalEdges: 0,
       vizItems: ['Foo', 'Bar'],
       panelOpen: true,
     };
@@ -313,9 +323,9 @@ export default Vue.extend({
   computed: {
     highestOffset(): number {
       return (
-        this.total % this.limit
-          ? Math.floor(this.total / this.limit)
-          : this.total / this.limit - 1
+        this.totalNodes % this.limit
+          ? Math.floor(this.totalNodes / this.limit)
+          : this.totalNodes / this.limit - 1
       ) * this.limit;
     },
     next(): boolean {
@@ -353,10 +363,17 @@ export default Vue.extend({
         limit: this.limit,
       });
 
+      const edgeQuery = `
+        FOR table in [${graph.edgeTable}]
+          RETURN LENGTH(table)
+      `;
+      const edges = await api.aql(this.workspace, edgeQuery);
+
       this.nodeTypes = graph.nodeTables;
       this.edgeTypes = [graph.edgeTable];
       this.nodes = nodes.nodes.map((d) => d._id);
-      this.total = nodes.count;
+      this.totalNodes = nodes.count;
+      this.totalEdges = edges.reduce((acc, val) => acc + val, 0);
     },
     turnPage(forward: number) {
       this.offset += forward ? this.limit : -this.limit;
diff --git a/multinetjs/src/index.ts b/multinetjs/src/index.ts
index a9adb9a5..23f27dbf 100644
--- a/multinetjs/src/index.ts
+++ b/multinetjs/src/index.ts
@@ -163,6 +163,10 @@ class MultinetAPI {
   public deleteGraph(workspace: string, graph: string): Promise<string> {
     return this.client.delete(`/workspaces/${workspace}/graphs/${graph}`);
   }
+
+  public aql(workspace: string, query: string): Promise<any[]> {
+    return this.client.post(`/workspaces/${workspace}/aql`, query, {'Content-Type': 'text/plain'});
+  }
 }
 
 export function multinetApi(baseURL: string): MultinetAPI {

From d90f209e33bade431c4f77e235308b91d6050c48 Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Wed, 4 Mar 2020 11:47:59 -0500
Subject: [PATCH 16/17] Update client and multinetjs to multinet 0.10.0

---
 client/package.json     |   2 +-
 client/yarn.lock        | 226 +++-------------------------------------
 multinetjs/package.json |   2 +-
 3 files changed, 16 insertions(+), 214 deletions(-)

diff --git a/client/package.json b/client/package.json
index 0cdf9445..40b9d83c 100644
--- a/client/package.json
+++ b/client/package.json
@@ -20,7 +20,7 @@
     "axios": "^0.18.1",
     "core-js": "^2.6.5",
     "material-design-icons-iconfont": "^5.0.1",
-    "multinet": "0.9.0",
+    "multinet": "0.10.0",
     "vue": "^2.6.10",
     "vue-gtag": "^1.2.1",
     "vue-router": "^3.0.2",
diff --git a/client/yarn.lock b/client/yarn.lock
index 7673e883..0ab794af 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -1171,11 +1171,6 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-abbrev@1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
-  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
-
 accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
@@ -1344,7 +1339,7 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.0.3, aproba@^1.1.1:
+aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
@@ -1354,14 +1349,6 @@ arch@^2.1.1:
   resolved "https://registry.yarnpkg.com/arch/-/arch-2.1.1.tgz#8f5c2731aa35a30929221bb0640eed65175ec84e"
   integrity sha512-BLM56aPo9vLLFVa8+/+pJLnrZ7QGGTVHWsCwieAWT9o9K8UeGaQbzZbGoabWLOo2ksBCztoXdqBZBplqLDDCSg==
 
-are-we-there-yet@~1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
-  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
-
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2315,11 +2302,6 @@ console-browserify@^1.1.0:
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
-console-control-strings@^1.0.0, console-control-strings@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
-  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
-
 consolidate@^0.15.1:
   version "0.15.1"
   resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
@@ -2707,7 +2689,7 @@ debug@=3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@^3.0.0, debug@^3.1.0, debug@^3.1.1, debug@^3.2.5, debug@^3.2.6:
+debug@^3.0.0, debug@^3.1.0, debug@^3.1.1, debug@^3.2.5:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
   integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
@@ -2741,11 +2723,6 @@ deep-equal@^1.0.1, deep-equal@~1.1.1:
     object-keys "^1.1.1"
     regexp.prototype.flags "^1.2.0"
 
-deep-extend@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
-  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
-
 deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
@@ -2849,11 +2826,6 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
-delegates@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
-  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
-
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -2872,11 +2844,6 @@ destroy@~1.0.4:
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
   integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
 
-detect-libc@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
-  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
-
 detect-node@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.0.4.tgz#014ee8f8f669c5c58023da64b8179c083a28c46c"
@@ -3810,13 +3777,6 @@ fs-extra@^7.0.1:
     jsonfile "^4.0.0"
     universalify "^0.1.0"
 
-fs-minipass@^1.2.5:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
-  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
-  dependencies:
-    minipass "^2.6.0"
-
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -3864,20 +3824,6 @@ g-status@^2.0.2:
     matcher "^1.0.0"
     simple-git "^1.85.0"
 
-gauge@~2.7.3:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
-  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
-  dependencies:
-    aproba "^1.0.3"
-    console-control-strings "^1.0.0"
-    has-unicode "^2.0.0"
-    object-assign "^4.1.0"
-    signal-exit "^3.0.0"
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wide-align "^1.1.0"
-
 gensync@^1.0.0-beta.1:
   version "1.0.0-beta.1"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
@@ -4063,11 +4009,6 @@ has-symbols@^1.0.0, has-symbols@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
 
-has-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
-  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
-
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
@@ -4322,7 +4263,7 @@ human-signals@^1.1.1:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
   integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
 
-iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
+iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -4351,13 +4292,6 @@ iferr@^0.1.5:
   resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
   integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
 
-ignore-walk@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
-  integrity sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==
-  dependencies:
-    minimatch "^3.0.4"
-
 ignore@^3.3.5:
   version "3.3.10"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
@@ -4449,11 +4383,6 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@~1.3.0:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
-  integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
-
 inquirer@^7.0.0:
   version "7.0.5"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.0.5.tgz#fb95b238ba19966c1a1f55db53c3f0ce5c9e4275"
@@ -5476,21 +5405,6 @@ minimist@^1.2.0, minimist@~1.2.0:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
-minipass@^2.6.0, minipass@^2.8.6, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
-minizlib@^1.2.1:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
 mississippi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-2.0.0.tgz#3442a508fafc28500486feea99409676e4ee5a6f"
@@ -5531,7 +5445,7 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdirp@0.5.1, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
+mkdirp@0.5.1, mkdirp@^0.5.1, mkdirp@~0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
@@ -5588,10 +5502,10 @@ multimatch@^2.1.0:
     arrify "^1.0.0"
     minimatch "^3.0.0"
 
-multinet@0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/multinet/-/multinet-0.9.0.tgz#ee9737d5c1ab07c8de32eee1cae3203bc9edec7b"
-  integrity sha512-w0TjW+c84692tYK0DmwjqP+KlbyjtiDWtZXKCQ7w9KhVow5GHJTckh8QWK+opZAMmLHjlQIKjVEgs7FLp7QB0Q==
+multinet@0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/multinet/-/multinet-0.10.0.tgz#92470b0b1020632ec4effe538f9e7c584a719f29"
+  integrity sha512-GAPUCVqHoG9RBqbx5F2vI3Mp15gLeYuOrkGvZC/Rl1DUe7vuNxiVEKXzoa9N59F0vYVR/eoDAtp+UPjTOtnsLw==
   dependencies:
     axios "^0.19.0"
 
@@ -5636,15 +5550,6 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
-needle@^2.2.1:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/needle/-/needle-2.3.3.tgz#a041ad1d04a871b0ebb666f40baaf1fb47867117"
-  integrity sha512-EkY0GeSq87rWp1hoq/sH/wnTWgFVhYlnIkbJ0YJFfRgEFlz2RraCjBpFQ+vrEgEdp0ThfyHADmkChEhcb7PKyw==
-  dependencies:
-    debug "^3.2.6"
-    iconv-lite "^0.4.4"
-    sax "^1.2.4"
-
 negotiator@0.6.2:
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
@@ -5710,22 +5615,6 @@ node-libs-browser@^2.2.1:
     util "^0.11.0"
     vm-browserify "^1.0.1"
 
-node-pre-gyp@*:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz#9a0596533b877289bcad4e143982ca3d904ddc83"
-  integrity sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==
-  dependencies:
-    detect-libc "^1.0.2"
-    mkdirp "^0.5.1"
-    needle "^2.2.1"
-    nopt "^4.0.1"
-    npm-packlist "^1.1.6"
-    npmlog "^4.0.2"
-    rc "^1.2.7"
-    rimraf "^2.6.1"
-    semver "^5.3.0"
-    tar "^4.4.2"
-
 node-releases@^1.1.50:
   version "1.1.50"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.50.tgz#803c40d2c45db172d0410e4efec83aa8c6ad0592"
@@ -5733,14 +5622,6 @@ node-releases@^1.1.50:
   dependencies:
     semver "^6.3.0"
 
-nopt@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
-  integrity sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=
-  dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
-
 normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -5788,27 +5669,6 @@ normalize-url@^3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
 
-npm-bundled@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.1.tgz#1edd570865a94cdb1bc8220775e29466c9fb234b"
-  integrity sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==
-  dependencies:
-    npm-normalize-package-bin "^1.0.1"
-
-npm-normalize-package-bin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
-  integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
-
-npm-packlist@^1.1.6:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.8.tgz#56ee6cc135b9f98ad3d51c1c95da22bbb9b2ef3e"
-  integrity sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==
-  dependencies:
-    ignore-walk "^3.0.1"
-    npm-bundled "^1.0.1"
-    npm-normalize-package-bin "^1.0.1"
-
 npm-path@^2.0.2:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/npm-path/-/npm-path-2.0.4.tgz#c641347a5ff9d6a09e4d9bce5580c4f505278e64"
@@ -5839,16 +5699,6 @@ npm-which@^3.0.1:
     npm-path "^2.0.2"
     which "^1.2.10"
 
-npmlog@^4.0.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
-  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
-  dependencies:
-    are-we-there-yet "~1.1.2"
-    console-control-strings "~1.1.0"
-    gauge "~2.7.3"
-    set-blocking "~2.0.0"
-
 nth-check@^1.0.2, nth-check@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
@@ -6035,11 +5885,6 @@ os-browserify@^0.3.0:
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
-os-homedir@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
-  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
-
 os-locale@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
@@ -6049,19 +5894,11 @@ os-locale@^3.0.0:
     lcid "^2.0.0"
     mem "^4.0.0"
 
-os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
+os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
 
-osenv@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
-  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
-  dependencies:
-    os-homedir "^1.0.0"
-    os-tmpdir "^1.0.0"
-
 p-defer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
@@ -6973,16 +6810,6 @@ raw-body@2.4.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-rc@^1.2.7:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
-  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
-  dependencies:
-    deep-extend "^0.6.0"
-    ini "~1.3.0"
-    minimist "^1.2.0"
-    strip-json-comments "~2.0.1"
-
 re-emitter@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/re-emitter/-/re-emitter-1.1.3.tgz#fa9e319ffdeeeb35b27296ef0f3d374dac2f52a7"
@@ -6998,7 +6825,7 @@ read-pkg@^5.0.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -7371,7 +7198,7 @@ sass@^1.22.9:
   dependencies:
     chokidar ">=2.0.0 <4.0.0"
 
-sax@^1.2.4, sax@~1.2.4:
+sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
@@ -7464,7 +7291,7 @@ serve-static@1.14.1:
     parseurl "~1.3.3"
     send "0.17.1"
 
-set-blocking@^2.0.0, set-blocking@~2.0.0:
+set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -7858,7 +7685,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
+string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -8003,11 +7830,6 @@ strip-json-comments@^3.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
   integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
 
-strip-json-comments@~2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
-
 stylehacks@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -8137,19 +7959,6 @@ tape@^4.11.0:
     string.prototype.trim "~1.2.1"
     through "~2.3.8"
 
-tar@^4.4.2:
-  version "4.4.13"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
-  integrity sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==
-  dependencies:
-    chownr "^1.1.1"
-    fs-minipass "^1.2.5"
-    minipass "^2.8.6"
-    minizlib "^1.2.1"
-    mkdirp "^0.5.0"
-    safe-buffer "^5.1.2"
-    yallist "^3.0.3"
-
 terser-webpack-plugin@^1.2.3, terser-webpack-plugin@^1.4.3:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
@@ -8891,13 +8700,6 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@^1.1.0:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
-  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
-  dependencies:
-    string-width "^1.0.2 || 2"
-
 word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
@@ -8978,7 +8780,7 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
-yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
+yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
diff --git a/multinetjs/package.json b/multinetjs/package.json
index 59cf1895..953014ec 100644
--- a/multinetjs/package.json
+++ b/multinetjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "multinet",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Multinet client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

From aab1260530b038c039040c428f310a7a50a321c8 Mon Sep 17 00:00:00 2001
From: Jacob Nesbitt <jjnesbitt2@gmail.com>
Date: Wed, 4 Mar 2020 13:18:33 -0500
Subject: [PATCH 17/17] Update visualization sidebar

---
 client/src/views/GraphDetail.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/src/views/GraphDetail.vue b/client/src/views/GraphDetail.vue
index 36af7ab9..5cd97336 100644
--- a/client/src/views/GraphDetail.vue
+++ b/client/src/views/GraphDetail.vue
@@ -71,15 +71,15 @@
               <v-divider />
               <div class="grey lighten-4 pa-3">
                 <v-select
-                  :items="vizItems"
-                  clearable
+                  :items="visItems"
+                  v-model="selectedVis"
                   background-color="white"
                   dense
                   hide-details
-                  label="Label Here"
+                  label="Visualization"
                   menu-props="auto"
                   outlined
-                ></v-select>
+                />
               </div>
               <v-divider />
               <v-list-item
@@ -308,6 +308,7 @@ export default Vue.extend({
   },
   props: ['workspace', 'graph', 'apps'],
   data() {
+    const visItems = ['Network Overview'];
     return {
       nodeTypes: [] as string[],
       edgeTypes: [] as string[],
@@ -316,7 +317,8 @@ export default Vue.extend({
       limit: 10,
       totalNodes: 0,
       totalEdges: 0,
-      vizItems: ['Foo', 'Bar'],
+      visItems: [...visItems],
+      selectedVis: visItems[0],
       panelOpen: true,
     };
   },