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

bulk-operations fixed moveItem popup Three, fixed multiSelect with Shift from bottom to top

Browse Source
This commit is contained in:
Milos Holba
2020-11-30 18:49:54 +01:00
parent 58f7479380
commit 8561556f5c
10 changed files with 138 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
resources/js/components/FilesView/FileItemGrid.vue
View File

@@ -11,8 +11,7 @@
@dragstart="$emit('dragstart')"
@drop="
drop()
area = false
"
area = false"
@dragleave="dragLeave"
@dragover.prevent="dragEnter"
class="file-item"
@@ -197,19 +196,19 @@
this.$store.commit('CLEAR_FILEINFO_DETAIL')
}
//Shift selecting from top to bottom
if(lastItem < clickedItem) {
for(let i=lastItem ; i<=clickedItem; i++ ) {
this.$store.commit('GET_FILEINFO_DETAIL', this.allData[i])
}
//Shift selecting from bottom to top
}else {
for(let i=clickedItem ; i<=lastItem; i++ ) {
for(let i=lastItem ; i>=clickedItem; i-- ) {
this.$store.commit('GET_FILEINFO_DETAIL', this.allData[i])
}
}
}else {
// Click
events.$emit('fileItem:deselect')
this.$store.commit('CLEAR_FILEINFO_DETAIL')
this.$store.commit('GET_FILEINFO_DETAIL', this.data)
}
@@ -290,16 +289,10 @@
this.mobileMultiSelect = false
this.$store.commit('CLEAR_FILEINFO_DETAIL')
})
events.$on('fileItem:deselect', () => {
// Deselect file
this.$store.commit('CLEAR_FILEINFO_DETAIL')
})
// Change item name
events.$on('change:name', (item) => {
if (this.data.unique_id == item.unique_id) this.itemName = item.name
})
// Change item name
events.$on('change:name', (item) => {
if (this.data.unique_id == item.unique_id) this.itemName = item.name
})
}
}
</script>
@@ -309,20 +302,20 @@
@import '@assets/vue-file-manager/_mixins';
.check-select {
margin-right: 10px;
margin-left: 3px;
position: absolute;
top: -10px;
z-index: 5;
left: 0px;
}
margin-right: 10px;
margin-left: 3px;
position: absolute;
top: -10px;
z-index: 5;
left: 0px;
}
.check-select-folder {
margin-right: 10px;
margin-left: 3px;
position: absolute;
top: 8px;
z-index: 5;
left: 10px;
margin-right: 10px;
margin-left: 3px;
position: absolute;
top: 8px;
z-index: 5;
left: 10px;
}
.select-box {
width: 20px;