Large update. Added Video, Image and Live item views. Added Live search

2026-08-05 19:58:24 -04:00
parent 5b2500c841
commit e5627742d2
46 changed files with 3416 additions and 578 deletions
@@ -0,0 +1,177 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+
+import KomplexHub
+import KomplexHub.Controls
+import KomplexHub.Kero
+import KomplexHubPlugin
+
+Item
+{
+    property string uuid
+    property string author
+    property string authorId
+    property string description
+    property string thumbnail
+
+    property int imageHeight
+    property int imageWidth
+
+    id: rootItem
+
+    Rectangle
+    {
+        anchors.fill: parent
+        color: palette.base
+
+        Image
+        {
+            id: backgroundImage
+            source: thumbnail
+            transform: Image.PreserveAspectCrop
+            anchors.fill: parent
+            visible: false
+        }
+
+        MultiEffect
+        {
+            anchors.fill: backgroundImage
+            source: backgroundImage
+            blurEnabled: true
+            blurMax: 64
+            blur: 1.0
+            opacity: 0.25
+            saturation: -0.8
+        }
+
+        ColumnLayout
+        {
+            anchors.fill: parent
+            anchors.margins: Constants.largeMargin
+            spacing: Constants.largeMargin
+
+            RowLayout
+            {
+                Layout.fillWidth: true
+                Layout.alignment: Qt.AlignTop| Qt.AlignHCenter
+                Layout.topMargin: 32
+
+                Rectangle
+                {
+                    Layout.fillWidth: true
+                    Layout.preferredHeight: width / 1.77777777778
+                    Layout.maximumWidth: 800
+                    Layout.alignment: Qt.AlignHCenter
+                    color: palette.base.darker()
+
+                    Throbber
+                    {
+                        anchors.fill: parent
+                        id: loadingThrobber
+                        visible: viewImage.status === Image.Loading
+                    }
+
+                    Image
+                    {
+                        id: viewImage
+                        anchors.fill: parent
+                        transform: Image.PreserveAspectCrop
+                        source: rootItem.thumbnail
+                        visible: !(status === Image.Loading)
+                    }
+                }
+            }
+
+            Text
+            {
+                id: titleText
+                text: rootItem.author
+                color: palette.text
+                font.bold: true
+                font.pixelSize: Constants.h3Font.pixelSize
+                elide: Text.ElideRight
+
+                Layout.fillWidth: true
+                Layout.alignment: Qt.AlignTop| Qt.AlignLeft
+            }
+
+            Text
+            {
+                id: descriptionText
+                text: rootItem.description
+                color: palette.text
+                font.pointSize: Constants.h4Font.pixelSize
+                wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+
+                Layout.alignment: Qt.AlignTop| Qt.AlignLeft
+                Layout.fillWidth: true
+            }
+
+            /** Spacer **/
+            Item
+            {
+                Layout.fillWidth: true
+                Layout.preferredHeight: 32
+            }
+
+            // Text
+            // {
+            //     text: qsTr("Available Downloads")
+            //     color: palette.text
+            //     font.bold: true
+            //     font.pixelSize: Constants.h3Font.pixelSize
+            //     elide: Text.ElideRight
+
+            //     Layout.fillWidth: true
+            //     Layout.alignment: Qt.AlignTop| Qt.AlignLeft
+            // }
+
+            RowLayout
+            {
+                Layout.fillWidth: true
+
+                Item { Layout.fillWidth: true }
+
+                SquareButton
+                {
+                    Layout.preferredHeight: 36
+                    Layout.preferredWidth: 128
+                    text: qsTr("Download")
+                    icon.source: "qrc:/images/icons/icons8-download.svg"
+                }
+            }
+
+            /** Spacer **/
+            Item { Layout.fillWidth: true; Layout.fillHeight: true }
+
+            RowLayout
+            {
+                Layout.fillWidth: true
+                Layout.alignment: Qt.AlignBottom
+
+                Text {
+                    text: qsTr("Shaders Provided Courtesy of ShaderToy and Their Respective Authors")
+                    elide: Text.ElideLeft
+                    color: palette.text
+                    font.bold: true
+                    font.pixelSize: Constants.h6Font.pixelSize
+
+                    Layout.fillWidth: true
+                    Layout.alignment: Qt.AlignLeft
+                }
+
+                Image
+                {
+                    transform: Image.PreserveAspectFit
+                    source: "qrc:/images/icons/pexels-icon-filled-256.svg"
+
+                    Layout.alignment: Qt.AlignRight
+                    Layout.preferredHeight: 32
+                    Layout.preferredWidth: 32
+                }
+            }
+        }
+    }
+}