Graph Manager: Add Graph Switcher RE: 3553

archesproject · Jun 21, 2018 · a39d5ca · a39d5ca
1 parent 8ea0acb
commit a39d5ca
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/arches/app/media/js/views/graph-designer.js b/arches/app/media/js/views/graph-designer.js
@@ -27,6 +27,12 @@ define([
         ontologyClasses: ko.observable(data['ontologyClasses']),
     }
 
+    viewModel.graphid.subscribe(function (graphid) {
+        var re = /\b[a-f\d-]{36}\b/
+        var newPath = window.location.pathname.replace(re, graphid);
+        viewModel.navigate(newPath);
+    });
+
     viewModel.graphModel = new GraphModel({
         data: data.graph,
         datatypes: data.datatypes,

diff --git a/arches/app/templates/views/graph-designer.htm b/arches/app/templates/views/graph-designer.htm
@@ -41,6 +41,10 @@ <h1 class="page-header text-overflow ep-graph-title">
     <div class="ep-form-toolbar">
 
         <h4 class="ep-form-toolbar-title">
+            <!-- Menu Item -->
+            <div class="graph-selector" data-bind="" style="margin-right: 10px;">
+                <select data-placeholder="{% trans "Select a graph..." %}" class="design" style="width:100px;" data-bind="value: graphid, options: allGraphs, optionsText: 'name', optionsValue: 'graphid', chosen: {'width': '100%'}"></select>
+
             <!-- Layer Filter -->
             <div class="list-filter" data-bind="" style="margin-right: 10px;">
                 <input type="text" class="form-control" style="width: 250px;" placeholder="{% trans 'Find a node, datatype, card...' %}" data-bind="textInput: graphTree.filter">