deleted frontend code

resources/js/components/Layout/Sidebars/InfoSidebar.vue

@@ -43,7 +43,7 @@
             <ListInfoItem :title="$t('created_at')" :content="singleFile.data.attributes.created_at" />
 
 			<!--Location-->
-            <ListInfoItem v-if="$checkPermission(['master']) && !isTeamsHomepage" :title="$t('where')">
+            <ListInfoItem v-if="$checkPermission(['master'])" :title="$t('where')">
                 <div @click="$moveFileOrFolder(singleFile)" class="flex cursor-pointer items-center">
                     <b class="inline-block text-sm font-bold">
                         {{
@@ -84,16 +84,6 @@
                 </div>
             </ListInfoItem>
 
-			<!--Author-->
-            <ListInfoItem v-if="canShowAuthor" :title="$t('author')">
-                <div class="mt-1.5 flex items-center">
-                    <MemberAvatar :size="32" :member="singleFile.data.relationships.creator" />
-                    <span class="ml-3 block text-sm font-bold">
-                        {{ singleFile.data.relationships.creator.data.attributes.name }}
-                    </span>
-                </div>
-            </ListInfoItem>
-
 			<!--Metadata-->
             <ListInfoItem v-if="canShowMetaData" :title="$t('meta_data')">
                 <ImageMetaData />
@@ -108,7 +98,6 @@ import CopyShareLink from '../../Inputs/CopyShareLink'
 import {Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon} from 'vue-feather-icons'
 import ImageMetaData from '../../UI/Others/ImageMetaData'
 import TitlePreview from '../../UI/Labels/TitlePreview'
-import TeamMembersPreview from '../../Teams/Components/TeamMembersPreview'
 import ListInfoItem from '../../UI/List/ListInfoItem'
 import MemberAvatar from '../../UI/Others/MemberAvatar'
 import {mapGetters} from 'vuex'
@@ -116,7 +105,6 @@ import {mapGetters} from 'vuex'
 export default {
 	name: 'InfoSidebar',
 	components: {
-		TeamMembersPreview,
 		FilePreviewDetail,
 		ImageMetaData,
 		CopyShareLink,
@@ -156,17 +144,6 @@ export default {
 
 			return title ? this.$t(title.label) : this.$t('can_download_file')
 		},
-		canShowAuthor() {
-			return (
-				this.$isThisRoute(this.$route, ['SharedWithMe', 'TeamFolders'])
-				&& this.clipboard[0].data.type !== 'folder'
-				&& this.clipboard[0].data.relationships.creator
-				&& this.user.data.id !== this.clipboard[0].data.relationships.creator.data.id
-			)
-		},
-		isTeamsHomepage() {
-			return this.$isThisRoute(this.$route, ['TeamFolders', 'SharedWithMe']) && !this.$route.params.id
-		},
 	},
 }
 </script>

resources/js/components/Layout/Sidebars/InfoSidebarUploadRequest.vue

@@ -1,133 +0,0 @@
-<template>
-    <div
-        class="hidden w-[300px] shrink-0 overflow-y-auto overflow-x-hidden px-2.5 pt-2 lg:block xl:w-[320px] 2xl:w-[360px]"
-    >
-        <!--Is empty clipboard-->
-        <div v-if="isEmpty" class="flex h-full items-center justify-center">
-            <div class="text-center">
-                <eye-off-icon size="22" class="vue-feather mb-3 inline-block text-gray-500" />
-                <small class="block text-xs text-gray-500">
-                    {{ $t('nothing_to_preview') }}
-                </small>
-            </div>
-        </div>
-
-        <!--Multiple item selection-->
-        <TitlePreview
-            v-if="!isSingleFile && !isEmpty"
-            class="mb-6"
-            icon="check-square"
-            :title="$t('selected_multiple')"
-            :subtitle="this.clipboard.length + ' ' + $tc('items', this.clipboard.length)"
-        />
-
-        <!--Single file preview-->
-        <div v-if="isSingleFile && !isEmpty">
-            <FilePreviewDetail />
-
-            <TitlePreview
-                class="mb-6"
-                :icon="clipboard[0].data.type"
-                :title="clipboard[0].data.attributes.name"
-                :subtitle="clipboard[0].data.attributes.mimetype"
-            />
-
-            <!--Filesize-->
-            <ListInfoItem
-                v-if="singleFile.data.attributes.filesize"
-                :title="$t('size')"
-                :content="singleFile.data.attributes.filesize"
-            />
-
-            <!--Created At-->
-            <ListInfoItem :title="$t('created_at')" :content="singleFile.data.attributes.created_at" />
-
-            <!--Location-->
-            <ListInfoItem :title="$t('where')">
-                <div @click="$moveFileOrFolder(singleFile)" class="flex cursor-pointer items-center">
-                    <b class="inline-block text-sm font-bold">
-                        {{
-                            singleFile.data.relationships.parent
-                                ? singleFile.data.relationships.parent.data.attributes.name
-                                : $getCurrentLocationName()
-                        }}
-                    </b>
-                    <Edit2Icon size="10" class="ml-2" />
-                </div>
-            </ListInfoItem>
-
-            <!--Shared-->
-            <ListInfoItem
-                v-if="$checkPermission('master') && singleFile.data.relationships.shared"
-                :title="$t('shared')"
-            >
-                <div @click="$shareFileOrFolder(singleFile)" class="mb-2 flex cursor-pointer items-center">
-                    <span class="inline-block text-sm font-bold">
-                        {{ sharedInfo }}
-                    </span>
-                    <Edit2Icon size="10" class="ml-2" />
-                </div>
-                <div class="flex w-full items-center">
-                    <lock-icon
-                        v-if="isLocked"
-                        @click="$shareFileOrFolder(singleFile)"
-                        size="17"
-                        class="hover-text-theme vue-feather cursor-pointer"
-                    />
-                    <unlock-icon
-                        v-if="!isLocked"
-                        @click="$shareFileOrFolder(singleFile)"
-                        size="17"
-                        class="hover-text-theme vue-feather cursor-pointer"
-                    />
-                    <CopyShareLink :item="singleFile" size="small" class="w-full pl-2.5" />
-                </div>
-            </ListInfoItem>
-
-            <!--Metadata-->
-            <ListInfoItem v-if="canShowMetaData" :title="$t('meta_data')">
-                <ImageMetaData />
-            </ListInfoItem>
-        </div>
-    </div>
-</template>
-
-<script>
-import { Edit2Icon, LockIcon, UnlockIcon, EyeOffIcon } from 'vue-feather-icons'
-import FilePreviewDetail from '../../Others/FilePreviewDetail'
-import ListInfoItem from '../../UI/List/ListInfoItem'
-import ImageMetaData from '../../UI/Others/ImageMetaData'
-import TitlePreview from '../../UI/Labels/TitlePreview'
-import { mapGetters } from 'vuex'
-
-export default {
-    name: 'InfoSidebarUploadRequest',
-    components: {
-        FilePreviewDetail,
-        ImageMetaData,
-        TitlePreview,
-        ListInfoItem,
-        UnlockIcon,
-        EyeOffIcon,
-        Edit2Icon,
-        LockIcon,
-    },
-    computed: {
-        ...mapGetters(['clipboard']),
-        isEmpty() {
-            return this.clipboard.length === 0
-        },
-        isSingleFile() {
-            return this.clipboard.length === 1
-        },
-        singleFile() {
-            return this.clipboard[0]
-        },
-        canShowMetaData() {
-            return (
-                this.clipboard[0].data.attributes.metadata && this.clipboard[0].data.attributes.metadata.ExifImageWidth
-            )
-        },
-    },
-}
-</script>

resources/js/components/Layout/Toolbars/DesktopToolbar.vue

@@ -13,48 +13,30 @@
                     />
                     <PopoverItem name="desktop-create" side="left">
                         <OptionGroup
-                            :title="$t('frequently_used')"
+                            :title="$t('create')"
                         >
                             <OptionUpload
 								:title="$t('upload_files')"
 								type="file"
 								:class="{
-                                    'is-inactive': (isSharedWithMe && !canEdit) || canUploadInView || isTeamFolderHomepage || isSharedWithMeHomepage,
+                                    'is-inactive': canUploadInView,
                                 }"
 							/>
-                            <Option
-                                @click.native="$createFolder"
-                                :class="{
-                                    'is-inactive': (isSharedWithMe && !canEdit) || canCreateFolder || isTeamFolderHomepage || isSharedWithMeHomepage,
-                                }"
-                                :title="$t('create_folder')"
-                                icon="folder-plus"
-                            />
-                        </OptionGroup>
-                        <OptionGroup :title="$t('others')">
                             <OptionUpload
 								:class="{
