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

code deletion

Browse Source
This commit is contained in:
Čarodej
2022-04-27 09:57:31 +02:00
parent eb4d5b4cba
commit 3b3bf62cb8
23 changed files with 121 additions and 553 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/App.vue
View File

@@ -70,8 +70,6 @@ export default {
closeOverlays() {
events.$emit('popup:close')
events.$emit('popover:close')
this.$store.commit('CLOSE_NOTIFICATION_CENTER')
},
spotlightListener(e) {
if (e.key === 'k' && e.metaKey || e.key === 'k' && e.ctrlKey) {

278
resources/js/components/Dashboard/Widgets/WidgetLatestRegistrations.vue
View File

@@ -7,11 +7,7 @@
class="mt-6 overflow-x-auto"
>
<template slot-scope="{ row }">
<!--Not a subscription-->
<tr
v-if="config.subscriptionType === 'none'"
class="whitespace-nowrap border-b border-dashed border-light dark:border-opacity-5"
>
<tr class="whitespace-nowrap border-b border-dashed border-light dark:border-opacity-5">
<td class="py-3 pr-3 md:pr-1">
<router-link
:to="{
@@ -80,157 +76,6 @@
</div>
</td>
</tr>
<!--Fixed subscription-->
<tr
v-if="config.subscriptionType === 'fixed'"
class="whitespace-nowrap border-b border-dashed border-light dark:border-opacity-5"
>
<td class="py-3 pr-3 md:pr-1">
<router-link
:to="{
name: 'UserDetail',
params: { id: row.data.id },
}"
>
<div class="flex items-center">
<MemberAvatar :is-border="false" :size="44" :member="row" />
<div class="ml-3 pr-10">
<b
class="max-w-1 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
style="max-width: 155px"
>
{{ row.data.relationships.settings.data.attributes.name }}
</b>
<span class="block text-xs text-gray-600 dark:text-gray-500">
{{ row.data.attributes.email }}
</span>
</div>
</div>
</router-link>
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getUserRoleColor(row.data.attributes.role)">
{{ $t(row.data.attributes.role) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1" v-if="config.isSaaS">
<span class="text-sm font-bold">
{{ row.data.relationships.subscription ? $t('premium') : $t('free') }}
</span>
</td>
<td class="px-3 md:px-1">
<span v-if="row.data.attributes.storage.capacity !== 0" class="text-sm font-bold">
{{ row.data.attributes.storage.used_formatted }}
</span>
<span v-if="row.data.attributes.storage.capacity === 0" class="text-sm font-bold"> - </span>
</td>
<td class="px-3 md:px-1" v-if="config.storageLimit">
<span v-if="row.data.attributes.storage.capacity !== 0" class="text-sm font-bold">
{{ row.data.attributes.storage.capacity_formatted }}
</span>
<span v-if="row.data.attributes.storage.capacity === 0" class="text-sm font-bold"> - </span>
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold">
{{ row.data.attributes.created_at }}
</span>
</td>
<td class="pl-3 text-right md:pl-1">
<div class="flex w-full justify-end space-x-2">
<router-link
class="flex h-8 w-8 items-center justify-center rounded-md bg-light-background transition-colors hover:bg-green-100 dark:bg-2x-dark-foreground"
:to="{
name: 'UserDetail',
params: { id: row.data.id },
}"
>
<Edit2Icon size="15" class="opacity-75" />
</router-link>
<router-link
class="flex h-8 w-8 items-center justify-center rounded-md bg-light-background transition-colors hover:bg-red-100 dark:bg-2x-dark-foreground"
:to="{
name: 'UserDelete',
params: { id: row.data.id },
}"
>
<Trash2Icon size="15" class="opacity-75" />
</router-link>
</div>
</td>
</tr>
<!--Metered subscription-->
<tr
v-if="config.subscriptionType === 'metered'"
class="whitespace-nowrap border-b border-dashed border-light dark:border-opacity-5"
>
<td class="py-3 pr-3 md:pr-1">
<router-link
:to="{
name: 'UserDetail',
params: { id: row.data.id },
}"
>
<div class="flex items-center">
<MemberAvatar :is-border="false" :size="44" :member="row" />
<div class="ml-3 pr-10">
<b
class="max-w-1 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
style="max-width: 155px"
>
{{ row.data.relationships.settings.data.attributes.name }}
</b>
<span class="block text-xs text-gray-600 dark:text-gray-500">
{{ row.data.attributes.email }}
</span>
</div>
</div>
</router-link>
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getUserRoleColor(row.data.attributes.role)">
{{ $t(row.data.attributes.role) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold">
{{ row.data.meta.usages ? row.data.meta.usages.featureEstimates.storage.usage : '-' }}
</span>
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold">
{{ row.data.meta.usages ? row.data.meta.usages.costEstimate : '-' }}
</span>
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold">
{{ row.data.attributes.created_at }}
</span>
</td>
<td class="pl-3 text-right md:pl-1">
<div class="flex w-full justify-end space-x-2">
<router-link
class="flex h-8 w-8 items-center justify-center rounded-md bg-light-background transition-colors hover:bg-green-100 dark:bg-2x-dark-foreground"
:to="{
name: 'UserDetail',
params: { id: row.data.id },
}"
>
<Edit2Icon size="15" class="opacity-75" />
</router-link>
<router-link
class="flex h-8 w-8 items-center justify-center rounded-md bg-light-background transition-colors hover:bg-red-100 dark:bg-2x-dark-foreground"
:to="{
name: 'UserDelete',
params: { id: row.data.id },
}"
>
<Trash2Icon size="15" class="opacity-75" />
</router-link>
</div>
</td>
</tr>
</template>
</DatatableWrapper>
</template>
@@ -257,97 +102,36 @@ export default {
computed: {
...mapGetters(['config']),
columns() {
return {
metered: [
{
label: this.$t('user'),
field: 'email',
sortable: true,
},
{
label: this.$t('role'),
field: 'role',
sortable: true,
},
{
label: this.$t('storage_used'),
sortable: false,
},
{
label: this.$t('billing_est.'),
sortable: false,
},
{
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('action'),
sortable: false,
},
],
fixed: [
{
label: this.$t('user'),
field: 'email',
sortable: true,
},
{
label: this.$t('role'),
field: 'role',
sortable: true,
},
{
label: this.$t('storage_used'),
sortable: false,
},
{
label: this.$t('max_storage'),
sortable: false,
hidden: !this.config.storageLimit,
},
{
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('action'),
sortable: false,
},
],
none: [
{
label: this.$t('user'),
field: 'email',
sortable: true,
},
{
label: this.$t('role'),
field: 'role',
sortable: true,
},
{
label: this.$t('storage_used'),
sortable: false,
},
{
label: this.$t('max_storage'),
sortable: false,
hidden: !this.config.storageLimit,
},
{
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('action'),
sortable: false,
},
],
}[this.config.subscriptionType]
return [
{
label: this.$t('user'),
field: 'email',
sortable: true,
},
{
label: this.$t('role'),
field: 'role',
sortable: true,
},
{
label: this.$t('storage_used'),
sortable: false,
},
{
label: this.$t('max_storage'),
sortable: false,
hidden: !this.config.storageLimit,
},
{
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('action'),
sortable: false,
},
]
},
},
data() {

2
resources/js/components/Icons/FolderIcon.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<VueFolderIcon v-if="!item.data.attributes.isTeamFolder" />
<VueFolderIcon />
</div>
</template>

15
resources/js/components/Layout/Toolbars/DesktopSharepageToolbar.vue
View File

@@ -12,22 +12,17 @@
:action="$t('create_something')"
/>
<PopoverItem name="desktop-create" side="left">
<OptionGroup :title="$t('frequently_used')">
<OptionGroup :title="$t('upload')">
<OptionUpload :title="$t('upload_files')" type="file" />
<OptionUpload :title="$t('upload_folder')" type="folder" />
</OptionGroup>
<OptionGroup :title="$t('create')">
<Option
@click.native="$createFolder"
:title="$t('create_folder')"
icon="folder-plus"
/>
</OptionGroup>
<OptionGroup :title="$t('others')">
<OptionUpload :title="$t('upload_folder')" type="folder" />
<Option
@click.stop.native="$openRemoteUploadPopup"
:title="$t('remote_upload')"
icon="remote-upload"
/>
</OptionGroup>
</PopoverItem>
</PopoverWrapper>
@@ -111,7 +106,7 @@ export default {
Option,
},
computed: {
...mapGetters(['isVisibleNavigationBars', 'currentTeamFolder', 'currentFolder', 'sharedDetail', 'clipboard']),
...mapGetters(['isVisibleNavigationBars', 'currentFolder', 'sharedDetail', 'clipboard']),
canEdit() {
return this.sharedDetail && this.sharedDetail.data.attributes.permission === 'editor'
},

6
resources/js/components/Layout/Toolbars/DesktopToolbar.vue
View File

@@ -13,7 +13,7 @@
/>
<PopoverItem name="desktop-create" side="left">
<OptionGroup
:title="$t('create')"
:title="$t('upload')"
>
<OptionUpload
:title="$t('upload_files')"
@@ -29,6 +29,10 @@
:title="$t('upload_folder')"
type="folder"
/>
</OptionGroup>
<OptionGroup
:title="$t('create')"
>
<Option
@click.native="$createFolder"
:class="{

22
resources/js/components/Menus/FileFilterMobile.vue
View File

@@ -31,22 +31,6 @@
:is-hover-disabled="true"
/>
</OptionGroup>
<OptionGroup :title="$t('collaboration')">
<Option
@click.native="goToTeamFolders"
:title="$t('team_folders')"
icon="users"
:is-active="$isThisRoute($route, 'TeamFolders')"
:is-hover-disabled="true"
/>
<Option
@click.native="goToSharedWithMe"
:title="$t('shared_with_me')"
icon="user-check"
:is-active="$isThisRoute($route, 'SharedWithMe')"
:is-hover-disabled="true"
/>
</OptionGroup>
</MenuMobileGroup>
</MenuMobile>
</template>
@@ -79,12 +63,6 @@ export default {
goToTrash() {
this.$router.push({ name: 'Trash' })
},
goToTeamFolders() {
this.$router.push({ name: 'TeamFolders' })
},
goToSharedWithMe() {
this.$router.push({ name: 'SharedWithMe' })
},
},
}
</script>

12
resources/js/components/Popups/MoveItemPopup.vue
View File

@@ -126,15 +126,9 @@ export default {
this.isLoadingTree = true
// Get folder tree and hide spinner
if (this.$isThisRoute(this.$route, ['SharedWithMe'])) {
this.$store.dispatch('getTeamFolderTree').then(() => {
this.isLoadingTree = false
})
} else {
this.$store.dispatch('getFolderTree').then(() => {
this.isLoadingTree = false
})
}
this.$store.dispatch('getFolderTree').then(() => {
this.isLoadingTree = false
})
// Store picked item
if (!this.clipboard.includes(args.item[0])) {

17
resources/js/components/UI/Entries/ItemGrid.vue
View File

@@ -33,15 +33,6 @@
v-if="isFile || isVideo || isAudio || (isImage && !entry.data.attributes.thumbnail)"
class="relative mx-auto w-24"
>
<!--Member thumbnail for team folders-->
<MemberAvatar
v-if="user && canShowAuthor"
:size="38"
:is-border="true"
:member="entry.data.relationships.creator"
class="absolute right-2 -bottom-5 z-10 z-10 scale-75 transform lg:-bottom-7 lg:scale-100"
/>
<FileIconThumbnail
:entry="entry"
class="z-0 mt-5 mb-10 scale-125 transform lg:mb-12 lg:mt-6 lg:scale-150"
@@ -198,14 +189,6 @@ export default {
? this.entry.data.attributes.trashed_items
: this.entry.data.attributes.items
},
canShowAuthor() {
return (
this.$isThisRoute(this.$route, ['SharedWithMe', 'TeamFolders'])
&& !this.isFolder
&& this.entry.data.relationships.creator
&& this.user.data.id !== this.entry.data.relationships.creator.data.id
)
},
canShowLinkIcon() {
return this.entry.data.relationships.shared && !this.$isThisRoute(this.$route, ['SharedSingleFile'])
},

12
resources/js/components/UI/Entries/ItemList.vue
View File

@@ -13,15 +13,6 @@
<!--Item thumbnail-->
<div class="relative w-16 shrink-0">
<!--Member thumbnail for team folders-->
<MemberAvatar
v-if="user && canShowAuthor"
:size="28"
:is-border="true"
:member="entry.data.relationships.creator"
class="absolute right-1.5 -bottom-2 z-10"
/>
<!--Emoji Icon-->
<Emoji
v-if="entry.data.attributes.emoji"
@@ -184,9 +175,6 @@ export default {
? this.entry.data.attributes.trashed_items
: this.entry.data.attributes.items
},
canShowAuthor() {
return !this.isFolder && (this.entry.data.relationships.creator && this.user.data.id !== this.entry.data.relationships.creator.data.id)
},
canDrag() {
return !this.isDeleted && this.$checkPermission(['master', 'editor'])
},

2
resources/js/routes/routesAuth.js vendored
View File

@@ -9,7 +9,7 @@ const routesAuth = [
},
{
name: 'SignIn',
path: '/sign-in',
path: '/',
component: () => import(/* webpackChunkName: "chunks/sign-in" */ '../views/Auth/SignIn'),
meta: {
requiresAuth: false,

2
resources/js/store/modules/userAuth.js vendored
View File

@@ -45,7 +45,7 @@ const actions = {
commit('DESTROY_DATA')
commit('SET_AUTHORIZED', false)
router.push({name: 'Homepage'})
router.push({name: 'SignIn'})
})
},
addToFavourites: (context, folder) => {

12
resources/js/views/Admin/Settings/AppSettingsTabs/Others.vue
View File

@@ -70,7 +70,7 @@
/>
</AppInputSwitch>
<AppInputText v-if="app.storageLimitation" :title="$t('admin_settings.others.default_storage')">
<AppInputText v-if="app.storageLimitation" :title="$t('admin_settings.others.default_storage')" :is-last="true">
<input
v-model="app.defaultStorage"
:placeholder="$t('admin_settings.others.default_storage_plac')"
@@ -182,16 +182,6 @@
</ButtonBase>
</AppInputButton>
<AppInputText :title="$t('admin_settings.others.contact_email')">
<input
v-model="app.contactMail"
:placeholder="$t('admin_settings.others.contact_email_plac')"
class="focus-border-theme input-dark"
type="email"
@input="$updateText('/admin/settings', 'contact_email', app.contactMail)"
/>
</AppInputText>
<AppInputText :is-last="true" :title="$t('admin_settings.others.google_analytics')">
<input
v-model="app.googleAnalytics"

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

@@ -1,5 +1,51 @@
<template>
<PageTab :is-loading="isLoading" v-if="storage">
<!--Set Storage Size-->
<div
v-if="config.storageLimit"
class="card shadow-card"
>
<FormLabel>
{{ $t('user_box_storage.title') }}
</FormLabel>
<ValidationObserver
ref="changeStorageCapacity"
@submit.prevent="changeStorageCapacity"
v-slot="{ invalid }"
tag="form"
>
<ValidationProvider tag="div" v-slot="{ errors }" mode="passive" name="Capacity" rules="required">
<AppInputText
:title="$t('admin_page_user.label_change_capacity')"
:description="$t('user_box_storage.description')"
:error="errors[0]"
:is-last="true"
>
<div class="space-y-4 sm:flex sm:space-x-4 sm:space-y-0">
<input
v-model="capacity"
:placeholder="$t('admin_page_user.label_change_capacity')"
type="number"
min="1"
max="999999999"
class="focus-border-theme input-dark"
:class="{ '!border-rose-600': errors[0] }"
/>
<ButtonBase
:loading="isSendingRequest"
:disabled="isSendingRequest"
type="submit"
button-style="theme"
class="w-full sm:w-auto"
>
{{ $t('change_capacity') }}
</ButtonBase>
</div>
</AppInputText>
</ValidationProvider>
</ValidationObserver>
</div>
<!--Storage Usage-->
<div v-if="distribution" class="card shadow-card">
<FormLabel icon="hard-drive">
@@ -55,52 +101,6 @@
</b>
<BarChart :data="storage.data.meta.traffic.chart.download" color="#9d66fe" />
</div>
<!--Set Storage Size-->
<div
v-if="config.storageLimit"
class="card shadow-card"
>
<FormLabel>
{{ $t('user_box_storage.title') }}
</FormLabel>
<ValidationObserver
ref="changeStorageCapacity"
@submit.prevent="changeStorageCapacity"
v-slot="{ invalid }"
tag="form"
>
<ValidationProvider tag="div" v-slot="{ errors }" mode="passive" name="Capacity" rules="required">
<AppInputText
:title="$t('admin_page_user.label_change_capacity')"
:description="$t('user_box_storage.description')"
:error="errors[0]"
:is-last="true"
>
<div class="space-y-4 sm:flex sm:space-x-4 sm:space-y-0">
<input
v-model="capacity"
:placeholder="$t('admin_page_user.label_change_capacity')"
type="number"
min="1"
max="999999999"
class="focus-border-theme input-dark"
:class="{ '!border-rose-600': errors[0] }"
/>
<ButtonBase
:loading="isSendingRequest"
:disabled="isSendingRequest"
type="submit"
button-style="theme"
class="w-full sm:w-auto"
>
{{ $t('change_capacity') }}
</ButtonBase>
</div>
</AppInputText>
</ValidationProvider>
</ValidationObserver>
</div>
</PageTab>
</template>

7
resources/js/views/Auth/SignIn.vue
View File

@@ -37,13 +37,6 @@
:disabled="isLoading"
/>
</ValidationObserver>
<span v-if="config.userRegistration" class="block">
{{ $t('page_login.registration_text') }}
<router-link class="text-theme font-bold" :to="{ name: 'SignUp' }">
{{ $t('page_login.registration_button') }}
</router-link>
</span>
</AuthContent>
<!--Log in By Password-->

2
resources/js/views/FileView/Files.vue
View File

@@ -19,7 +19,7 @@
</MobileContextMenu>
<MobileCreateMenu>
<OptionGroup :title="$t('create')">
<OptionGroup>
<OptionUpload
:title="$t('upload_files')"
type="file"

25
resources/js/views/FileView/Public.vue
View File

@@ -36,22 +36,17 @@
</template>
</MobileContextMenu>
<MobileCreateMenu>
<OptionGroup :title="$t('frequently_used')">
<OptionUpload :title="$t('upload_files')" type="file" :is-hover-disabled="true" />
<MobileCreateMenu>
<OptionGroup>
<OptionUpload
:title="$t('upload_files')"
type="file"
:is-hover-disabled="true"
/>
<Option
@click.stop.native="createFolder"
:title="$t('create_folder')"
icon="folder-plus"
:is-hover-disabled="true"
/>
</OptionGroup>
<OptionGroup :title="$t('others')">
<OptionUpload :title="$t('upload_folder')" type="folder" :is-hover-disabled="true" />
<Option
@click.stop.native="$openRemoteUploadPopup"
:title="$t('remote_upload')"
icon="remote-upload"
@click.stop.native="$createFolderByPopup"
:title="$t('create_folder')"
icon="folder-plus"
:is-hover-disabled="true"
/>
</OptionGroup>

2
resources/js/views/SetupWizard/AdminAccount.vue
View File

@@ -180,7 +180,7 @@ export default {
})
.then((response) => {
// Go to sign page
window.location = '/sign-in'
window.location = '/'
})
.catch((error) => {
if (error.response.status === 500) {