-
-
- {{ $t('file_detail.selected_multiple') }}
- {{this.fileInfoDetail.length}} {{ $tc('file_detail.items', this.fileInfoDetail.length) }}
-
-
-
-
- {{ $t('file_detail.selected_multiple') }}
- {{this.fileInfoDetail.length}} {{ $tc('file_detail.items', this.fileInfoDetail.length) }}
-
-
-
- {{ this.dragedItem.name }}
-
+
+
+ {{title }}
+ {{subtitle }}
@@ -30,47 +19,14 @@ import {events} from '@/bus'
export default {
name:'MultiSelected',
- props: [ 'moveItem' , 'isGhost' ],
+ props: [ 'title' , 'subtitle' ],
components: {CheckSquareIcon},
- computed: {
- ...mapGetters(['fileInfoDetail']),
- // If the draged item is not in selected items
- noSelectedItem() {
- return !this.fileInfoDetail.includes(this.dragedItem)
- }
- },
- data () {
- return {
- dragedItem: undefined,
- }
- },
- mounted () {
-
- // Hnadle Drag & Drop Ghost show
- if(this.isGhost) {
- events.$on('dragstart', (data) => {
- this.dragedItem = data
- })
- }
- }
-
}
diff --git a/resources/js/components/Others/MoveItem.vue b/resources/js/components/Others/MoveItem.vue
index bb35e127..9915c941 100644
--- a/resources/js/components/Others/MoveItem.vue
+++ b/resources/js/components/Others/MoveItem.vue
@@ -13,7 +13,10 @@
-
+
@@ -139,6 +142,8 @@
diff --git a/resources/js/views/Shared/SharedPage.vue b/resources/js/views/Shared/SharedPage.vue
index 7b3f529f..2316e719 100644
--- a/resources/js/views/Shared/SharedPage.vue
+++ b/resources/js/views/Shared/SharedPage.vue
@@ -16,8 +16,8 @@
-
-
+
+
@@ -114,7 +114,7 @@
import FileFullPreview from '@/components/FilesView/FileFullPreview'
import DesktopToolbar from '@/components/FilesView/DesktopToolbar'
import ContentSidebar from '@/components/Sidebar/ContentSidebar'
- import MultiSelected from '@/components/FilesView/MultiSelected'
+ import DragUI from '@/components/FilesView/DragUI'
import FileItemGrid from '@/components/FilesView/FileItemGrid'
import ContentGroup from '@/components/Sidebar/ContentGroup'
import FileBrowser from '@/components/FilesView/FileBrowser'
@@ -146,7 +146,7 @@
FileFullPreview,
DesktopToolbar,
ContentSidebar,
- MultiSelected,
+ DragUI,
FileItemGrid,
ContentGroup,
AuthContent,
@@ -188,7 +188,6 @@
isPageLoading: true,
currentPage: undefined,
homeDirectory: undefined,
- draged: false,
}
},
methods: {
@@ -268,16 +267,6 @@
},
created() {
- // Hnadle Drag & Drop Ghost show
- events.$on('dragstart', (data) => {
- setTimeout(() => {
- this.draged = true
- }, 50);
- })
- events.$on('drop', () => {
- this.draged = false
- })
-
axios
.get('/api/shared/' + this.$route.params.token, )
.then(response => {