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

add change folder icon to rename item popup

Browse Source
This commit is contained in:
Milos Holba
2021-01-17 10:24:13 +01:00
parent 77b126b85a
commit ce1bad57cd
14 changed files with 37324 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
resources/js/components/Others/ThumbnailItem.vue
View File

@@ -14,7 +14,9 @@
<img v-if="isImage" class="image" :src="item.thumbnail" :alt="item.name"/>
<!--Else show only folder icon-->
<FontAwesomeIcon v-if="isFolder" class="folder-icon" icon="folder"/>
<FontAwesomeIcon ref="folderIcon" v-if="isFolder && !folderIconHandle" class="folder-icon" icon="folder"/>
<div v-if="isFolder && folderIconHandle" class="folder-emoji">{{folderIconHandle}}</div>
</div>
<!--Name-->
@@ -44,9 +46,43 @@
export default {
name: 'ThumbnailItem',
props: ['item', 'info'],
props: ['item', 'info', 'setFolderIcon'],
computed: {
...mapGetters(['currentFolder']),
folderIconHandle(){
let icon = undefined
// Set icon folder if set folder from rename popup
if(this.setFolderIcon){
if(this.setFolderIcon.color)
this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.setFolderIcon.color}`
})
icon = false
if(this.setFolderIcon.emoji)
icon = this.setFolderIcon.emoji.char
}
// If folder have already set some icon
if(!this.setFolderIcon && (this.item.folder_icon_emoji || this.item.folder_icon_color)){
if(this.item.folder_icon_emoji !== null)
icon = JSON.parse(this.item.folder_icon_emoji).char
if(this.item.folder_icon_color !== null){
this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.item.folder_icon_color}`
})
icon = false
}
}
return icon
},
isFolder() {
return this.item.type === 'folder'
},
@@ -106,6 +142,10 @@
text-align: center;
line-height: 0;
.folder-emoji {
@include font-size(32)
}
.file-icon {
@include font-size(35);