From 8d2abfce978e7591030ef67a78229a68896515e8 Mon Sep 17 00:00:00 2001
From: Cyrus Hiatt <chiatt@fargeo.com>
Date: Mon, 28 Jan 2019 13:47:57 -0800
Subject: [PATCH] Notifies user why some features of the MSM are immutable once
 a survey has been synced. re #4401

---
 arches/app/media/css/arches.css                       | 9 +++++++++
 arches/app/templates/views/mobile-survey-designer.htm | 5 +++++
 2 files changed, 14 insertions(+)

diff --git a/arches/app/media/css/arches.css b/arches/app/media/css/arches.css
index f6d12bef7b7..2ac2164882c 100644
--- a/arches/app/media/css/arches.css
+++ b/arches/app/media/css/arches.css
@@ -9276,6 +9276,15 @@ a.clear-geojson-button:hover {
     overflow-y: auto;
 }
 
+.msm-locked-warning {
+    height: 40px;
+    background: #999;
+    color: #fff;
+    padding-left: 10px;
+    position: relative;
+    padding-top: 10px;
+}
+
 .msm-list-filter {
     display: flex;
     padding: 12px 10px 13px 65px;
diff --git a/arches/app/templates/views/mobile-survey-designer.htm b/arches/app/templates/views/mobile-survey-designer.htm
index 395f4219b4b..0029a891813 100644
--- a/arches/app/templates/views/mobile-survey-designer.htm
+++ b/arches/app/templates/views/mobile-survey-designer.htm
@@ -422,6 +422,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
                         <!--/ko-->
 
                         <!--ko if: activePage() === 'resourcemodel'-->
+                        <div class='msm-locked-warning' data-bind="visible: locked">{% trans 'These options cannot be modified because users have already synched with this survey.' %}</div>
                         <div class="mpm-card-content mpm-crud-section">
 
                             <div class="account-label">{% trans 'Data entry cards selected for this survey:' %}</div>
@@ -442,6 +443,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
 
                         <!-- Models Card -->
                         <!--ko if: activePage() === 'models'-->
+                        <div class='msm-locked-warning' data-bind="visible: locked">{% trans 'These options cannot be modified because users have already synched with this survey.' %}</div>
                         <div class="mpm-card-content selection-page model-selection">
 
                             <!-- Icon and Title -->
@@ -473,6 +475,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
 
                         <!-- Data Card -->
                         <!--ko if: activePage() === 'data'-->
+                        <div class='msm-locked-warning' data-bind="visible: locked">{% trans 'These options cannot be modified because users have already synched with this survey.' %}</div>
                         <div class="msm-crud-section" style="height: 200px; border-bottom: transparent;">
                             <!-- Allow Data Downloads Switch -->
                             <div class="mpm-item-listing-header data-panel">
@@ -558,6 +561,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
                         <!--/ko-->
 
                         <!--ko if: activePage() === 'people'-->
+                        <div class='msm-locked-warning' data-bind="visible: locked">{% trans 'These options cannot be modified because users have already synched with this survey.' %}</div>
                         <div id="models-card">
                             <div class="mpm-card-content selection-page model-selection">
 
@@ -590,6 +594,7 @@ <h1 class="page-header text-overflow mobile-designer-title">
 
                         <!--ko if: activePage() === 'identity'-->
                         <!-- Account Page -->
+                        <div class='msm-locked-warning' data-bind="visible: locked">{% trans 'These options cannot be modified because users have already synched with this survey.' %}</div>
                         <div id="models-card">
                             <div class="mpm-card-content group-page">
                                 <div style="display: flex">