Somewhat better hierarchy.

Init separate .qml files.
2018-10-02 10:07:47 +08:00
parent 91fc03aba5
commit ae538a7c45
28 changed files with 1468 additions and 1321 deletions
--- a/imports/Spectral/Panel/RoomListDelegate.qml
+++ b/imports/Spectral/Panel/RoomListDelegate.qml
@@ -0,0 +1,101 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import QtQuick.Layouts 1.3
+import QtQuick.Controls.Material 2.2
+
+import Spectral 0.1
+import Spectral.Setting 0.1
+
+import Spectral.Component 2.0
+
+Rectangle {
+    readonly property bool highlighted: currentRoom === enteredRoom
+
+    color: MSettings.darkTheme ? "#303030" : "#fafafa"
+
+    AutoMouseArea {
+        anchors.fill: parent
+
+        hoverEnabled: MSettings.miniMode
+
+        onSecondaryClicked: {
+            roomContextMenu.model = model
+            roomContextMenu.popup()
+        }
+        onPrimaryClicked: {
+            if (category === RoomType.Invited) {
+                inviteDialog.currentRoom = currentRoom
+                inviteDialog.open()
+            } else {
+                enteredRoom = currentRoom
+            }
+        }
+
+        ToolTip.visible: MSettings.miniMode && containsMouse
+        ToolTip.text: name
+    }
+
+    Rectangle {
+        anchors.fill: parent
+
+        visible: highlightCount > 0 || highlighted
+        color: Material.accent
+        opacity: 0.1
+    }
+
+    Rectangle {
+        width: unreadCount > 0 || highlighted ? 4 : 0
+        height: parent.height
+
+        color: Material.accent
+
+        Behavior on width {
+            PropertyAnimation { easing.type: Easing.InOutCubic; duration: 200 }
+        }
+    }
+
+    RowLayout {
+        anchors.fill: parent
+        anchors.margins: 12
+
+        spacing: 12
+
+        ImageItem {
+            id: imageItem
+
+            Layout.preferredWidth: height
+            Layout.fillHeight: true
+
+            hint: name || "No Name"
+
+            image: avatar
+        }
+
+        ColumnLayout {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.alignment: Qt.AlignHCenter
+
+            visible: parent.width > 64
+
+            Label {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                text: name || "No Name"
+                font.pointSize: 12
+                elide: Text.ElideRight
+                wrapMode: Text.NoWrap
+            }
+
+            Label {
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+
+                text: (lastEvent == "" ? topic : lastEvent).replace(/(\r\n\t|\n|\r\t)/gm,"")
+                elide: Text.ElideRight
+                wrapMode: Text.NoWrap
+            }
+        }
+    }
+}