v1.5-beta.1

This commit is contained in:
carodej
2020-05-19 09:52:04 +02:00
parent 8255597fd5
commit 67b9416f64
23 changed files with 190 additions and 171 deletions
+5 -5
View File
@@ -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"/>
+3 -3
View File
@@ -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>
+2 -2
View File
@@ -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>
+3 -3
View File
@@ -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',
},
]
+3 -3
View File
@@ -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>
+1 -1
View File
@@ -2,7 +2,7 @@
<div id="user-settings">
<MobileHeader />
<PageHeader title="Password Settings"/>
<PageHeader :title="$router.currentRoute.meta.title"/>
<div class="content-page">
+1 -1
View File
@@ -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">
+9 -11
View File
@@ -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,