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

dashboard include

Browse Source
This commit is contained in:
carodej
2020-07-05 09:14:17 +02:00
parent e1ebb70035
commit 5a5125967f
61 changed files with 1532 additions and 617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
resources/js/views/Admin/Users/UserTabs/UserDetail.vue
View File

@@ -32,30 +32,27 @@
<div class="form block-form">
<FormLabel>{{ $t('admin_page_user.label_person_info') }}</FormLabel>
<div class="wrapper-inline">
<!--Email-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_email') }}</label>
<div class="input-wrapper">
<input :value="user.data.attributes.email"
:placeholder="$t('page_registration.placeholder_email')"
type="email"
disabled
/>
</div>
<!--Email-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_email') }}</label>
<div class="input-wrapper">
<input :value="user.data.attributes.email"
:placeholder="$t('page_registration.placeholder_email')"
type="email"
disabled
/>
</div>
</div>
<!--Name-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_name') }}</label>
<div class="input-wrapper">
<input :value="user.data.attributes.name"
:placeholder="$t('page_registration.placeholder_name')"
type="text"
disabled
/>
</div>
<!--Name-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_name') }}</label>
<div class="input-wrapper">
<input :value="user.data.attributes.name"
:placeholder="$t('page_registration.placeholder_name')"
type="text"
disabled
/>
</div>
</div>
</div>

29
resources/js/views/Admin/Users/UserTabs/UserInvoices.vue
View File

@@ -1,11 +1,11 @@
<template>
<PageTab :is-loading="isLoading">
<PageTab :is-loading="isLoading" :class="{'form-fixed-width': ! isLoading && invoices.length === 0}">
<PageTabGroup v-if="invoices && invoices.length > 0">
<DatatableWrapper :paginator="true" :columns="columns" :data="invoices" class="table">
<template scope="{ row }">
<tr>
<td>
<a :href="'/invoice/' + row.data.id" target="_blank" class="cell-item">
<a :href="$getInvoiceLink(row.data.attributes.customer, row.data.id)" target="_blank" class="cell-item">
{{ row.data.attributes.order }}
</a>
</td>
@@ -26,7 +26,7 @@
</td>
<td>
<div class="action-icons">
<a :href="'/invoice/' + row.data.id" target="_blank">
<a :href="$getInvoiceLink(row.data.attributes.customer, row.data.id)" target="_blank">
<external-link-icon size="15" class="icon"></external-link-icon>
</a>
</div>
@@ -35,26 +35,30 @@
</template>
</DatatableWrapper>
</PageTabGroup>
<PageTabGroup v-else>
User don't have any invoices yet.
</PageTabGroup>
<InfoBox v-else>
<p>User don't have any invoices yet.</p>
</InfoBox>
</PageTab>
</template>
<script>
import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
import EmptyPageContent from '@/components/Others/EmptyPageContent'
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
import InfoBox from '@/components/Others/Forms/InfoBox'
import {ExternalLinkIcon} from "vue-feather-icons";
import axios from 'axios'
export default {
name: 'UserInvoices',
components: {
PageTabGroup,
PageTab,
EmptyPageContent,
DatatableWrapper,
ExternalLinkIcon,
PageTabGroup,
InfoBox,
PageTab,
},
data() {
return {
@@ -63,17 +67,17 @@
columns: [
{
label: 'Invoice Number',
field: 'data.attributes.total',
field: 'data.attributes.order',
sortable: true
},
{
label: 'Total',
field: 'data.attributes.total',
field: 'data.attributes.bag.amount',
sortable: true
},
{
label: 'Plan',
field: 'data.attributes.plan',
field: 'data.attributes.bag.amount',
sortable: true
},
{
@@ -83,7 +87,6 @@
},
{
label: this.$t('admin_page_user.table.action'),
field: 'data.action',
sortable: false
},
],

2
resources/js/views/Admin/Users/UserTabs/UserStorage.vue
View File

@@ -1,5 +1,5 @@
<template>
<PageTab class="form-fixed-width" v-if="storage">
<PageTab :is-loading="isLoading" class="form-fixed-width" v-if="storage">
<PageTabGroup v-if="! config.isSaaS || ! user.data.attributes.subscription">
<FormLabel>{{ $t('user_box_storage.title') }}</FormLabel>
<InfoBox>

11
resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
View File

@@ -1,6 +1,7 @@
<template>
<PageTab class="form-fixed-width" :is-loading="isLoading">
<PageTab :is-loading="isLoading" class="form-fixed-width">
<PageTabGroup v-if="subscription">
<FormLabel>Subscription Plan</FormLabel>
<!--Info about active subscription-->
<div v-if="! subscription.canceled" class="state active">
@@ -24,7 +25,9 @@
</div>
</PageTabGroup>
<PageTabGroup v-if="! subscription">
User don't have any subscription yet.
<InfoBox>
<p>User don't have any subscription yet.</p>
</InfoBox>
</PageTabGroup>
</PageTab>
</template>
@@ -33,8 +36,10 @@
import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import ListInfoItem from '@/components/Others/ListInfoItem'
import FormLabel from '@/components/Others/Forms/FormLabel'
import ButtonBase from '@/components/FilesView/ButtonBase'
import PageTab from '@/components/Others/Layout/PageTab'
import InfoBox from '@/components/Others/Forms/InfoBox'
import ListInfo from '@/components/Others/ListInfo'
import {ExternalLinkIcon} from "vue-feather-icons"
import {mapGetters} from 'vuex'
@@ -49,7 +54,9 @@
ListInfoItem,
PageTabGroup,
ButtonBase,
FormLabel,
ListInfo,
InfoBox,
PageTab,
},
computed: {