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

- Storage, users page refactoring

Browse Source
This commit is contained in:
Čarodej
2021-12-21 13:49:37 +01:00
parent f5e182baf6
commit 60b34e53a3
15 changed files with 611 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
resources/js/views/Admin.vue
View File

@@ -56,65 +56,22 @@
</div>
</ContentGroup>
<!--SaaS-->
<!-- Assets -->
<ContentGroup :title="$t('Assets')" class="navigator">
<div class="menu-list-wrapper vertical">
<router-link :to="{name: 'Users'}" class="menu-list-item link">
<router-link v-for="(menu, i) in assetMenu" :key="i" :to="{name: menu.route}" class="menu-list-item link">
<div class="icon text-theme">
<users-icon size="17" />
<users-icon v-if="menu.icon === 'users'" size="17" />
<database-icon v-if="menu.icon === 'database'" size="17" />
<dollar-sign-icon v-if="menu.icon === 'dollar'" size="17" />
<file-text-icon v-if="menu.icon === 'file-text'" size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_menu.users') }}
</div>
</router-link>
<router-link :to="{name: 'Subscriptions'}" class="menu-list-item link">
<div class="icon text-theme">
<dollar-sign-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('Subscriptions') }}
</div>
</router-link>
<router-link :to="{name: 'Plans'}" class="menu-list-item link">
<div class="icon text-theme">
<database-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('admin_menu.plans') }}
</div>
</router-link>
<router-link :to="{name: 'Invoices'}" class="menu-list-item link">
<div class="icon text-theme">
<file-text-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('Transactions') }}
{{ menu.title }}
</div>
</router-link>
</div>
</ContentGroup>
<!--Others-->
<!-- <ContentGroup :title="$t('Assets')" class="navigator">
<div class="menu-list-wrapper vertical">
<router-link :to="{name: 'Users'}" class="menu-list-item link">
<div class="icon text-theme">
<refresh-cw-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('Changelog') }}
</div>
</router-link>
<router-link :to="{name: 'Plans'}" class="menu-list-item link">
<div class="icon text-theme">
<help-circle-icon size="17" />
</div>
<div class="label text-theme">
{{ $t('Support') }}
</div>
</router-link>
</div>
</ContentGroup>-->
</ContentSidebar>
<router-view class="lg:pl-0 pl-6 pr-6 w-full overflow-x-hidden relative lg:pt-6 pt-4" />
@@ -134,11 +91,61 @@
import { mapGetters } from 'vuex'
export default {
name: 'Settings',
name: 'Admin',
computed: {
...mapGetters([
'config'
]),
assetMenu() {
return {
metered: [
{
title: this.$t('admin_menu.users'),
route: 'Users',
icon: 'users',
},
{
title: this.$t('admin_menu.plans'),
route: 'Plans',
icon: 'database',
},
{
title: this.$t('Transactions'),
route: 'Invoices',
icon: 'file-text',
},
],
fixed: [
{
title: this.$t('admin_menu.users'),
route: 'Users',
icon: 'users',
},
{
title: this.$t('Subscriptions'),
route: 'Subscriptions',
icon: 'dollar',
},
{
title: this.$t('admin_menu.plans'),
route: 'Plans',
icon: 'database',
},
{
title: this.$t('Transactions'),
route: 'Invoices',
icon: 'file-text',
},
],
none: [
{
title: this.$t('admin_menu.users'),
route: 'Users',
icon: 'users',
},
],
}[this.config.subscriptionType]
}
},
components: {
FilePreview,
@@ -163,10 +170,3 @@
},
}
</script>
<style lang="scss" scoped>
.user-headline {
margin-bottom: 38px;
}
</style>