Adds data section to msm summary, re #4357

archesproject · Jan 22, 2019 · 8de0413 · 8de0413
1 parent 0cc3417
commit 8de0413
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 11 deletions.
diff --git a/arches/app/media/css/arches.css b/arches/app/media/css/arches.css
@@ -6235,7 +6235,7 @@ ul div .card-tree-list span .card-tree-list-item .card-tree-list-icon {
 
 
 /*  Start card/widget manager Classes
-    used to manage placement and display of elements inside of the Card 
+    used to manage placement and display of elements inside of the Card
     and Widget Management forms
 */
 .panel-config {
@@ -10899,17 +10899,17 @@ a.search-facet-item.disabled {
 }
 
 .msm-account-listing-panel {
-    display: flex; 
-    flex-direction: column; 
+    display: flex;
+    flex-direction: column;
     flex: 1;
     background: #fff;
 }
 
 .msm-account-summary-panel {
-    display: flex; 
-    flex-direction: column; 
+    display: flex;
+    flex-direction: column;
     background: #fcfcfc;
-    flex: 1; 
+    flex: 1;
     border-left: solid 1px #ccc;
 }
 
@@ -10934,9 +10934,9 @@ a.search-facet-item.disabled {
 }
 
 .model-selection .msm-icon-wrap {
-    background: #fff; 
-    color:#2d3c4b; 
-    padding-top: 15px; 
+    background: #fff;
+    color:#2d3c4b;
+    padding-top: 15px;
     border: 1px solid #2d3c4b;
 }
 
@@ -11794,7 +11794,7 @@ a.filter-tools:hover {
 }
 
 .msm-survey-status-instructions {
-    padding: 20px 10px 5px 10px; 
+    padding: 20px 10px 5px 10px;
     font-size: 19px;
     text-align: center;
 }
@@ -11939,6 +11939,7 @@ a.filter-tools:hover {
 
 .msm-stat-date {
     font-size: 17px;
+    white-space: nowrap;
 }
 
 .profile-mpm-panel {

diff --git a/arches/app/templates/views/mobile-survey-designer.htm b/arches/app/templates/views/mobile-survey-designer.htm
@@ -141,7 +141,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
 
                                         <!-- Survey Stats -->
                                         <div class="msm-stats-panel">
-                                            <div class="col-xs-12 col-sm-4">
+                                            <div class="col-xs-16 col-sm-4">
                                                 <div class="msm-stat">
                                                     <span class="msm-stat-time">15:32:47</span>
                                                     <span class="msm-stat-date">January 12, 2019</span>
@@ -197,6 +197,28 @@ <h1 class="page-header text-overflow mobile-designer-title">
                                         </ul>
                                     </div>
 
+                                    <!-- Data Summary -->
+                                    <div class="msm-report-section">
+                                        <p class="mpm-item-listing-header">
+                                            {% trans 'Data download' %}
+                                        </p>
+                                        <ul class="mpm-node-detail-metadata">
+                                            <li class="">
+                                                {% trans 'Limit:' %} <span data-bind="text: mobilesurvey.datadownloadconfig.count()"></span>
+                                            </li>
+                                        </ul>
+                                        <div class="mpm-node-detail-metadata">
+                                            <ul>{% trans 'Resource Types:' %}
+                                                <ul class="mpm-node-detail-metadata">
+                                                    <!-- ko foreach: {data:allResources, as: 'resource'} -->
+                                                    <li class="" data-bind="text: resource.name, visible: _.contains($parent.mobilesurvey.datadownloadconfig.resources(), resource.id)"></li>
+                                                    <!-- /ko -->
+                                                </ul>
+                                            </ul>
+                                        </div>
+                                    </div>
+
+
                                     <div class="msm-report-section">
                                         <p class="mpm-item-listing-header">
                                             {% trans 'Models and Data Entry Cards' %}