121 lines
3.9 KiB
QML
121 lines
3.9 KiB
QML
|
/*
|
||
|
|
Copyright (C) 2020 Sebastian J. Wolf and other contributors
|
||
|
|
|
||
|
|
This file is part of Fernschreiber.
|
||
|
|
|
||
|
|
Fernschreiber 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 3 of the License, or
|
||
|
|
(at your option) any later version.
|
||
|
|
|
||
|
|
Fernschreiber 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.
|
||
|
|
|
||
|
|
You should have received a copy of the GNU General Public License
|
||
|
|
along with Fernschreiber. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
*/
|
||
|
|
import QtQuick 2.6
|
||
|
|
import Sailfish.Silica 1.0
|
||
|
|
import "../components"
|
||
|
|
import "../js/functions.js" as Functions
|
||
|
|
import "../js/twemoji.js" as Emoji
|
||
|
|
|
||
|
|
Item {
|
||
|
|
id: pinnedMessageItem
|
||
|
|
|
||
|
|
property var pinnedMessage;
|
||
|
|
|
||
|
|
onPinnedMessageChanged: {
|
||
|
|
if (pinnedMessage) {
|
||
|
|
console.log("[ChatPage] Activating pinned message");
|
||
|
|
pinnedMessageUserText.text = (pinnedMessage.sender_user_id !== chatPage.myUserId) ? Emoji.emojify(Functions.getUserName(tdLibWrapper.getUserInformation(pinnedMessage.sender_user_id)), pinnedMessageUserText.font.pixelSize) : qsTr("You");
|
||
|
|
pinnedMessageText.text = Emoji.emojify(Functions.getMessageText(pinnedMessage, true, pinnedMessage.sender_user_id === chatPage.myUserId), pinnedMessageText.font.pixelSize);
|
||
|
|
pinnedMessageItem.visible = true;
|
||
|
|
} else {
|
||
|
|
pinnedMessageItem.visible = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
visible: false
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.right: parent.right
|
||
|
|
height: pinnedMessageRow.height
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
id: pinnedMessageBackground
|
||
|
|
anchors.fill: parent
|
||
|
|
opacity: 0.1
|
||
|
|
color: Theme.secondaryColor
|
||
|
|
}
|
||
|
|
|
||
|
|
Row {
|
||
|
|
id: pinnedMessageRow
|
||
|
|
|
||
|
|
width: parent.width
|
||
|
|
|
||
|
|
IconButton {
|
||
|
|
id: pinnedMessageButton
|
||
|
|
width: Theme.itemSizeLarge
|
||
|
|
height: Theme.itemSizeLarge
|
||
|
|
icon.source: "image://theme/icon-m-mark-unread"
|
||
|
|
onClicked: {
|
||
|
|
console.log("Opening pinned message");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Column {
|
||
|
|
id: pinnedMessageColumn
|
||
|
|
spacing: Theme.paddingSmall
|
||
|
|
width: parent.width - pinnedMessageButton.width - removePinnedMessageIconButton.width
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
|
||
|
|
Text {
|
||
|
|
id: pinnedMessageUserText
|
||
|
|
|
||
|
|
width: parent.width
|
||
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
||
|
|
font.weight: Font.ExtraBold
|
||
|
|
color: Theme.primaryColor
|
||
|
|
maximumLineCount: 1
|
||
|
|
elide: Text.ElideRight
|
||
|
|
textFormat: Text.StyledText
|
||
|
|
horizontalAlignment: Text.AlignLeft
|
||
|
|
MouseArea {
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: {
|
||
|
|
console.log("Opening pinned message");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Text {
|
||
|
|
id: pinnedMessageText
|
||
|
|
|
||
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
||
|
|
color: Theme.primaryColor
|
||
|
|
width: parent.width
|
||
|
|
elide: Text.ElideRight
|
||
|
|
maximumLineCount: 1
|
||
|
|
textFormat: Text.StyledText
|
||
|
|
MouseArea {
|
||
|
|
anchors.fill: parent
|
||
|
|
onClicked: {
|
||
|
|
console.log("Opening pinned message");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
IconButton {
|
||
|
|
id: removePinnedMessageIconButton
|
||
|
|
icon.source: "image://theme/icon-m-clear"
|
||
|
|
anchors.verticalCenter: parent.verticalCenter
|
||
|
|
onClicked: {
|
||
|
|
pinnedMessage = undefined;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|