Port to declarative type registration

2023-09-23 14:05:50 +00:00
parent 4ed4f3f628
commit 3a4f71de7f
202 changed files with 604 additions and 532 deletions
--- a/src/qml/RoomMedia.qml
+++ b/src/qml/RoomMedia.qml
@@ -0,0 +1,73 @@
+// SPDX-FileCopyrightText: 2023 James Graham <james.h.graham@protonmail.com>
+// SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-only OR LicenseRef-KDE-Accepted-GPL
+
+import QtQuick
+import QtQuick.Controls as QQC2
+import QtQuick.Layouts
+import Qt.labs.qmlmodels
+
+import org.kde.neochat
+
+/**
+ * @brief Component for visualising the loaded media items in the room.
+ *
+ * The component is a simple list of media delegates (videos or images) with the
+ * ability to open them in the mamimize component.
+ *
+ * @note This component is only the contents, it will need to be placed in either
+ *       a drawer (desktop) or page (mobile) to be used.
+ *
+ * @sa RoomDrawer, RoomDrawerPage
+ */
+QQC2.ScrollView {
+    id: root
+
+    /**
+    * @brief The title that should be displayed for this component if available.
+    */
+    readonly property string title: i18nc("@action:title", "Room Media")
+
+    /**
+     * @brief The current room that user is viewing.
+     */
+    required property NeoChatRoom currentRoom
+
+    required property NeoChatConnection connection
+
+    // HACK: Hide unnecessary horizontal scrollbar (https://bugreports.qt.io/browse/QTBUG-83890)
+    QQC2.ScrollBar.horizontal.policy: QQC2.ScrollBar.AlwaysOff
+
+    ListView {
+        // So that delegates can access current room properly.
+        readonly property NeoChatRoom currentRoom: root.currentRoom
+
+        clip: true
+        verticalLayoutDirection: ListView.BottomToTop
+
+        model: RoomManager.mediaMessageFilterModel
+
+        delegate: DelegateChooser {
+            role: "type"
+
+            DelegateChoice {
+                roleValue: 0//MediaMessageFilterModel.Image
+                delegate: ImageDelegate {
+                    alwaysShowAuthor: true
+                    alwaysMaxWidth: true
+                    cardBackground: false
+                    connection: root.connection
+                }
+            }
+
+            DelegateChoice {
+                roleValue: 1//MediaMessageFilterModel.Video
+                delegate: VideoDelegate {
+                    alwaysShowAuthor: true
+                    alwaysMaxWidth: true
+                    cardBackground: false
+                    connection: root.connection
+                }
+            }
+        }
+    }
+}