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

frontend/backend update

Browse Source
This commit is contained in:
carodej
2020-06-05 16:48:11 +02:00
parent ca14838212
commit cffdc3ced9
67 changed files with 3611 additions and 1136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/views/Profile.vue
+51 -10
View File
@@ -7,16 +7,30 @@
<div class="content-page">
<!--User thumbnail-->
<div class="user-thumbnail">
<div class="avatar">
<UserImageInput
v-model="avatar"
:avatar="profile.data.attributes.avatar"
/>
<div class="page-detail-headline">
<div class="user-thumbnail">
<div class="avatar">
<UserImageInput
v-model="avatar"
:avatar="profile.data.attributes.avatar"
/>
</div>
<div class="info">
<b class="name">
{{ profile.data.attributes.name }}
<ColorLabel :color="subscriptionColor">
{{ subscriptionStatus }}
</ColorLabel>
</b>
<span class="email">{{ profile.data.attributes.email }}</span>
</div>
</div>
<div class="info">
<b class="name">{{ profile.data.attributes.name }}</b>
<span class="email">{{ profile.data.attributes.email }}</span>
<div class="headline-actions">
<router-link :to="{name: 'UpgradePlan'}">
<ButtonBase button-style="secondary" type="button">
Upgrade Plan
</ButtonBase>
</router-link>
</div>
</div>
@@ -40,6 +54,15 @@
</div>
</router-link>
<router-link replace :to="{name: 'Invoice'}" class="menu-list-item link">
<div class="icon">
<credit-card-icon size="17"></credit-card-icon>
</div>
<div class="label">
Subscription
</div>
</router-link>
<router-link replace :to="{name: 'Invoice'}" class="menu-list-item link">
<div class="icon">
<file-text-icon size="17"></file-text-icon>
@@ -81,11 +104,13 @@
<script>
import UserImageInput from '@/components/Others/UserImageInput'
import MobileHeader from '@/components/Mobile/MobileHeader'
import ButtonBase from '@/components/FilesView/ButtonBase'
import PageHeader from '@/components/Others/PageHeader'
import ColorLabel from '@/components/Others/ColorLabel'
import Spinner from '@/components/FilesView/Spinner'
import axios from 'axios'
import {
CreditCardIcon,
HardDriveIcon,
FileTextIcon,
UserIcon,
@@ -95,15 +120,26 @@
export default {
name: 'Settings',
components: {
ButtonBase,
CreditCardIcon,
UserImageInput,
FileTextIcon,
MobileHeader,
ColorLabel,
PageHeader,
Spinner,
HardDriveIcon,
UserIcon,
LockIcon,
},
computed: {
subscriptionStatus() {
return this.profile.relationships.subscription ? 'Subscription' : 'Free'
},
subscriptionColor() {
return this.profile.relationships.subscription ? 'green' : 'purple'
},
},
data() {
return {
avatar: undefined,
@@ -125,6 +161,11 @@
@import '@assets/vue-file-manager/_variables';
@import '@assets/vue-file-manager/_mixins';
.page-detail-headline {
display: flex;
justify-content: space-between;
}
.user-thumbnail {
display: flex;
align-items: center;