Skip to content

Commit c95d4a4

Browse files
committed
Show or hide admin buttons with prop
1 parent 291694a commit c95d4a4

File tree

4 files changed

+25
-13
lines changed

4 files changed

+25
-13
lines changed

README.md

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,9 @@ this repo is foked from https://github.com/alexusmai/vue-laravel-file-manager th
55

66
![Laravel File Manager](https://raw.github.com/alexusmai/vue-laravel-file-manager/master/src/assets/laravel-file-manager.gif?raw=true)
77

8-
# v 2.4.0
8+
# v 2.5.4
99

10-
Now you can overwrite default settings using props
10+
Now you can overwrite default settings using props and show or hide actions
1111

1212

1313
## Installation
@@ -19,6 +19,17 @@ $ npm install laravel-file-manager-element --save
1919

2020
## Usage
2121

22+
** To Show Admin Buttons (copy, paste, file upload, delete)
23+
Pass object settings with property settings for instance
24+
25+
```
26+
<file-manager :settings="fileManagerSettings"></file-manager>
27+
28+
fileManagerSettings: {
29+
showAdminButtons: true
30+
},
31+
```
32+
2233
**IF** your App using Vuex store
2334

2435
```

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "laravel-file-manager-element",
3-
"version": "2.5.3",
3+
"version": "2.5.4",
44
"description": "File manager for Laravel with Vue.js and Element Style",
55
"keywords": [
66
"laravel",

src/FileManager.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<template>
22
<div class="fm d-flex flex-column"
33
v-bind:class="{ 'fm-full-screen': fullScreen }">
4-
<navbar/>
4+
<navbar :showAdminButtons="settings.showAdminButtons" />
55
<div class="fm-body">
66
<notification/>
7-
<context-menu/>
7+
<context-menu v-if="settings.showAdminButtons"/>
88
<modal v-if="showModal"/>
99
<template v-if="windowsConfig === 1">
1010
<left-manager @attachFilesToEmail="attachFilesToEmail" class="col" manager="left"/>
@@ -76,7 +76,7 @@ export default {
7676
default() {
7777
return {};
7878
},
79-
},
79+
}
8080
},
8181
created() {
8282
// manual settings

src/components/blocks/Navbar.vue

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<i class="far fa-sync-alt"/>
2323
</el-button>
2424
</el-button-group>
25-
<el-button-group>
25+
<el-button-group v-if="showAdminButtons">
2626
<el-button type="primary"
2727
v-on:click="showModal('NewFile')"
2828
v-bind:title="lang.btn.file">
@@ -52,7 +52,7 @@
5252
<i class="far fa-trash-alt"/>
5353
</el-button>
5454
</el-button-group>
55-
<el-button-group>
55+
<el-button-group v-if="showAdminButtons">
5656
<el-button type="primary"
5757
v-bind:disabled="!isAnyItemSelected"
5858
v-bind:title="lang.btn.copy"
@@ -72,7 +72,7 @@
7272
<i class="far fa-paste"/>
7373
</el-button>
7474
</el-button-group>
75-
<el-button-group>
75+
<el-button-group v-if="showAdminButtons">
7676
<el-button type="primary"
7777
v-bind:title="lang.btn.hidden"
7878
v-on:click="toggleHidden">
@@ -88,12 +88,12 @@
8888
v-bind:title="lang.btn.table">
8989
<i class="far fa-th-list"/>
9090
</el-button>
91-
<el-button role="button" type="primary"
91+
<!--el-button role="button" type="primary"
9292
v-bind:class="[viewType === 'grid' ? 'active' : '']"
9393
v-on:click="selectView('grid')"
9494
v-bind:title="lang.btn.grid">
9595
<i class="far fa-th"/>
96-
</el-button>
96+
</el-button-->
9797
</el-button-group>
9898
<el-button-group>
9999
<el-button type="primary"
@@ -103,13 +103,13 @@
103103
<i class="far fa-expand-arrows-alt"/>
104104
</el-button>
105105
</el-button-group>
106-
<el-button-group>
106+
<!--el-button-group>
107107
<el-button type="primary"
108108
v-bind:title="lang.btn.about"
109109
v-on:click="showModal('About')">
110110
<i class="far fa-question"/>
111111
</el-button>
112-
</el-button-group>
112+
</el-button-group-->
113113
</el-col>
114114
</el-row>
115115
</div>
@@ -121,6 +121,7 @@ import EventBus from '../../eventBus';
121121
122122
export default {
123123
mixins: [translate],
124+
props:['showAdminButtons'],
124125
computed: {
125126
/**
126127
* Active manager name

0 commit comments

Comments
 (0)