Add support for other functions selection

Author: wenfengand

src/components/blocks/ContextMenu.vue

@@ -21,6 +21,7 @@
 
 <script>
 /* eslint-disable no-param-reassign */
+import { mapState } from 'vuex';
 import EventBus from './../../eventBus';
 import translate from '../../mixins/translate';
 import contextMenu from './mixins/contextMenu';
@@ -47,6 +48,9 @@ export default {
     EventBus.$on('contextMenu', event => this.showMenu(event));
   },
   computed: {
+    ...mapState('fm', {
+      extConfig: state => state.settings.extConfig,
+    }),
     /**
      * Context menu items
      * @returns {*}

src/components/blocks/Navbar.vue

@@ -22,49 +22,49 @@
                     </button>
                 </div>
                 <div class="btn-group" role="group">
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canNewFile === true" type="button" class="btn btn-secondary"
                             v-on:click="showModal('NewFile')"
                             v-bind:title="lang.btn.file">
                         <i class="far fa-file"></i>
                     </button>
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canNewFolder === true" type="button" class="btn btn-secondary"
                             v-on:click="showModal('NewFolder')"
                             v-bind:title="lang.btn.folder">
                         <i class="far fa-folder"></i>
                     </button>
-                    <button type="button" class="btn btn-secondary"
-                            disabled
-                            v-if="uploading"
+                    <button v-if="extConfig.canUpload === true && uploading === false"
+                            type="button" class="btn btn-secondary"
+                            v-on:click="showModal('Upload')"
                             v-bind:title="lang.btn.upload">
                         <i class="fas fa-upload"></i>
                     </button>
                     <button type="button" class="btn btn-secondary"
-                            v-else
-                            v-on:click="showModal('Upload')"
+                            disabled
+                            v-if="extConfig.canUpload === true && uploading === true"
                             v-bind:title="lang.btn.upload">
                         <i class="fas fa-upload"></i>
                     </button>
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canDelete === true" type="button" class="btn btn-secondary"
                             v-bind:disabled="!isAnyItemSelected"
                             v-on:click="showModal('Delete')"
                             v-bind:title="lang.btn.delete">
                         <i class="fas fa-trash-alt"></i>
                     </button>
                 </div>
                 <div class="btn-group" role="group">
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canCopy === true" type="button" class="btn btn-secondary"
                             v-bind:disabled="!isAnyItemSelected"
                             v-bind:title="lang.btn.copy"
                             v-on:click="toClipboard('copy')">
                         <i class="fas fa-copy"></i>
                     </button>
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canCut === true" type="button" class="btn btn-secondary"
                             v-bind:disabled="!isAnyItemSelected"
                             v-bind:title="lang.btn.cut"
                             v-on:click="toClipboard('cut')">
                         <i class="fas fa-cut"></i>
                     </button>
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.canPaste === true" type="button" class="btn btn-secondary"
                             v-bind:disabled="!clipboardType"
                             v-bind:title="lang.btn.paste"
                             v-on:click="paste">
@@ -96,7 +96,7 @@
                     </button>
                 </div>
                 <div class="btn-group" role="group">
-                    <button type="button" class="btn btn-secondary"
+                    <button v-if="extConfig.showAbout === true" type="button" class="btn btn-secondary"
                             v-bind:title="lang.btn.about"
                             v-on:click="showModal('About')">
                         <i class="fas fa-question"></i>
@@ -108,12 +108,16 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import translate from './../../mixins/translate';
 import EventBus from './../../eventBus';
 
 export default {
   mixins: [translate],
   computed: {
+    ...mapState('fm', {
+      extConfig: state => state.settings.extConfig,
+    }),
     /**
      * Active manager name
      * @returns {default.computed.activeManager|(function())|string|activeManager}

src/components/blocks/mixins/contextMenuRules.js

@@ -71,39 +71,42 @@ export default {
      * @returns {boolean}
      */
     copyRule() {
-      return true;
+      return this.$store.state.fm.settings.extConfig.canCopy;
     },
 
     /**
      * Cut - menu item status - show or hide
      * @returns {boolean}
      */
     cutRule() {
-      return true;
+      return this.$store.state.fm.settings.extConfig.canCut;
     },
 
     /**
      * Rename - menu item status - show or hide
      * @returns {boolean}
      */
     renameRule() {
-      return !this.multiSelect;
+      return !this.multiSelect &&
+             this.$store.state.fm.settings.extConfig.canRename;
     },
 
     /**
      * Paste - menu item status - show or hide
      * @returns {boolean}
      */
     pasteRule() {
-      return !!this.$store.state.fm.clipboard.type;
+      return !!this.$store.state.fm.clipboard.type &&
+             this.$store.state.fm.settings.extConfig.canPaste;
     },
 
     /**
      * Zip - menu item status - show or hide
      * @returns {boolean}
      */
     zipRule() {
-      return this.selectedDiskDriver === 'local';
+      return this.selectedDiskDriver === 'local' &&
+             this.$store.state.fm.settings.extConfig.canZip;
     },
 
     /**
@@ -114,15 +117,16 @@ export default {
       return this.selectedDiskDriver === 'local' &&
           !this.multiSelect &&
           this.firstItemType === 'file' &&
-          this.isZip(this.selectedItems[0].extension);
+          this.isZip(this.selectedItems[0].extension) &&
+          this.$store.state.fm.settings.extConfig.canUnzip;
     },
 
     /**
      * Delete - menu item status - show or hide
      * @returns {boolean}
      */
     deleteRule() {
-      return true;
+      return this.$store.state.fm.settings.extConfig.canDelete;
     },
 
     /**

src/store/settings/mutations.js

@@ -28,7 +28,7 @@ export default {
       Vue.set(state.translations, data.translation.name, Object.freeze(data.translation.content));
     }
     // extra configurations
-    if (Object.prototype.hasOwnProperty.call(data, 'ext_config')) {
+    if (Object.prototype.hasOwnProperty.call(data, 'extConfig')) {
       state.ext_config = data.ext_config;
     }
   },

src/store/settings/store.js

@@ -40,10 +40,19 @@ export default {
         ar: Object.freeze(ar),
       },
       extConfig: {
-        canUpload: false,
+        canUpload: true,
+        canCopy: true,
+        canCut: true,
+        canPaste: true,
+        canDelete: true,
         canNewFile: true,
         canNewFolder: true,
-        showSize: false,
+        canZip: true,
+        canUnzip: true,
+        canRename: true,
+
+        showSize: true,
+        showAbout: true,
       },
       // Context menu items
       contextMenu: [