status-desktop/ui/imports/shared/views/chat/NewMessagesMarker.qml

74 lines
1.8 KiB
QML

import QtQuick 2.14
import QtQuick.Layouts 1.14
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
Item {
id: root
property double timestamp
property int count
implicitHeight: 28
RowLayout {
anchors {
left: parent.left
right: parent.right
leftMargin: 16
rightMargin: 16
verticalCenter: parent.verticalCenter
}
spacing: 8
Rectangle {
Layout.fillWidth: true
implicitHeight: 1
color: Theme.palette.primaryColor1
}
StatusBaseText {
text: qsTr("%n missed message(s) since %1", "", count).arg(new Date(timestamp).toLocaleDateString())
color: Theme.palette.primaryColor1
font.weight: Font.Bold
font.pixelSize: 13
}
Item {
Layout.fillWidth: true
Layout.fillHeight: true
RowLayout {
width: parent.width
anchors.verticalCenter: parent.verticalCenter
spacing: 0
Rectangle {
Layout.fillWidth: true
implicitHeight: 1
color: Theme.palette.primaryColor1
}
Rectangle {
implicitHeight: 16
implicitWidth: newLabel.width + 2*4
radius: 4
color: Theme.palette.primaryColor1
StatusBaseText {
id: newLabel
anchors.centerIn: parent
text: qsTr("NEW", "new message(s)")
color: Theme.palette.indirectColor1
font.weight: Font.DemiBold
font.pixelSize: 11
}
}
}
}
}
}