107 lines
3.4 KiB
QML
107 lines
3.4 KiB
QML
|
import QtQuick 2.13
|
||
|
|
import QtQuick.Layouts 1.3
|
||
|
|
import "../../../../imports"
|
||
|
|
import "../../../../shared"
|
||
|
|
|
||
|
|
|
||
|
|
Item {
|
||
|
|
property int imageWidth: 26
|
||
|
|
property int imageMargin: 4
|
||
|
|
|
||
|
|
id: emojiSection
|
||
|
|
|
||
|
|
anchors.top: index === 0 ? parent.top : parent.children[index - 1].bottom
|
||
|
|
anchors.topMargin: index === 0 ? 0 : Style.current.padding
|
||
|
|
|
||
|
|
width: parent.width
|
||
|
|
height: childrenRect.height + Style.current.padding
|
||
|
|
|
||
|
|
StyledText {
|
||
|
|
id: categoryText
|
||
|
|
text: modelData && modelData.length ? modelData[0].category.toUpperCase() : ""
|
||
|
|
color: Style.current.darkGrey
|
||
|
|
font.pixelSize: 13
|
||
|
|
}
|
||
|
|
|
||
|
|
StyledText {
|
||
|
|
visible: !!(modelData && modelData.length && modelData[0].empty)
|
||
|
|
text: qsTr("No recent emojis")
|
||
|
|
color: Style.current.darkGrey
|
||
|
|
font.pixelSize: 10
|
||
|
|
anchors.top: categoryText.bottom
|
||
|
|
anchors.topMargin: Style.current.smallPadding
|
||
|
|
}
|
||
|
|
|
||
|
|
Component.onCompleted: {
|
||
|
|
modelData.forEach(function (emoji) {
|
||
|
|
if (emoji.empty) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
emojiModel.append({filename: emoji.unicode + '.png'})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
ListModel {
|
||
|
|
id: emojiModel
|
||
|
|
}
|
||
|
|
|
||
|
|
GridView {
|
||
|
|
id: emojiGrid
|
||
|
|
anchors.top: categoryText.bottom
|
||
|
|
anchors.topMargin: Style.current.smallPadding
|
||
|
|
width: parent.width
|
||
|
|
height: childrenRect.height
|
||
|
|
visible: count > 0
|
||
|
|
cellWidth: emojiSection.imageWidth + emojiSection.imageMargin * 2
|
||
|
|
cellHeight: emojiSection.imageWidth + emojiSection.imageMargin * 2
|
||
|
|
model: emojiModel
|
||
|
|
focus: true
|
||
|
|
clip: true
|
||
|
|
interactive: false
|
||
|
|
|
||
|
|
delegate: Item {
|
||
|
|
width: emojiGrid.cellWidth
|
||
|
|
height: emojiGrid.cellHeight
|
||
|
|
|
||
|
|
Column {
|
||
|
|
anchors.fill: parent
|
||
|
|
anchors.topMargin: emojiSection.imageMargin
|
||
|
|
anchors.leftMargin: emojiSection.imageMargin
|
||
|
|
|
||
|
|
SVGImage {
|
||
|
|
width: emojiSection.imageWidth
|
||
|
|
height: emojiSection.imageWidth
|
||
|
|
source: "../../../../imports/twemoji/26x26/" + filename
|
||
|
|
|
||
|
|
MouseArea {
|
||
|
|
cursorShape: Qt.PointingHandCursor
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: {
|
||
|
|
const extenstionIndex = filename.lastIndexOf('.');
|
||
|
|
let iconCodePoint = filename
|
||
|
|
if (extenstionIndex > -1) {
|
||
|
|
iconCodePoint = iconCodePoint.substring(0, extenstionIndex)
|
||
|
|
}
|
||
|
|
|
||
|
|
// Split the filename to get all the parts and then encode them from hex to utf8
|
||
|
|
const splitCodePoint = iconCodePoint.split('-')
|
||
|
|
let codePointParts = []
|
||
|
|
splitCodePoint.forEach(function (codePoint) {
|
||
|
|
codePointParts.push(`0x${codePoint}`)
|
||
|
|
})
|
||
|
|
const encodedIcon = String.fromCodePoint(...codePointParts);
|
||
|
|
popup.addToChat(encodedIcon + ' ') // Adding a space because otherwise, some emojis would fuse since it's just an emoji is just a string
|
||
|
|
popup.close()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*##^##
|
||
|
|
Designer {
|
||
|
|
D{i:0;formeditorColor:"#ffffff";height:440;width:360}
|
||
|
|
}
|
||
|
|
##^##*/
|