add missing setting

Author: leoding86

src/options_page/components/NewSettings.vue

@@ -15,6 +15,7 @@
         <DownloadSaveMode />
         <ZipDownloads />
         <DontCreateWorkFolder />
+        <CombineRenameRules />
       </v-list>
     </v-card-text>
   </v-card>
@@ -25,6 +26,7 @@ import DownloadMode from './options/option-items/DownloadMode.vue';
 import DownloadSaveMode from './options/option-items/DownloadSaveMode.vue';
 import ZipDownloads from './options/option-items/ZipDownloads.vue';
 import DontCreateWorkFolder from './options/option-items/DontCreateWorkFolder.vue';
+import CombineRenameRules from './options/option-items/CombineRenameRules.vue';
 
 export default {
   name: 'global-task-setting',
@@ -33,7 +35,8 @@ export default {
     'download-mode': DownloadMode,
     DownloadSaveMode,
     ZipDownloads,
-    DontCreateWorkFolder
+    DontCreateWorkFolder,
+    CombineRenameRules
   }
 };
 </script>

src/options_page/components/options/GlobalTaskSettings.vue

@@ -33,17 +33,7 @@
 
       <DontCreateWorkFolder />
 
-      <v-list-tile v-if="[1,2,3].indexOf(dontCreateWorkFolder) > -1">
-        <v-list-tile-content>
-          <v-list-tile-title>{{ tl('_combin_work_and_image_rename_rule_when_dont_create_work_folder') }}</v-list-tile-title>
-        </v-list-tile-content>
-        <v-list-tile-action>
-          <v-select :items="zipMultipleImagesOptions"
-            v-model="combinWRRuleAndIRRuleWhenDontCreateWorkFolder"
-            style="width:150px;"
-          ></v-select>
-        </v-list-tile-action>
-      </v-list-tile>
+      <CombineRenameRules />
     </v-list>
   </div>
 </template>
@@ -52,14 +42,16 @@
 import DownloadSaveMode from './option-items/DownloadSaveMode.vue';
 import ZipDownloads from './option-items/ZipDownloads.vue';
 import DontCreateWorkFolder from './option-items/DontCreateWorkFolder.vue';
+import CombineRenameRules from './option-items/CombineRenameRules.vue';
 
 export default {
   name: 'global-task-setting',
 
   components: {
     DownloadSaveMode,
     ZipDownloads,
-    DontCreateWorkFolder
+    DontCreateWorkFolder,
+    CombineRenameRules
   },
 
   data() {

src/options_page/components/options/option-items/CombineRenameRules.vue

@@ -0,0 +1,54 @@
+<script>
+import browser from '@/modules/Extension/browser';
+
+export default {
+  name: 'CombineRenameRules',
+
+  data() {
+    return {
+      showThis: false,
+      value: 0
+    }
+  },
+
+  computed: {
+    options() {
+      return [
+        { text: this.tl('_enable'), value: 1 },
+        { text: this.tl('_disable'), value: 0}
+      ]
+    }
+  },
+
+  watch: {
+    value(val) {
+      browser.storage.local.set({ combinWRRuleAndIRRuleWhenDontCreateWorkFolder: val });
+    }
+  },
+
+  created() {
+    this.value = this.browserItems.combinWRRuleAndIRRuleWhenDontCreateWorkFolder;
+    this.showThis = this.browserItems.downloadSaveMode === 1;
+
+    browser.storage.onChanged.addListener(changes => {
+      if ('downloadSaveMode' in changes) {
+        this.showThis = changes.downloadSaveMode.newValue === 1;
+      }
+    });
+  }
+};
+</script>
+
+<template>
+  <v-list-tile v-if="showThis">
+    <v-list-tile-content>
+      <v-list-tile-title>{{ tl('_combin_work_and_image_rename_rule_when_dont_create_work_folder') }}</v-list-tile-title>
+    </v-list-tile-content>
+    <v-list-tile-action>
+      <v-select :items="options"
+        v-model="value"
+        style="width:150px;"
+      ></v-select>
+    </v-list-tile-action>
+  </v-list-tile>
+</template>