-                                    'is-inactive': (isSharedWithMe && !canEdit) || canUploadFolderInView || isTeamFolderHomepage || isSharedWithMeHomepage,
+                                    'is-inactive': canUploadFolderInView,
                                 }"
 								:title="$t('upload_folder')"
 								type="folder"
 							/>
-							<Option
-								@click.stop.native="$openRemoteUploadPopup"
-								:title="$t('remote_upload')"
-								icon="remote-upload"
-							/>
                             <Option
-                                @click.stop.native="$createTeamFolder"
-                                :class="{ 'is-inactive': canCreateTeamFolder }"
-                                :title="$t('create_team_folder')"
-                                icon="users"
+                                @click.native="$createFolder"
+                                :class="{
+                                    'is-inactive': canCreateFolder,
+                                }"
+                                :title="$t('create_folder')"
+                                icon="folder-plus"
                             />
-							<Option
-								@click.native="$createFileRequest"
-								:title="$t('create_file_request')"
-								icon="upload-cloud"
-							/>
                         </OptionGroup>
                     </PopoverItem>
                 </PopoverWrapper>
@@ -64,53 +46,11 @@
 
                 <!--File Controls-->
                 <div class="ml-5 flex items-center xl:ml-8">
-                    <!--Team Heads-->
-                    <PopoverWrapper v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])">
-                        <TeamMembersButton
-                            @click.stop.native="showTeamFolderMenu"
-                            size="32"
-                            class="cursor-pointer rounded-lg py-0.5 pl-2 pr-0.5 hover:bg-light-background dark:hover:bg-dark-foreground"
-                        />
-
-                        <PopoverItem name="team-folder" side="left">
-                            <TeamFolderPreview />
-
-                            <OptionGroup v-if="$isThisRoute($route, ['TeamFolders'])" :title="$t('options')">
-                                <Option
-                                    @click.native="$updateTeamFolder(teamFolder)"
-                                    :title="$t('edit_members')"
-                                    icon="rename"
-                                />
-                                <Option
-                                    @click.native="$dissolveTeamFolder(teamFolder)"
-                                    :title="$t('dissolve_team')"
-                                    icon="trash"
-                                />
-                            </OptionGroup>
-
-                            <OptionGroup v-if="$isThisRoute($route, ['SharedWithMe'])" :title="$t('options')">
-                                <Option
-                                    @click.native="$detachMeFromTeamFolder(teamFolder)"
-                                    :title="$t('leave_team_folder')"
-                                    icon="user-minus"
-                                />
-                            </OptionGroup>
-                        </PopoverItem>
-                    </PopoverWrapper>
 
                     <!--Action buttons-->
                     <div v-if="!$isMobile()" class="flex items-center">
                         <ToolbarButton
