Add support for show file size option

Author: wenfengand

src/components/blocks/InfoBlock.vue

@@ -3,12 +3,13 @@
         <div class="col-auto">
             <span v-show="selectedCount">
                 {{ `${lang.info.selected} ${selectedCount}` }}
-                {{ `${lang.info.selectedSize} ${selectedFilesSize}` }}
+              <span v-if="extConfig.showSize === true">  {{ `${lang.info.selectedSize} ${selectedFilesSize}` }} </span>
             </span>
             <span v-show="!selectedCount">
                 {{ `${lang.info.directories} ${directoriesCount}` }}
                 {{ `${lang.info.files} ${filesCount}` }}
-                {{ `${lang.info.size} ${filesSize}`}}
+
+                <span v-if="extConfig.showSize === true">{{ `${lang.info.size} ${filesSize}`}} </span>
             </span>
         </div>
         <div class="col-4">
@@ -42,13 +43,17 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import translate from './../../mixins/translate';
 import helper from './../../mixins/helper';
 
 export default {
   name: 'InfoBlock',
   mixins: [translate, helper],
   computed: {
+    ...mapState('fm', {
+      extConfig: state => state.settings.extConfig,
+    }),
     /**
      * Active manager
      * @returns {default.computed.activeManager|(function())|string|activeManager}

src/components/manager/GridView.vue

@@ -48,14 +48,15 @@
                 <div class="fm-item-info">
                     {{ `${file.filename}.${file.extension}` }}
                     <br>
-                    {{ bytesToHuman(file.size) }}
+                    <span v-if="extConfig.showSize === true"> {{ bytesToHuman(file.size) }} </span>
                 </div>
             </div>
         </div>
     </div>
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import translate from './../../mixins/translate';
 import helper from './../../mixins/helper';
 import managerHelper from './mixins/manager';
@@ -81,6 +82,9 @@ export default {
     }
   },
   computed: {
+    ...mapState('fm', {
+      extConfig: state => state.settings.extConfig,
+    }),
     /**
      * Image extensions list
      * @returns {*}

src/components/manager/TableView.vue

@@ -12,7 +12,7 @@
                                v-show="sortSettings.direction === 'up'"></i>
                         </template>
                     </th>
-                    <th class="w-10" v-on:click="sortBy('size')">
+                    <th v-if="extConfig.showSize === true" class="w-10" v-on:click="sortBy('size')">
                         {{ lang.manager.table.size }}
                         <template v-if="sortSettings.field === 'size'">
                             <i class="fas fa-sort-amount-down"
@@ -57,7 +57,7 @@
                         v-on:dblclick="selectDirectory(directory.path)">
                         <i class="far fa-folder"></i> {{ directory.basename }}
                     </td>
-                    <td></td>
+                    <td v-if="extConfig.showSize === true"></td>
                     <td>{{ lang.manager.table.folder }}</td>
                     <td>
                         {{ timestampToDate(directory.timestamp) }}
@@ -75,7 +75,7 @@
                            v-bind:class="extensionToIcon(file.extension)"></i>
                         {{ file.filename ? file.filename : file.basename }}
                     </td>
-                    <td>{{ bytesToHuman(file.size) }}</td>
+                    <td v-if="extConfig.showSize === true">{{ bytesToHuman(file.size) }}</td>
                     <td>
                         {{ file.extension }}
                     </td>
@@ -89,6 +89,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import translate from './../../mixins/translate';
 import helper from './../../mixins/helper';
 import managerHelper from './mixins/manager';
@@ -99,7 +100,11 @@ export default {
   props: {
     manager: { type: String, required: true },
   },
+
   computed: {
+    ...mapState('fm', {
+      extConfig: state => state.settings.extConfig,
+    }),
     /**
      * Sort settings
      * @returns {*}

src/store/settings/mutations.js

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

src/store/settings/store.js

@@ -39,7 +39,12 @@ export default {
         en: Object.freeze(en),
         ar: Object.freeze(ar),
       },
-
+      extConfig: {
+        canUpload: false,
+        canNewFile: true,
+        canNewFolder: true,
+        showSize: false,
+      },
       // Context menu items
       contextMenu: [
         [