Show or hide admin buttons with prop

Author: vhs1092

README.md

@@ -5,9 +5,9 @@ this repo is foked from https://github.com/alexusmai/vue-laravel-file-manager th
 
 ![Laravel File Manager](https://raw.github.com/alexusmai/vue-laravel-file-manager/master/src/assets/laravel-file-manager.gif?raw=true)
 
-# v 2.4.0
+# v 2.5.4
 
-Now you can overwrite default settings using props
+Now you can overwrite default settings using props and show or hide actions
 
 
 ## Installation
@@ -19,6 +19,17 @@ $ npm install laravel-file-manager-element --save
 
 ## Usage
 
+** To Show Admin Buttons (copy, paste, file upload, delete)
+Pass object settings with property settings for instance
+
+```
+<file-manager :settings="fileManagerSettings"></file-manager>
+
+fileManagerSettings: {
+            showAdminButtons: true
+},
+```
+
 **IF** your App using Vuex store
 
 ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "laravel-file-manager-element",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "description": "File manager for Laravel with Vue.js and Element Style",
   "keywords": [
     "laravel",

src/FileManager.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="fm d-flex flex-column"
        v-bind:class="{ 'fm-full-screen': fullScreen }">
-    <navbar/>
+    <navbar :showAdminButtons="settings.showAdminButtons" />
     <div class="fm-body">
       <notification/>
-      <context-menu/>
+      <context-menu v-if="settings.showAdminButtons"/>
       <modal v-if="showModal"/>
       <template v-if="windowsConfig === 1">
         <left-manager @attachFilesToEmail="attachFilesToEmail" class="col" manager="left"/>
@@ -76,7 +76,7 @@ export default {
       default() {
         return {};
       },
-    },
+    }
   },
   created() {
     // manual settings

src/components/blocks/Navbar.vue

@@ -22,7 +22,7 @@
                         <i class="far fa-sync-alt"/>
                     </el-button>
                 </el-button-group>
-                <el-button-group>
+                <el-button-group v-if="showAdminButtons">
                     <el-button type="primary"
                             v-on:click="showModal('NewFile')"
                             v-bind:title="lang.btn.file">
@@ -52,7 +52,7 @@
                         <i class="far fa-trash-alt"/>
                     </el-button>
                 </el-button-group>
-                <el-button-group>
+                <el-button-group v-if="showAdminButtons">
                     <el-button type="primary"
                             v-bind:disabled="!isAnyItemSelected"
                             v-bind:title="lang.btn.copy"
@@ -72,7 +72,7 @@
                         <i class="far fa-paste"/>
                     </el-button>
                 </el-button-group>
-                <el-button-group>
+                <el-button-group v-if="showAdminButtons">
                     <el-button type="primary"
                             v-bind:title="lang.btn.hidden"
                             v-on:click="toggleHidden">
@@ -88,12 +88,12 @@
                             v-bind:title="lang.btn.table">
                         <i class="far fa-th-list"/>
                     </el-button>
-                    <el-button role="button" type="primary"
+                    <!--el-button role="button" type="primary"
                             v-bind:class="[viewType === 'grid' ? 'active' : '']"
                             v-on:click="selectView('grid')"
                             v-bind:title="lang.btn.grid">
                         <i class="far fa-th"/>
-                    </el-button>
+                    </el-button-->
                 </el-button-group>
                 <el-button-group>
                     <el-button type="primary"
@@ -103,13 +103,13 @@
                         <i class="far fa-expand-arrows-alt"/>
                     </el-button>
                 </el-button-group>
-                <el-button-group>
+                <!--el-button-group>
                     <el-button type="primary"
                             v-bind:title="lang.btn.about"
                             v-on:click="showModal('About')">
                         <i class="far fa-question"/>
                     </el-button>
-                </el-button-group>
+                </el-button-group-->
             </el-col>
         </el-row>
     </div>
@@ -121,6 +121,7 @@ import EventBus from '../../eventBus';
 
 export default {
   mixins: [translate],
+  props:['showAdminButtons'],
   computed: {
     /**
      * Active manager name