nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 01:22:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend update

Browse Source
This commit is contained in:
carodej
2020-06-02 07:13:44 +02:00
parent 16c3625b0b
commit 331ee52ea3
37 changed files with 1821 additions and 772 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
resources/js/components/Mobile/MenuItemList.vue
View File

@@ -11,6 +11,9 @@
<user-icon v-if="link.icon === 'user'" size="17"></user-icon>
<users-icon v-if="link.icon === 'users'" size="17"></users-icon>
<lock-icon v-if="link.icon === 'lock'" size="17"></lock-icon>
<file-text-icon v-if="link.icon === 'file-text'" size="17"></file-text-icon>
<database-icon v-if="link.icon === 'database'" size="17"></database-icon>
<credit-card-icon v-if="link.icon === 'credit-card'" size="17"></credit-card-icon>
</div>
<b class="menu-link">
<span>{{ link.title }}</span>
@@ -24,8 +27,11 @@
import {
ChevronRightIcon,
UploadCloudIcon,
CreditCardIcon,
HardDriveIcon,
FileTextIcon,
SettingsIcon,
DatabaseIcon,
Trash2Icon,
PowerIcon,
ShareIcon,
@@ -37,6 +43,9 @@
export default {
name: 'MenuBar',
components: {
CreditCardIcon,
DatabaseIcon,
FileTextIcon,
ChevronRightIcon,
UploadCloudIcon,
HardDriveIcon,
@@ -68,7 +77,7 @@
.menu-icon {
path, line, polyline, rect, circle {
path, line, polyline, rect, circle, ellipse {
stroke: $red;
}
}
@@ -87,7 +96,7 @@
vertical-align: middle;
}
path, line, polyline, rect, circle {
path, line, polyline, rect, circle, ellipse {
stroke: $text;
}
}
@@ -110,7 +119,7 @@
.menu-icon {
path, line, polyline, rect, circle {
path, line, polyline, rect, circle, ellipse {
stroke: $dark_mode_text_primary;
}
}

18
resources/js/components/Others/Layout/PageTab.vue Normal file
View File

@@ -0,0 +1,18 @@
<template>
<div class="page-tab">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'PageTab',
}
</script>
<style lang="scss" scoped>
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
</style>

20
resources/js/components/Others/Layout/PageTabGroup.vue Normal file
View File

@@ -0,0 +1,20 @@
<template>
<div class="page-tab-group">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'PageTabGroup',
}
</script>
<style lang="scss" scoped>
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
.page-tab-group {
margin-bottom: 45px;
}
</style>

6
resources/js/components/Others/MobileNavigation.vue
View File

@@ -62,15 +62,15 @@
isVisible: true,
},
{
icon: 'settings',
icon: 'user',
title: this.$t('menu.settings'),
routeName: 'Profile',
isVisible: true,
},
{
icon: 'users',
icon: 'settings',
title: this.$t('menu.admin'),
routeName: 'Users',
routeName: 'AdminMobileMenu',
isVisible: this.app.user.role === 'admin',
},
{

5
resources/js/components/Others/Tables/DatatableWrapper.vue
View File

@@ -257,9 +257,10 @@
span, a.page-link {
@include font-size(15);
font-weight: 700;
padding: 10px 0;
font-weight: 600;
padding: 10px 35px 10px 0;
display: block;
white-space: nowrap;
}
}
}

21
resources/js/components/Sidebar/MenuBar.vue
View File

@@ -32,7 +32,7 @@
</div>
</router-link>
<router-link v-if="app.user.role === 'admin'" :to="{name: 'Users'}" :class="{'is-active': $isThisRoute($route, ['Users', 'User', 'UserDetail', 'UserStorage', 'UserPassword', 'UserDelete'])}" class="icon-navigation-item users">
<router-link v-if="app.user.role === 'admin'" :to="{name: 'Users'}" :class="{'is-active': $isThisRoute($route, adminRoutes)}" class="icon-navigation-item users">
<div class="button-icon">
<settings-icon size="19"></settings-icon>
</div>
@@ -76,6 +76,25 @@
computed: {
...mapGetters(['app']),
},
data() {
return {
adminRoutes: [
'Users',
'User',
'UserDetail',
'UserStorage',
'UserPassword',
'UserDelete',
'Plans',
'Invoices',
'UserInvoices',
'Gateway',
'Gateways',
'GatewaySettings',
'GatewayTransactions',
]
}
},
mounted() {
this.$store.dispatch('getAppData')
}