mirror of
https://github.com/nextcloud/desktop.git
synced 2024-12-22 05:34:33 +03:00
144 lines
3.8 KiB
QML
144 lines
3.8 KiB
QML
/*
|
|
* Copyright (C) by Felix Weilbach <felix.weilbach@nextcloud.com>
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 2 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but
|
|
* WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
|
|
* or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
|
|
* for more details.
|
|
*/
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import Style 1.0
|
|
import com.nextcloud.desktopclient 1.0 as NC
|
|
|
|
ColumnLayout {
|
|
NC.EmojiModel {
|
|
id: emojiModel
|
|
}
|
|
|
|
signal chosen(string emoji)
|
|
|
|
spacing: 0
|
|
|
|
FontMetrics {
|
|
id: metrics
|
|
}
|
|
|
|
ListView {
|
|
id: headerLayout
|
|
Layout.fillWidth: true
|
|
Layout.margins: 1
|
|
implicitWidth: contentItem.childrenRect.width
|
|
implicitHeight: metrics.height * 2
|
|
|
|
orientation: ListView.Horizontal
|
|
|
|
model: emojiModel.emojiCategoriesModel
|
|
|
|
delegate: ItemDelegate {
|
|
id: headerDelegate
|
|
width: metrics.height * 2
|
|
height: headerLayout.height
|
|
|
|
background: Rectangle {
|
|
color: Style.lightHover
|
|
visible: ListView.isCurrentItem || headerDelegate.highlighted || headerDelegate.checked || headerDelegate.down || headerDelegate.hovered
|
|
radius: Style.slightlyRoundedButtonRadius
|
|
}
|
|
|
|
contentItem: Label {
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
text: emoji
|
|
color: Style.ncTextColor
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.bottom: parent.bottom
|
|
|
|
width: parent.width
|
|
height: Style.thickBorderWidth
|
|
|
|
visible: ListView.isCurrentItem
|
|
|
|
color: Style.menuBorder
|
|
}
|
|
|
|
|
|
onClicked: {
|
|
emojiModel.setCategory(label)
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Rectangle {
|
|
height: Style.normalBorderWidth
|
|
Layout.fillWidth: true
|
|
color: Style.menuBorder
|
|
}
|
|
|
|
GridView {
|
|
id: emojiView
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.preferredHeight: metrics.height * 8
|
|
Layout.margins: Style.normalBorderWidth
|
|
|
|
cellWidth: metrics.height * 2
|
|
cellHeight: metrics.height * 2
|
|
|
|
boundsBehavior: Flickable.DragOverBounds
|
|
clip: true
|
|
|
|
model: emojiModel.model
|
|
|
|
delegate: ItemDelegate {
|
|
id: emojiDelegate
|
|
|
|
width: metrics.height * 2
|
|
height: metrics.height * 2
|
|
|
|
background: Rectangle {
|
|
color: Style.lightHover
|
|
visible: ListView.isCurrentItem || emojiDelegate.highlighted || emojiDelegate.checked || emojiDelegate.down || emojiDelegate.hovered
|
|
radius: Style.slightlyRoundedButtonRadius
|
|
}
|
|
|
|
contentItem: Label {
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
text: modelData === undefined ? "" : modelData.unicode
|
|
color: Style.ncTextColor
|
|
}
|
|
|
|
onClicked: {
|
|
chosen(modelData.unicode);
|
|
emojiModel.emojiUsed(modelData);
|
|
}
|
|
}
|
|
|
|
Label {
|
|
id: placeholderMessage
|
|
width: parent.width * 0.8
|
|
anchors.centerIn: parent
|
|
text: qsTr("No recent emojis")
|
|
color: Style.ncSecondaryTextColor
|
|
wrapMode: Text.Wrap
|
|
font.bold: true
|
|
visible: emojiView.count === 0
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {}
|
|
|
|
}
|
|
|
|
}
|