mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-28 11:00:39 +00:00
v1.5-beta.1
This commit is contained in:
@@ -4,14 +4,14 @@
|
||||
<ContentSidebar>
|
||||
|
||||
<!--Locations-->
|
||||
<ContentGroup title="Base">
|
||||
<ContentGroup :title="$t('sidebar.locations_title')">
|
||||
<div class="menu-list-wrapper">
|
||||
<a class="menu-list-item link" :class="{'is-active': $isThisLocation(['base'])}" @click="goHome">
|
||||
<div class="icon">
|
||||
<home-icon size="17"></home-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Home
|
||||
{{ $t('sidebar.home') }}
|
||||
</div>
|
||||
</a>
|
||||
<a class="menu-list-item link" :class="{'is-active': $isThisLocation(['latest'])}"
|
||||
@@ -20,16 +20,16 @@
|
||||
<upload-cloud-icon size="17"></upload-cloud-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Recent Uploads
|
||||
{{ $t('sidebar.latest') }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</ContentGroup>
|
||||
|
||||
<!--Navigator-->
|
||||
<ContentGroup title="Navigator" class="navigator">
|
||||
<ContentGroup :title="$t('sidebar.navigator_title')" class="navigator">
|
||||
<span class="empty-note navigator" v-if="app.tree.length == 0">
|
||||
Create some new folder.
|
||||
{{ $t('sidebar.folders_empty') }}
|
||||
</span>
|
||||
<TreeMenuNavigator class="folder-tree" :depth="0" :nodes="items" v-for="items in app.tree"
|
||||
:key="items.unique_id"/>
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
<ContentSidebar>
|
||||
|
||||
<!--Navigator-->
|
||||
<ContentGroup title="Base">
|
||||
<ContentGroup :title="$t('sidebar.locations_title')">
|
||||
<div class="menu-list-wrapper">
|
||||
<li class="menu-list-item link" :class="{'is-active': $isThisLocation(['shared'])}" @click="getShared()">
|
||||
<div class="icon">
|
||||
<link-icon size="17"></link-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
My Shared Items
|
||||
{{ $t('sidebar.my_shared') }}
|
||||
</div>
|
||||
</li>
|
||||
<li class="menu-list-item link" :class="{'is-active': $isThisLocation(['participant_uploads'])}" @click="getParticipantUploads()">
|
||||
@@ -19,7 +19,7 @@
|
||||
<users-icon size="17"></users-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Participant Uploads
|
||||
{{ $t('sidebar.participant_uploads') }}
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
@@ -3,14 +3,14 @@
|
||||
<ContentSidebar>
|
||||
|
||||
<!--Tools-->
|
||||
<ContentGroup title="Tools" class="navigator">
|
||||
<ContentGroup :title="$t('sidebar.tools_title')" class="navigator">
|
||||
<div class="menu-list-wrapper">
|
||||
<div class="menu-list-item link" @click="emptyTrash()">
|
||||
<div class="icon">
|
||||
<trash-icon size="17"></trash-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Empty Trash
|
||||
{{ $t('context_menu.empty_trash') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -26,17 +26,17 @@
|
||||
navigation: [
|
||||
{
|
||||
icon: 'user',
|
||||
title: 'Profile Settings',
|
||||
title: this.$t('menu.profile'),
|
||||
routeName: 'Profile',
|
||||
},
|
||||
{
|
||||
icon: 'lock',
|
||||
title: 'Password',
|
||||
title: this.$t('menu.password'),
|
||||
routeName: 'Password',
|
||||
},
|
||||
{
|
||||
icon: 'hard-drive',
|
||||
title: 'Storage',
|
||||
title: this.$t('menu.storage'),
|
||||
routeName: 'Storage',
|
||||
},
|
||||
]
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<user-icon size="17"></user-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Profile Settings
|
||||
{{ $t('menu.profile') }}
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link :to="{name: 'Password'}" class="menu-list-item link">
|
||||
@@ -22,7 +22,7 @@
|
||||
<lock-icon size="17"></lock-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Password
|
||||
{{ $t('menu.password') }}
|
||||
</div>
|
||||
</router-link>
|
||||
<router-link :to="{name: 'Storage'}" class="menu-list-item link">
|
||||
@@ -30,7 +30,7 @@
|
||||
<hard-drive-icon size="17"></hard-drive-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Storage
|
||||
{{ $t('menu.storage') }}
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div id="user-settings">
|
||||
|
||||
<MobileHeader />
|
||||
<PageHeader title="Password Settings"/>
|
||||
<PageHeader :title="$router.currentRoute.meta.title"/>
|
||||
|
||||
<div class="content-page">
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div id="user-settings" v-if="app">
|
||||
|
||||
<MobileHeader />
|
||||
<PageHeader :title="$t('profile.page_title')" />
|
||||
<PageHeader :title="$router.currentRoute.meta.title" />
|
||||
|
||||
<div class="content-page">
|
||||
<div class="avatar-upload">
|
||||
|
||||
@@ -1,18 +1,19 @@
|
||||
<template>
|
||||
<div id="user-settings" v-if="app">
|
||||
<div id="user-settings" v-if="storageDetails && storage">
|
||||
|
||||
<MobileHeader/>
|
||||
<PageHeader :title="$router.currentRoute.meta.title"/>
|
||||
|
||||
<div class="content-page">
|
||||
<SectionTitle>Storage Capacity</SectionTitle>
|
||||
<StorageItemDetail type="disk" :title="'Total used ' + storage.used" :percentage="storage.percentage" :used="storage.capacity"/>
|
||||
<SectionTitle>{{ $t('storage.sec_capacity') }}</SectionTitle>
|
||||
<StorageItemDetail type="disk" :title="$t('storage.total_used', {used: storage.used})" :percentage="storage.percentage" :used="$t('storage.total_capacity', {capacity: storage.capacity})"/>
|
||||
|
||||
<SectionTitle>Capacity Used Details</SectionTitle>
|
||||
<StorageItemDetail type="images" title="Images" :percentage="storageDetails.images.percentage" :used="storageDetails.images.used" />
|
||||
<StorageItemDetail type="videos" title="Videos" :percentage="storageDetails.videos.percentage" :used="storageDetails.videos.used" />
|
||||
<StorageItemDetail type="documents" title="Documents" :percentage="storageDetails.documents.percentage" :used="storageDetails.documents.used" />
|
||||
<StorageItemDetail type="others" title="Others" :percentage="storageDetails.others.percentage" :used="storageDetails.others.used" />
|
||||
<SectionTitle>{{ $t('storage.sec_details') }}</SectionTitle>
|
||||
<StorageItemDetail type="images" :title="$t('storage.images')" :percentage="storageDetails.images.percentage" :used="storageDetails.images.used" />
|
||||
<StorageItemDetail type="videos" :title="$t('storage.videos')" :percentage="storageDetails.videos.percentage" :used="storageDetails.videos.used" />
|
||||
<StorageItemDetail type="audios" :title="$t('storage.audios')" :percentage="storageDetails.audios.percentage" :used="storageDetails.audios.used" />
|
||||
<StorageItemDetail type="documents" :title="$t('storage.documents')" :percentage="storageDetails.documents.percentage" :used="storageDetails.documents.used" />
|
||||
<StorageItemDetail type="others" :title="$t('storage.others')" :percentage="storageDetails.others.percentage" :used="storageDetails.others.used" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -33,9 +34,6 @@
|
||||
MobileHeader,
|
||||
PageHeader,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['app']),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
storage: undefined,
|
||||
|
||||
Reference in New Issue
Block a user