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

frontend update

Browse Source
This commit is contained in:
carodej
2020-06-02 07:13:44 +02:00
parent 16c3625b0b
commit 331ee52ea3
37 changed files with 1821 additions and 772 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
resources/js/views/Admin/Users/UserTabs/UserDelete.vue
View File

@@ -1,8 +1,6 @@
<template>
<div class="page-tab">
<!--Change role-->
<div class="page-tab-group">
<PageTab>
<PageTabGroup>
<SetupBox
theme="danger"
:title="$t('user_box_delete.title')"
@@ -28,11 +26,13 @@
</ValidationProvider>
</ValidationObserver>
</SetupBox>
</div>
</div>
</PageTabGroup>
</PageTab>
</template>
<script>
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import ButtonBase from '@/components/FilesView/ButtonBase'
import SetupBox from '@/components/Others/Forms/SetupBox'
@@ -46,6 +46,8 @@
'user'
],
components: {
PageTabGroup,
PageTab,
ValidationProvider,
ValidationObserver,
ButtonBase,
@@ -108,13 +110,6 @@
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.page-tab {
.page-tab-group {
margin-bottom: 45px;
}
}
.block-form {
max-width: 100%;
}

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

@@ -1,8 +1,8 @@
<template>
<div class="page-tab">
<PageTab>
<!--Change role-->
<div class="page-tab-group">
<PageTabGroup>
<SetupBox
theme="base"
:title="$t('user_box_role.title')"
@@ -21,10 +21,10 @@
</ValidationProvider>
</ValidationObserver>
</SetupBox>
</div>
</PageTabGroup>
<!--Personal Information-->
<div class="page-tab-group">
<PageTabGroup>
<ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form">
<b class="form-group-label">{{ $t('admin_page_user.label_person_info') }}</b>
@@ -53,11 +53,13 @@
</div>
</div>
</ValidationObserver>
</div>
</div>
</PageTabGroup>
</PageTab>
</template>
<script>
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import StorageItemDetail from '@/components/Others/StorageItemDetail'
import SelectInput from '@/components/Others/Forms/SelectInput'
@@ -74,6 +76,8 @@
'user'
],
components: {
PageTabGroup,
PageTab,
ValidationProvider,
ValidationObserver,
StorageItemDetail,
@@ -142,13 +146,6 @@
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.page-tab {
.page-tab-group {
margin-bottom: 45px;
}
}
.block-form {
max-width: 100%;
}

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

@@ -1,8 +1,6 @@
<template>
<div class="page-tab">
<!--Change role-->
<div class="page-tab-group">
<PageTab>
<PageTabGroup>
<DatatableWrapper :paginator="true" :columns="columns" :data="invoices" class="table">
<template scope="{ row }">
<tr>
@@ -29,11 +27,13 @@
</tr>
</template>
</DatatableWrapper>
</div>
</div>
</PageTabGroup>
</PageTab>
</template>
<script>
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
import {DownloadCloudIcon} from "vue-feather-icons";
import axios from 'axios'
@@ -41,6 +41,8 @@
export default {
name: 'UserStorage',
components: {
PageTabGroup,
PageTab,
DatatableWrapper,
DownloadCloudIcon,
},
@@ -176,13 +178,6 @@
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.page-tab {
.page-tab-group {
margin-bottom: 45px;
}
}
.block-form {
max-width: 100%;
}

21
resources/js/views/Admin/Users/UserTabs/UserPassword.vue
View File

@@ -1,8 +1,6 @@
<template>
<div class="page-tab">
<!--Change role-->
<div class="page-tab-group">
<PageTab>
<PageTabGroup>
<SetupBox
theme="base"
:title="$t('user_box_password.title')"
@@ -13,11 +11,13 @@
{{ $t('admin_page_user.send_password_link') }}
</ButtonBase>
</SetupBox>
</div>
</div>
</PageTabGroup>
</PageTab>
</template>
<script>
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import ButtonBase from '@/components/FilesView/ButtonBase'
import SetupBox from '@/components/Others/Forms/SetupBox'
@@ -28,6 +28,8 @@
export default {
name: 'UserPassword',
components: {
PageTabGroup,
PageTab,
ValidationProvider,
ValidationObserver,
ButtonBase,
@@ -76,13 +78,6 @@
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.page-tab {
.page-tab-group {
margin-bottom: 45px;
}
}
.block-form {
max-width: 100%;
}

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

@@ -1,8 +1,6 @@
<template>
<div class="page-tab" v-if="storage">
<!--Change role-->
<div class="page-tab-group">
<PageTab v-if="storage">
<PageTabGroup>
<StorageItemDetail
type="disk"
:title="$t('storage.total_used', {used: storage.attributes.used})"
@@ -34,20 +32,21 @@
</ValidationProvider>
</ValidationObserver>
</SetupBox>
</div>
<div class="page-tab-group">
</PageTabGroup>
<PageTabGroup>
<b class="form-group-label">{{ $t('storage.sec_details') }}</b>
<StorageItemDetail type="images" :title="$t('storage.images')" :percentage="storage.meta.images.percentage" :used="storage.meta.images.used" />
<StorageItemDetail type="videos" :title="$t('storage.videos')" :percentage="storage.meta.videos.percentage" :used="storage.meta.videos.used" />
<StorageItemDetail type="audios" :title="$t('storage.audios')" :percentage="storage.meta.audios.percentage" :used="storage.meta.audios.used" />
<StorageItemDetail type="documents" :title="$t('storage.documents')" :percentage="storage.meta.documents.percentage" :used="storage.meta.documents.used" />
<StorageItemDetail type="others" :title="$t('storage.others')" :percentage="storage.meta.others.percentage" :used="storage.meta.others.used" />
</div>
</div>
</PageTabGroup>
</PageTab>
</template>
<script>
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import StorageItemDetail from '@/components/Others/StorageItemDetail'
import ButtonBase from '@/components/FilesView/ButtonBase'
@@ -59,6 +58,8 @@
export default {
name: 'UserStorage',
components: {
PageTabGroup,
PageTab,
ValidationProvider,
ValidationObserver,
StorageItemDetail,
@@ -146,13 +147,6 @@
@import '@assets/vue-file-manager/_mixins';
@import '@assets/vue-file-manager/_forms';
.page-tab {
.page-tab-group {
margin-bottom: 45px;
}
}
.block-form {
max-width: 100%;
}