-                            v-if="canShowConvertToTeamFolder"
-                            @click.native="$convertAsTeamFolder(clipboard[0])"
-                            :class="{
-                                'is-inactive': !canCreateTeamFolder,
-                            }"
-                            source="user-plus"
-                            :action="$t('convert_into_team_folder')"
-                        />
-                        <ToolbarButton
-                            v-if="!$isThisRoute($route, ['SharedWithMe', 'Public'])"
+                            v-if="!$isThisRoute($route, ['Public'])"
                             @click.native="$shareFileOrFolder(clipboard[0])"
                             :class="{
                                 'is-inactive': canShareInView,
@@ -121,7 +61,7 @@
                         <ToolbarButton
                             @click.native="$moveFileOrFolder(clipboard[0])"
                             :class="{
-                                'is-inactive': canMoveInView && !canEdit,
+                                'is-inactive': canMoveInView,
                             }"
                             source="move"
                             :action="$t('move')"
@@ -129,7 +69,7 @@
                         <ToolbarButton
                             @click.native="$deleteFileOrFolder(clipboard[0])"
                             :class="{
-                                'is-inactive': canDeleteInView && !canEdit,
+                                'is-inactive': canDeleteInView,
                             }"
                             source="trash"
                             :action="$t('delete')"
@@ -163,8 +103,6 @@
 </template>
 
 <script>
