ayanova/src/components/dash-labor-hours-personal.vue

@@ -5,7 +5,7 @@
     :update-frequency="600000"
     v-bind="[$props, $attrs]"
     @dash-refresh="loadData"
-    @dash-context="context = true"
+    @dash-context="showContext()"
     v-on="$listeners"
   >
     <template slot="main">
@@ -55,8 +55,10 @@
             </v-card-title>
 
             <v-card-text style="height: 500px;">
+              settings:{{ settings }}<br />
+              localSettings:{{ localSettings }}
               <v-select
-                v-model="settings.dateRange"
+                v-model="localSettings.dateRange"
                 :items="selectLists.dateFilterTokens"
                 item-text="name"
                 item-value="id"
@@ -64,7 +66,7 @@
               ></v-select>
 
               <v-select
-                v-model="settings.unit"
+                v-model="localSettings.unit"
                 :items="selectLists.units"
                 item-text="name"
                 item-value="id"
@@ -72,11 +74,9 @@
               ></v-select>
 
               <v-text-field
-                v-model="settings.customTitle"
+                v-model="localSettings.customTitle"
                 :label="$ay.t('Name')"
               ></v-text-field>
-
-              {{ settings }}
             </v-card-text>
 
             <v-divider></v-divider>
@@ -113,6 +113,7 @@ export default {
     return {
       obj: {},
       context: false,
+      localSettings: {},
       selectLists: {
         dateFilterTokens: [],
         tagFilterOperators: [],
@@ -122,11 +123,18 @@ export default {
   },
   computed: {},
   async created() {
-    this.localSettings = this.settings;
     await initWidget(this);
   },
   methods: {
+    showContext: function() {
+      this.localSettings = window.$gz.util.deepCopySkip(this.settings);
+      this.context = true;
+    },
     updateSettings: function() {
+      //copy settings from local to
+      this.settings.customTitle = this.localSettings.customTitle;
+      this.settings.dateRange = this.localSettings.dateRange;
+      this.settings.unit = this.localSettings.unit;
       this.$emit("dash-change");
       this.context = false;
     },