map popup and workflow step style fixes, re: #4670

archesproject · Jul 8, 2019 · eb3cd0c · eb3cd0c
1 parent c36799e
commit eb3cd0c
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 3 deletions.
diff --git a/arches/app/media/css/arches.css b/arches/app/media/css/arches.css
@@ -531,10 +531,14 @@ input[type="checkbox"] {
 .workflow-step-body {
     background-color: #eee;
     height: 100%;
-    padding: 20px 35px 300px 40px;
+    padding: 0 0 218px 0;
     overflow-y: auto;
 }
 
+.padded-workflow-step {
+    padding: 35px;
+}
+
 .wf-multi-tile-step-container {
     display: flex;
     flex-direction: row;

diff --git a/arches/app/media/js/views/components/cards/map.js b/arches/app/media/js/views/components/cards/map.js
@@ -153,6 +153,9 @@ define([
                         type: 'FeatureCollection',
                         features: getDrawFeatures()
                     });
+                    _.each(self.featureLookup, function(value) {
+                        if (value.selectedTool()) value.selectedTool('');
+                    });
                 });
             });
         },

diff --git a/arches/app/media/js/views/components/map.js b/arches/app/media/js/views/components/map.js
@@ -35,6 +35,7 @@ define([
         var mapLayers = params.mapLayers || arches.mapLayers;
 
         this.map = ko.isObservable(params.map) ? params.map : ko.observable();
+        this.popupTemplate = popupTemplate;
         this.basemaps = [];
         this.overlays = ko.observableArray();
         this.activeBasemap = ko.observable();
@@ -204,6 +205,8 @@ define([
             resourceData['graph_name'] = '';
             resourceData.featureCollections = [];
             resourceData = ko.mapping.fromJS(resourceData);
+            resourceData.reportURL = arches.urls.resource_report;
+            resourceData.editURL = arches.urls.resource_editor;
             resourceLookup[resourceId] = resourceData;
             $.get(arches.urls.resource_descriptors + resourceId, function(data) {
                 resourceLookup[resourceId].displaydescription(data.displaydescription);
@@ -247,7 +250,7 @@ define([
                 if (hoverFeature) {
                     var p = new mapboxgl.Popup()
                         .setLngLat(e.lngLat)
-                        .setHTML(popupTemplate)
+                        .setHTML(self.popupTemplate)
                         .addTo(map);
                     ko.applyBindingsToDescendants(
                         self.getPopupData(hoverFeature),

diff --git a/arches/app/templates/views/components/workflows/final-step.htm b/arches/app/templates/views/components/workflows/final-step.htm
@@ -1,4 +1,4 @@
-<div class="workflows-get-tile-value">
+<div class="workflows-get-tile-value padded-workflow-step">
     <div style='display:flex; justify-content: space-between;'>
         <h4>Workflow Complete</h4>
         <div>

diff --git a/arches/app/templates/views/components/workflows/new-multi-tile-step.htm b/arches/app/templates/views/components/workflows/new-multi-tile-step.htm
@@ -1,4 +1,5 @@
 <!-- ko let: { self: $data } -->
+<div class="padded-workflow-step">
     <!-- ko if: !loading() -->
     <div data-bind="" class="wf-multi-tile-step-container">
         <!-- ko if: tile() && card() -->
@@ -46,4 +47,5 @@ <h3>Add Reference Number</h3>
         <!-- /ko -->
     </div>
     <!-- /ko -->
+</div>
 <!-- /ko -->
diff --git a/arches/app/templates/views/components/workflows/new-tile-step.htm b/arches/app/templates/views/components/workflows/new-tile-step.htm
@@ -1,3 +1,4 @@
+<div class="padded-workflow-step">
 <!-- ko if: tile() && card() -->
     <!-- ko component: {
         name: cardComponentLookup[card().model.component_id()].componentname,
@@ -11,3 +12,4 @@
         }
     } --><!-- /ko -->
 <!-- /ko -->
+</div>