99 lines
2.9 KiB
QML
99 lines
2.9 KiB
QML
|
import QtQuick 2.13
|
||
|
|
import QtQuick.Controls 2.13
|
||
|
|
import QtQuick.Layouts 1.3
|
||
|
|
import QtGraphicalEffects 1.0
|
||
|
|
import "../../../../imports"
|
||
|
|
import "../../../../shared"
|
||
|
|
import "../ChatColumn/samples"
|
||
|
|
|
||
|
|
import "./emojiList.js" as EmojiJSON
|
||
|
|
|
||
|
|
Popup {
|
||
|
|
id: popup
|
||
|
|
modal: false
|
||
|
|
property int selectedPackId
|
||
|
|
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
|
||
|
|
background: Rectangle {
|
||
|
|
radius: 8
|
||
|
|
border.color: Theme.grey
|
||
|
|
layer.enabled: true
|
||
|
|
layer.effect: DropShadow{
|
||
|
|
verticalOffset: 3
|
||
|
|
radius: 8
|
||
|
|
samples: 15
|
||
|
|
fast: true
|
||
|
|
cached: true
|
||
|
|
color: "#22000000"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
ListModel {
|
||
|
|
id: emojiModel
|
||
|
|
}
|
||
|
|
|
||
|
|
Component.onCompleted: {
|
||
|
|
EmojiJSON.emoji_json.forEach(function (emoji) {
|
||
|
|
emojiModel.append({filename: emoji})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
contentItem: ColumnLayout {
|
||
|
|
parent: popup
|
||
|
|
anchors.fill: parent
|
||
|
|
spacing: 0
|
||
|
|
|
||
|
|
Item {
|
||
|
|
Layout.fillWidth: true
|
||
|
|
Layout.leftMargin: 4
|
||
|
|
Layout.rightMargin: 4
|
||
|
|
Layout.topMargin: 4
|
||
|
|
Layout.bottomMargin: 0
|
||
|
|
Layout.alignment: Qt.AlignTop | Qt.AlignLeft
|
||
|
|
Layout.preferredHeight: 400 - 4
|
||
|
|
|
||
|
|
GridView {
|
||
|
|
property int imageWidth: 26
|
||
|
|
property int imageMargin: 4
|
||
|
|
|
||
|
|
id: emojiGrid
|
||
|
|
visible: count > 0
|
||
|
|
anchors.fill: parent
|
||
|
|
cellWidth: imageWidth + emojiGrid.imageMargin * 2
|
||
|
|
cellHeight: imageWidth + emojiGrid.imageMargin * 2
|
||
|
|
model: emojiModel
|
||
|
|
focus: true
|
||
|
|
clip: true
|
||
|
|
delegate: Item {
|
||
|
|
width: emojiGrid.cellWidth
|
||
|
|
height: emojiGrid.cellHeight
|
||
|
|
Column {
|
||
|
|
anchors.fill: parent
|
||
|
|
anchors.topMargin: emojiGrid.imageMargin
|
||
|
|
anchors.leftMargin: emojiGrid.imageMargin
|
||
|
|
Image {
|
||
|
|
width: emojiGrid.imageWidth
|
||
|
|
height: emojiGrid.imageWidth
|
||
|
|
source: "../../../../imports/twemoji/26x26/" + filename
|
||
|
|
fillMode: Image.PreserveAspectFit
|
||
|
|
MouseArea {
|
||
|
|
cursorShape: Qt.PointingHandCursor
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: {
|
||
|
|
console.log('SELECT')
|
||
|
|
// chatsModel.sendSticker(hash, popup.selectedPackId)
|
||
|
|
popup.close()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*##^##
|
||
|
|
Designer {
|
||
|
|
D{i:0;formeditorColor:"#ffffff";height:440;width:360}
|
||
|
|
}
|
||
|
|
##^##*/
|