-import TeamMembersButton from '../../Teams/Components/TeamMembersButton'
-import TeamFolderPreview from '../../Teams/Components/TeamFolderPreview'
 import PopoverWrapper from '../../UI/Popover/PopoverWrapper'
 import FileSortingOptions from '../../Menus/FileSortingOptions'
 import PopoverItem from '../../UI/Popover/PopoverItem'
@@ -182,8 +120,6 @@ export default {
     name: 'DesktopToolbar',
     components: {
         FileSortingOptions,
-        TeamMembersButton,
-        TeamFolderPreview,
 		SearchBarButton,
         UploadProgress,
         PopoverWrapper,
@@ -197,71 +133,34 @@ export default {
     computed: {
         ...mapGetters([
             'isVisibleNavigationBars',
-            'currentTeamFolder',
             'currentFolder',
             'sharedDetail',
             'clipboard',
             'user',
         ]),
-        canEdit() {
-            if (this.currentTeamFolder && this.user) {
-                let member = this.currentTeamFolder.data.relationships.members.data.find(
-                    (member) => member.data.id === this.user.data.id
-                )
-
-                return member.data.attributes.permission === 'can-edit'
-            }
-
-            return false
-        },
-        teamFolder() {
-            return this.currentTeamFolder ? this.currentTeamFolder : this.clipboard[0]
-        },
-        isTeamFolderHomepage() {
-            return this.$isThisRoute(this.$route, ['TeamFolders']) && !this.$route.params.id
-        },
-        isSharedWithMe() {
-            return this.$isThisRoute(this.$route, ['SharedWithMe'])
-        },
-        isSharedWithMeHomepage() {
-            return this.$isThisRoute(this.$route, ['SharedWithMe']) && !this.$route.params.id
-        },
         canCreateFolder() {
-            return !this.$isThisRoute(this.$route, ['Files', 'Public', 'TeamFolders', 'SharedWithMe'])
-        },
-        canShowConvertToTeamFolder() {
-            return this.$isThisRoute(this.$route, ['Files', 'MySharedItems'])
+            return !this.$isThisRoute(this.$route, ['Files', 'Public'])
         },
         canUploadInView() {
-            return !this.$isThisRoute(this.$route, ['Files', 'RecentUploads', 'Public', 'TeamFolders', 'SharedWithMe'])
+            return !this.$isThisRoute(this.$route, ['Files', 'RecentUploads', 'Public'])
         },
         canUploadFolderInView() {
-            return !this.$isThisRoute(this.$route, ['Files', 'Public', 'TeamFolders', 'SharedWithMe'])
+            return !this.$isThisRoute(this.$route, ['Files', 'Public'])
         },
         canDeleteInView() {
-            let routes = ['TeamFolders', 'SharedWithMe', 'RecentUploads', 'MySharedItems', 'Trash', 'Public', 'Files']
+            let routes = ['RecentUploads', 'MySharedItems', 'Trash', 'Public', 'Files']
             return !this.$isThisRoute(this.$route, routes) || this.clipboard.length === 0
         },
         canMoveInView() {
-            let routes = ['SharedWithMe', 'RecentUploads', 'MySharedItems', 'Public', 'Files', 'TeamFolders']
+            let routes = ['RecentUploads', 'MySharedItems', 'Public', 'Files']
             return !this.$isThisRoute(this.$route, routes) || this.clipboard.length === 0
         },
         canShareInView() {
-            let routes = ['TeamFolders', 'RecentUploads', 'MySharedItems', 'Public', 'Files']
+            let routes = ['RecentUploads', 'MySharedItems', 'Public', 'Files']
             return !this.$isThisRoute(this.$route, routes) || this.clipboard.length > 1 || this.clipboard.length === 0
         },
-        canCreateTeamFolder() {
-            return (
-                this.$isThisRoute(this.$route, ['MySharedItems', 'Files']) &&
-                this.clipboard.length === 1 &&
-                this.clipboard[0].data.type === 'folder'
-            )
-        },
     },
     methods: {
-        showTeamFolderMenu() {
-            if (this.teamFolder) events.$emit('popover:open', 'team-folder')
-        },
         showCreateMenu() {
             events.$emit('popover:open', 'desktop-create')
         },

resources/js/components/Layout/Toolbars/DesktopUploadRequestToolbar.vue

@@ -1,144 +0,0 @@
-<template>
-    <div class="hidden lg:block">
-        <div class="flex items-center justify-between py-3">
-            <NavigationBar />
-
-            <div class="flex items-center">
-
-				<!--I am Done-->
-                <div @click="uploadingDone" class="bg-theme-200 mr-6 flex cursor-pointer items-center rounded-lg py-1 pr-1 pl-4">
-                    <b class="text-theme mr-3 text-sm leading-3">
-                        {{ $t('tell_you_are_done', {name: uploadRequest.data.relationships.user.data.attributes.name}) }}
-                    </b>
-					<MemberAvatar
-						:member="uploadRequest.data.relationships.user"
-						:size="34"
-					/>
-                </div>
-
-                <!--Create button-->
-                <PopoverWrapper>
-                    <ToolbarButton
-                        @click.stop.native="showCreateMenu"
-                        source="cloud-plus"
-                        :action="$t('create_something')"
-                    />
-                    <PopoverItem name="desktop-create" side="left">
-                        <OptionGroup :title="$t('frequently_used')">
-                            <OptionUpload :title="$t('upload_files')" type="file" />
-                            <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>
-
-                <!--File Controls-->
-                <div v-if="!$isMobile()" class="ml-5 flex items-center xl:ml-8">
-                    <ToolbarButton
-                        @click.native="$moveFileOrFolder(clipboard[0])"
-                        :class="{
-                            'is-inactive': !canManipulate,
-                        }"
-                        source="move"
-                        :action="$t('move')"
-                    />
-                    <ToolbarButton
-                        @click.native="$deleteFileOrFolder(clipboard[0])"
-                        :class="{
-                            'is-inactive': !canManipulate,
-                        }"
-                        source="trash"
-                        :action="$t('delete')"
-                    />
-                </div>
-
-                <!--View Controls-->
-                <div class="ml-5 flex items-center xl:ml-8">
-                    <PopoverWrapper>
-                        <ToolbarButton
-                            @click.stop.native="showSortingMenu"
-                            source="preview-sorting"
-                            :action="$t('sorting_view')"
-                        />
-                        <PopoverItem name="desktop-sorting" side="left">
-                            <FileSortingOptions />
-                        </PopoverItem>
-                    </PopoverWrapper>
-                    <ToolbarButton
-                        @click.native="$store.dispatch('fileInfoToggle')"
-                        :action="$t('info_panel')"
-                        source="info"
-                    />
-                </div>
-            </div>
-        </div>
-
-        <UploadProgress />
-    </div>
-</template>
-
-<script>
-import PopoverWrapper from '../../UI/Popover/PopoverWrapper'
-import FileSortingOptions from '../../Menus/FileSortingOptions'
-import PopoverItem from '../../UI/Popover/PopoverItem'
-import UploadProgress from '../../UI/Others/UploadProgress'
-import NavigationBar from './NavigationBar'
-import ToolbarButton from '../../UI/Buttons/ToolbarButton'
-import MemberAvatar from "../../UI/Others/MemberAvatar"
-import OptionUpload from '../../Menus/Components/OptionUpload'
-import OptionGroup from '../../Menus/Components/OptionGroup'
-import { events } from '../../../bus'
-import { mapGetters } from 'vuex'
-import Option from '../../Menus/Components/Option'
-
-export default {
-    name: 'DesktopUploadRequestToolbar',
-    components: {
-        FileSortingOptions,
-        UploadProgress,
-        PopoverWrapper,
-        NavigationBar,
-        ToolbarButton,
-		MemberAvatar,
-        OptionUpload,
-        OptionGroup,
-        PopoverItem,
-        Option,
-    },
-    computed: {
-        ...mapGetters(['isVisibleNavigationBars', 'currentTeamFolder', 'currentFolder', 'sharedDetail', 'clipboard', 'uploadRequest']),
-        canManipulate() {
-            return this.clipboard[0]
-        },
-    },
-    methods: {
-        uploadingDone() {
-			events.$emit('confirm:open', {
-				title: this.$t('closing_request_for_upload', {name: this.uploadRequest.data.relationships.user.data.attributes.name}),
-				message: this.$t('closing_request_for_upload_warn'),
-				action: {
-					id: this.$router.currentRoute.params.token,
-					operation: 'close-upload-request',
-				},
-			})
-        },
-        showCreateMenu() {
-            events.$emit('popover:open', 'desktop-create')
-        },
-        showSortingMenu() {
-            events.$emit('popover:open', 'desktop-sorting')
-        },
-    },
-}
-</script>

resources/js/components/Layout/Toolbars/MobileToolbar.vue

@@ -5,12 +5,6 @@
         <NavigationBar />
 
         <div class="relative flex items-center">
-            <TeamMembersButton
-                v-if="$isThisRoute($route, ['TeamFolders', 'SharedWithMe'])"
-                size="28"
-                @click.stop.native="$showMobileMenu('team-menu')"
-                class="absolute right-10"
-            />
 
             <!--More Actions-->
             <div class="flex items-center relative mr-[4px]">
@@ -24,8 +18,6 @@
 </template>
 
 <script>
-import TeamMembersPreview from '../../Teams/Components/TeamMembersPreview'
-import TeamMembersButton from '../../Teams/Components/TeamMembersButton'
 import { MenuIcon } from 'vue-feather-icons'
 import NavigationBar from './NavigationBar'
 
@@ -33,8 +25,6 @@ export default {
     name: 'MobileToolBar',
     components: {
         NavigationBar,
-        TeamMembersPreview,
-        TeamMembersButton,
         MenuIcon,
     },
     methods: {

resources/js/components/Layout/Toolbars/MobileUploadRequestToolbar.vue

@@ -1,30 +0,0 @@
-<template>
-    <div
-        class="sticky top-0 z-[19] block flex w-full items-center justify-between bg-white py-5 px-4 text-center dark:bg-dark-background lg:hidden"
-    >
-        <NavigationBar />
-    </div>
-</template>
-
-<script>
-import TeamMembersPreview from '../../Teams/Components/TeamMembersPreview'
-import TeamMembersButton from '../../Teams/Components/TeamMembersButton'
-import { MenuIcon } from 'vue-feather-icons'
-import NavigationBar from './NavigationBar'
-
-export default {
-    name: 'MobileUploadRequestToolBar',
-    components: {
-        NavigationBar,
-        TeamMembersPreview,
-        TeamMembersButton,
-        MenuIcon,
-    },
-    methods: {
-        showMobileNavigation() {
-            this.$showMobileMenu('user-navigation')
-            this.$store.commit('DISABLE_MULTISELECT_MODE')
-        },
-    },
-}
-</script>