MappingEditor: Indicate saved/unsaved mapping (#115)

gbv · Oct 8, 2018 · daa5c35 · daa5c35
1 parent cfcb76d
commit daa5c35
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/MappingEditor.vue b/src/components/MappingEditor.vue
@@ -1,5 +1,7 @@
 <template>
-  <div id="mappingEditor">
+  <div
+    id="mappingEditor"
+    :class="canSaveMapping() ? 'mappingEditor-notSaved' : (canExportMapping() ? 'mappingEditor-saved' : 'mappingEditor-cantSave')">
     <!-- Minimizer allows component to get minimized -->
     <minimizer
       ref="minimizer"
@@ -372,6 +374,15 @@ export default {
   overflow: hidden;
   display: flex;
 }
+.mappingEditor-cantSave {
+  border: 1px solid #ffffff00;
+}
+.mappingEditor-notSaved {
+  border: 1px solid #ff3333cc;
+}
+.mappingEditor-saved {
+  border: 1px solid #33ff33cc;
+}
 .mappingTypeSelection {
   flex: none;
   position: relative;