Replaces tabs with spaces (properly)
This commit is contained in:
parent
e9d5c9e27e
commit
e6d84ece34
2 changed files with 77 additions and 77 deletions
|
@ -35,77 +35,77 @@ import QtQuick.Controls 2.0 as Controls
|
|||
import org.kde.kirigami 2.0 as Kirigami
|
||||
|
||||
RowLayout {
|
||||
id: root
|
||||
id: root
|
||||
|
||||
property bool sentByMe: true
|
||||
property string messageBody
|
||||
property date dateTime
|
||||
property bool isRead: false
|
||||
property string recipientAvatarUrl
|
||||
property bool sentByMe: true
|
||||
property string messageBody
|
||||
property date dateTime
|
||||
property bool isRead: false
|
||||
property string recipientAvatarUrl
|
||||
|
||||
// own messages are on the right, others on the left
|
||||
layoutDirection: sentByMe ? Qt.RightToLeft : Qt.LeftToRight
|
||||
spacing: Kirigami.Units.largeSpacing
|
||||
width: parent.width - Kirigami.Units.largeSpacing * 4
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
// own messages are on the right, others on the left
|
||||
layoutDirection: sentByMe ? Qt.RightToLeft : Qt.LeftToRight
|
||||
spacing: Kirigami.Units.largeSpacing
|
||||
width: parent.width - Kirigami.Units.largeSpacing * 4
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
|
||||
RoundImage {
|
||||
id: avatar
|
||||
visible: !sentByMe
|
||||
source: recipientAvatarUrl
|
||||
fillMode: Image.PreserveAspectFit
|
||||
mipmap: true
|
||||
height: width
|
||||
Layout.preferredHeight: Kirigami.Units.gridUnit * 2.2
|
||||
Layout.preferredWidth: Kirigami.Units.gridUnit * 2.2
|
||||
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
|
||||
sourceSize.height: Kirigami.Units.gridUnit * 2.2
|
||||
sourceSize.width: Kirigami.Units.gridUnit * 2.2
|
||||
}
|
||||
RoundImage {
|
||||
id: avatar
|
||||
visible: !sentByMe
|
||||
source: recipientAvatarUrl
|
||||
fillMode: Image.PreserveAspectFit
|
||||
mipmap: true
|
||||
height: width
|
||||
Layout.preferredHeight: Kirigami.Units.gridUnit * 2.2
|
||||
Layout.preferredWidth: Kirigami.Units.gridUnit * 2.2
|
||||
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
|
||||
sourceSize.height: Kirigami.Units.gridUnit * 2.2
|
||||
sourceSize.width: Kirigami.Units.gridUnit * 2.2
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: box
|
||||
Layout.preferredWidth: content.width + Kirigami.Units.gridUnit * 0.9
|
||||
Layout.preferredHeight: content.height + Kirigami.Units.gridUnit * 0.6
|
||||
Rectangle {
|
||||
id: box
|
||||
Layout.preferredWidth: content.width + Kirigami.Units.gridUnit * 0.9
|
||||
Layout.preferredHeight: content.height + Kirigami.Units.gridUnit * 0.6
|
||||
|
||||
color: sentByMe ? Kirigami.Theme.complementaryTextColor : Kirigami.Theme.highlightColor
|
||||
radius: Kirigami.Units.smallSpacing * 2
|
||||
color: sentByMe ? Kirigami.Theme.complementaryTextColor : Kirigami.Theme.highlightColor
|
||||
radius: Kirigami.Units.smallSpacing * 2
|
||||
|
||||
layer.enabled: box.visible
|
||||
layer.effect: DropShadow {
|
||||
verticalOffset: Kirigami.Units.gridUnit * 0.08
|
||||
horizontalOffset: Kirigami.Units.gridUnit * 0.08
|
||||
color: Kirigami.Theme.disabledTextColor
|
||||
samples: 10
|
||||
spread: 0.1
|
||||
}
|
||||
}
|
||||
layer.enabled: box.visible
|
||||
layer.effect: DropShadow {
|
||||
verticalOffset: Kirigami.Units.gridUnit * 0.08
|
||||
horizontalOffset: Kirigami.Units.gridUnit * 0.08
|
||||
color: Kirigami.Theme.disabledTextColor
|
||||
samples: 10
|
||||
spread: 0.1
|
||||
}
|
||||
}
|
||||
|
||||
ColumnLayout {
|
||||
id: content
|
||||
spacing: 0
|
||||
anchors.centerIn: box
|
||||
ColumnLayout {
|
||||
id: content
|
||||
spacing: 0
|
||||
anchors.centerIn: box
|
||||
|
||||
Controls.Label {
|
||||
text: messageBody
|
||||
textFormat: Text.PlainText
|
||||
wrapMode: Text.Wrap
|
||||
color: sentByMe ? Kirigami.Theme.buttonTextColor : Kirigami.Theme.complementaryTextColor
|
||||
Controls.Label {
|
||||
text: messageBody
|
||||
textFormat: Text.PlainText
|
||||
wrapMode: Text.Wrap
|
||||
color: sentByMe ? Kirigami.Theme.buttonTextColor : Kirigami.Theme.complementaryTextColor
|
||||
|
||||
Layout.maximumWidth: root.width - Kirigami.Units.gridUnit * 6
|
||||
}
|
||||
Layout.maximumWidth: root.width - Kirigami.Units.gridUnit * 6
|
||||
}
|
||||
|
||||
RowLayout {
|
||||
Controls.Label {
|
||||
id: dateLabel
|
||||
text: Qt.formatDateTime(dateTime, "dd. MMM yyyy, hh:mm")
|
||||
color: Kirigami.Theme.disabledTextColor
|
||||
font.pixelSize: Kirigami.Units.gridUnit * 0.8
|
||||
}
|
||||
}
|
||||
}
|
||||
RowLayout {
|
||||
Controls.Label {
|
||||
id: dateLabel
|
||||
text: Qt.formatDateTime(dateTime, "dd. MMM yyyy, hh:mm")
|
||||
color: Kirigami.Theme.disabledTextColor
|
||||
font.pixelSize: Kirigami.Units.gridUnit * 0.8
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
Item {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
}
|
||||
|
|
|
@ -32,21 +32,21 @@ import QtQuick 2.6
|
|||
import QtGraphicalEffects 1.0
|
||||
|
||||
Image {
|
||||
id: img
|
||||
property bool isRound: true
|
||||
id: img
|
||||
property bool isRound: true
|
||||
|
||||
layer.enabled: isRound
|
||||
layer.effect: OpacityMask {
|
||||
maskSource: Item {
|
||||
width: img.paintedWidth
|
||||
height: img.paintedHeight
|
||||
layer.enabled: isRound
|
||||
layer.effect: OpacityMask {
|
||||
maskSource: Item {
|
||||
width: img.paintedWidth
|
||||
height: img.paintedHeight
|
||||
|
||||
Rectangle {
|
||||
anchors.centerIn: parent
|
||||
width: Math.min(img.width, img.height)
|
||||
height: width
|
||||
radius: Math.min(width, height)
|
||||
}
|
||||
}
|
||||
}
|
||||
Rectangle {
|
||||
anchors.centerIn: parent
|
||||
width: Math.min(img.width, img.height)
|
||||
height: width
|
||||
radius: Math.min(width, height)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue