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

add tweomji transfer for single emojis

Browse Source
This commit is contained in:
Milos Holba
2021-02-01 19:43:30 +01:00
parent 9c147165e1
commit ba5e05f77a
6 changed files with 191 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/SetFolderIcon.vue
+12 -10
View File
@@ -9,7 +9,7 @@
<div @click="openMenu" v-if="!selectOpen" class="select-input-wrapper">
<div class="select-input" v-if="selectedEmoji">
<div class="emoji-preview">{{selectedEmoji.char}}</div>
<div class="emoji-preview" v-html="setEmoji"></div>
<span>{{selectedEmoji.name}}</span>
</div>
@@ -70,6 +70,9 @@
SmileIcon,
},
computed: {
setEmoji(){
return this.$transferSingleTwemoji(this.selectedEmoji.char, false)
},
allEmoji() {
let emojisList = this.emojis
@@ -77,7 +80,6 @@
emojisList = this.emojis.filter(emoji => emoji.name.includes(this.searchEmoji))
}
this.$emojisCustomize('emoji-list')
return emojisList ? emojisList : "Not Found"
},
@@ -98,24 +100,24 @@
openMenu() {
this.selectOpen = ! this.selectOpen
this.$emojisCustomize('emoji-list')
this.$transferListTwemoji('emoji-list')
},
setIcon(value) {
if(value.emoji)
if(value.emoji){
this.selectedEmoji = value.emoji
this.selectedColor = undefined
}
if(value.color)
if(value.color) {
this.selectedColor = value.color
this.selectedEmoji = undefined
}
events.$emit('setFolderIcon', {'value':value, 'unique_id':this.unique_id})
this.selectOpen = false
this.$emojisCustomize()
}
},
},
mounted () {
this.selectOpen = false
resources/js/components/Others/ThumbnailItem.vue
+7 -6
View File
@@ -16,7 +16,7 @@
<!--Else show only folder icon-->
<FontAwesomeIcon ref="folderIcon" v-if="isFolder && !folderIconHandle" class="folder-icon" icon="folder"/>
<div v-if="isFolder && folderIconHandle" class="folder-emoji">{{folderIconHandle}}</div>
<div v-if="isFolder && folderIconHandle" v-html="folderIconHandle" class="folder-emoji"></div>
</div>
<!--Name-->
@@ -52,13 +52,11 @@
folderIconHandle(){
this.$emojisCustomize()
// Set icon folder if set folder from rename popup
if(this.setFolderIcon){
return this.setFolderIcon.emoji
? this.setFolderIcon.emoji.char
? this.$transferSingleTwemoji(this.setFolderIcon.emoji.char, false)
: this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.setFolderIcon.color}`
})
@@ -68,7 +66,7 @@
if(!this.setFolderIcon && (this.item.icon_emoji || this.item.icon_color)){
return this.item.icon_emoji
? JSON.parse(this.item.icon_emoji).char
? this.$transferSingleTwemoji(this.item.icon_emoji, true)
: this.$nextTick(() => {
this.$refs.folderIcon.firstElementChild.style.fill = `${this.item.icon_color}`
})
@@ -130,11 +128,14 @@
.icon-item {
position: relative;
min-width: 52px;
display: flex;
text-align: center;
justify-content: center;
line-height: 0;
.folder-emoji {
@include font-size(32)
width: 36px;
height: 36px;
}
.file-icon {