mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-05-13 08:45:01 +00:00
credit usage fe implementation mobile
This commit is contained in:
Čarodej
@@ -11,7 +11,7 @@
|
||||
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=7b94fd0c332ed326530d",
|
||||
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=e2d818009a4e2c1fffdf",
|
||||
"/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
|
||||
"/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=abc2468d9abd065a1f48",
|
||||
"/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=86fe6adc24fde93f5c4a",
|
||||
"/chunks/admin~chunks/platform~chunks/settings.js": "/chunks/admin~chunks/platform~chunks/settings.js?id=2c77195288f4631c9003",
|
||||
"/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=8e89d2271b17b2d78177",
|
||||
"/chunks/admin~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/platform~chunks/shared.js?id=0d6c4be667e46ea1303e",
|
||||
@@ -645,5 +645,65 @@
|
||||
"/chunks/admin~chunks/platform.90a70f45a3164a502730.hot-update.js": "/chunks/admin~chunks/platform.90a70f45a3164a502730.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.d5de7db8620f7af63207.hot-update.js": "/chunks/admin~chunks/platform.d5de7db8620f7af63207.hot-update.js",
|
||||
"/chunks/admin~chunks/platform~chunks/settings.a8705b5d5a61b9329307.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.a8705b5d5a61b9329307.hot-update.js",
|
||||
"/chunks/admin~chunks/platform~chunks/settings.33e38d01ae8286f83060.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.33e38d01ae8286f83060.hot-update.js"
|
||||
"/chunks/admin~chunks/platform~chunks/settings.33e38d01ae8286f83060.hot-update.js": "/chunks/admin~chunks/platform~chunks/settings.33e38d01ae8286f83060.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cdd5edbe87c67b4d3f81.hot-update.js": "/chunks/admin~chunks/platform.cdd5edbe87c67b4d3f81.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.2c064890a6d6fa71836a.hot-update.js": "/chunks/admin~chunks/platform.2c064890a6d6fa71836a.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.6b2a2e844173f6556d7f.hot-update.js": "/chunks/admin~chunks/platform.6b2a2e844173f6556d7f.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.827ca041109808e92a5e.hot-update.js": "/chunks/admin~chunks/platform.827ca041109808e92a5e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.5cc62aeb14d77cf5d9cb.hot-update.js": "/chunks/admin~chunks/platform.5cc62aeb14d77cf5d9cb.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.2a46dc5e24fe5e816dd8.hot-update.js": "/chunks/admin~chunks/platform.2a46dc5e24fe5e816dd8.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.9c20b27fb1237695f5fd.hot-update.js": "/chunks/admin~chunks/platform.9c20b27fb1237695f5fd.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cb8c9f12be45577fedef.hot-update.js": "/chunks/admin~chunks/platform.cb8c9f12be45577fedef.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.8d427ad686ebdb3afecb.hot-update.js": "/chunks/admin~chunks/platform.8d427ad686ebdb3afecb.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.259a41b2c1a4fd353055.hot-update.js": "/chunks/admin~chunks/platform.259a41b2c1a4fd353055.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cf5f59981df73e9ed39e.hot-update.js": "/chunks/admin~chunks/platform.cf5f59981df73e9ed39e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.defd0ce6531a6d9d2116.hot-update.js": "/chunks/admin~chunks/platform.defd0ce6531a6d9d2116.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.84cb9a12a5254b22044e.hot-update.js": "/chunks/admin~chunks/platform.84cb9a12a5254b22044e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.5e77edaca602fc78065c.hot-update.js": "/chunks/admin~chunks/platform.5e77edaca602fc78065c.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.f39213bb290a4166ddad.hot-update.js": "/chunks/admin~chunks/platform.f39213bb290a4166ddad.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.960b96c5151dd0ffb4e3.hot-update.js": "/chunks/admin~chunks/platform.960b96c5151dd0ffb4e3.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.b37d90ec478caba2cdde.hot-update.js": "/chunks/admin~chunks/platform.b37d90ec478caba2cdde.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.9de166d5783cc3155e23.hot-update.js": "/chunks/admin~chunks/platform.9de166d5783cc3155e23.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.22b8111db906dd14e3ec.hot-update.js": "/chunks/admin~chunks/platform.22b8111db906dd14e3ec.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.31aa2446ac0a1c5c84de.hot-update.js": "/chunks/admin~chunks/platform.31aa2446ac0a1c5c84de.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.8a29c71da11452e4415e.hot-update.js": "/chunks/admin~chunks/platform.8a29c71da11452e4415e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.54726fc915a61bfe7779.hot-update.js": "/chunks/admin~chunks/platform.54726fc915a61bfe7779.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.da46bfa4702c437ab8eb.hot-update.js": "/chunks/admin~chunks/platform.da46bfa4702c437ab8eb.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.03a54271538937372462.hot-update.js": "/chunks/admin~chunks/platform.03a54271538937372462.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.a491c73b293c6549911a.hot-update.js": "/chunks/admin~chunks/platform.a491c73b293c6549911a.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.00ff15c0ae73324311fc.hot-update.js": "/chunks/admin~chunks/platform.00ff15c0ae73324311fc.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.9f72da3aafdcbd1037cb.hot-update.js": "/chunks/admin~chunks/platform.9f72da3aafdcbd1037cb.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.633ade9cf3c376f30afe.hot-update.js": "/chunks/admin~chunks/platform.633ade9cf3c376f30afe.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.60bd3389aebed3463eff.hot-update.js": "/chunks/admin~chunks/platform.60bd3389aebed3463eff.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.5e36e7c5b228dcf55165.hot-update.js": "/chunks/admin~chunks/platform.5e36e7c5b228dcf55165.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.6139e40afccdfa9dbb1e.hot-update.js": "/chunks/admin~chunks/platform.6139e40afccdfa9dbb1e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.e38ad2a194165fbe041e.hot-update.js": "/chunks/admin~chunks/platform.e38ad2a194165fbe041e.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.3bcf7550daef698850a0.hot-update.js": "/chunks/admin~chunks/platform.3bcf7550daef698850a0.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cdd3fb3607b1eb8a5561.hot-update.js": "/chunks/admin~chunks/platform.cdd3fb3607b1eb8a5561.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cbf1e1fa9313a9ed9020.hot-update.js": "/chunks/admin~chunks/platform.cbf1e1fa9313a9ed9020.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.2617b09b9b99bbbc87b0.hot-update.js": "/chunks/admin~chunks/platform.2617b09b9b99bbbc87b0.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.31876edb1b8a3439a075.hot-update.js": "/chunks/admin~chunks/platform.31876edb1b8a3439a075.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.44554a998b0034ca0a0c.hot-update.js": "/chunks/admin~chunks/platform.44554a998b0034ca0a0c.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.61135ab2b5fd16534eb5.hot-update.js": "/chunks/admin~chunks/platform.61135ab2b5fd16534eb5.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.19c64768ed84a186acc1.hot-update.js": "/chunks/admin~chunks/platform.19c64768ed84a186acc1.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.7e279f40561c315fb8b3.hot-update.js": "/chunks/admin~chunks/platform.7e279f40561c315fb8b3.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.adc0b0b6880b22ccc960.hot-update.js": "/chunks/admin~chunks/platform.adc0b0b6880b22ccc960.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.777eb604e0db800d8bde.hot-update.js": "/chunks/admin~chunks/platform.777eb604e0db800d8bde.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.6da920c4d8ced366ddac.hot-update.js": "/chunks/admin~chunks/platform.6da920c4d8ced366ddac.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.cbcdeea73bf221015a9d.hot-update.js": "/chunks/admin~chunks/platform.cbcdeea73bf221015a9d.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.b36b221db3f03b0bd048.hot-update.js": "/chunks/admin~chunks/platform.b36b221db3f03b0bd048.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.efe8aaed0df99275e53d.hot-update.js": "/chunks/admin~chunks/platform.efe8aaed0df99275e53d.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.62b7aa1b3c1f5689a3c7.hot-update.js": "/chunks/admin~chunks/platform.62b7aa1b3c1f5689a3c7.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.003a91ac48a916a34783.hot-update.js": "/chunks/admin~chunks/platform.003a91ac48a916a34783.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.c339cc63bf762625d06d.hot-update.js": "/chunks/admin~chunks/platform.c339cc63bf762625d06d.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.30ca24aed5432d7d45ef.hot-update.js": "/chunks/admin~chunks/platform.30ca24aed5432d7d45ef.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.7ffec6a509df5e501d78.hot-update.js": "/chunks/admin~chunks/platform.7ffec6a509df5e501d78.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.8cb5fa4c46d8dc9540c5.hot-update.js": "/chunks/admin~chunks/platform.8cb5fa4c46d8dc9540c5.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.64da788c9101bc4cd0ad.hot-update.js": "/chunks/admin~chunks/platform.64da788c9101bc4cd0ad.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.ed52eab09ebfe31e6b6a.hot-update.js": "/chunks/admin~chunks/platform.ed52eab09ebfe31e6b6a.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.5bb377fd9753fc400d62.hot-update.js": "/chunks/admin~chunks/platform.5bb377fd9753fc400d62.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.3f07451af855f1c7917c.hot-update.js": "/chunks/admin~chunks/platform.3f07451af855f1c7917c.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.71d3737817eb00f1309b.hot-update.js": "/chunks/admin~chunks/platform.71d3737817eb00f1309b.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.c74ac9fdc7d5b70bb9b6.hot-update.js": "/chunks/admin~chunks/platform.c74ac9fdc7d5b70bb9b6.hot-update.js",
|
||||
"/chunks/admin~chunks/platform.2e45afd0473e0a233b8f.hot-update.js": "/chunks/admin~chunks/platform.2e45afd0473e0a233b8f.hot-update.js"
|
||||
}
|
||||
|
||||
@@ -4,6 +4,17 @@
|
||||
<!--User avatar-->
|
||||
<UserHeadline v-if="!clickedSubmenu" class="user-info" />
|
||||
|
||||
<div class="block px-5 pt-2">
|
||||
<div class="bg-light-background px-3 py-1.5 rounded-lg">
|
||||
<span class="text-sm font-semibold">
|
||||
{{ $t('Your current estimated usage:') }}
|
||||
</span>
|
||||
<span class="text-sm font-bold text-theme">
|
||||
$22,93
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Go back button-->
|
||||
<div v-if="clickedSubmenu" @click.stop="showSubmenu(undefined)" class="go-back">
|
||||
<chevron-left-icon size="19" class="text-theme" />
|
||||
|
||||
@@ -1,26 +1,29 @@
|
||||
<template>
|
||||
<div class="user-headline">
|
||||
<div class="flex items-center leading-none">
|
||||
<MemberAvatar
|
||||
class="inline-block"
|
||||
:size="52"
|
||||
:is-border="false"
|
||||
:member="user"
|
||||
/>
|
||||
<div class="user-meta">
|
||||
<b class="name">{{ user.data.relationships.settings.data.attributes.name }}</b>
|
||||
<span class="email text-theme">{{ user.data.attributes.email }}</span>
|
||||
<div class="pl-4">
|
||||
<b class="block font-bold mb-1 leading-none">
|
||||
{{ user.data.relationships.settings.data.attributes.name }}
|
||||
</b>
|
||||
<span class="text-theme font-semibold text-sm leading-none">
|
||||
{{ user.data.attributes.email }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MemberAvatar from "../FilesView/MemberAvatar";
|
||||
import MemberAvatar from "../FilesView/MemberAvatar"
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'UserHeadline',
|
||||
components: {
|
||||
MemberAvatar
|
||||
MemberAvatar,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters([
|
||||
@@ -29,28 +32,3 @@
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '/resources/sass/vuefilemanager/_variables';
|
||||
@import '/resources/sass/vuefilemanager/_mixins';
|
||||
|
||||
.user-headline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.user-meta {
|
||||
padding-left: 20px;
|
||||
|
||||
.name {
|
||||
display: block;
|
||||
@include font-size(18);
|
||||
}
|
||||
|
||||
.email {
|
||||
display: block;
|
||||
@include font-size(12);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user