noctalia

2026-06-25 19:58:23 +02:00
parent 372c622025
commit 955801c666
147 changed files with 18829 additions and 0 deletions
@@ -0,0 +1,124 @@
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import qs.Commons
+import qs.Widgets
+import qs.Services.UI
+
+NBox {
+    id: root
+
+    property string name: ""
+    property string type: ""
+    property bool isConnected: false
+    property bool isLoading: false
+
+    signal buttonClicked
+
+    Layout.fillWidth: true
+    Layout.leftMargin: Style.marginXS
+    Layout.rightMargin: Style.marginXS
+    implicitHeight: Math.round(netColumn.implicitHeight + (Style.marginXL))
+
+    color: root.isConnected ? Qt.alpha(Color.mPrimary, 0.15) : Color.mSurface
+
+    ColumnLayout {
+        id: netColumn
+        width: parent.width - (Style.marginXL)
+        x: Style.marginM
+        y: Style.marginM
+        spacing: Style.marginS
+
+        // Main row
+        RowLayout {
+            Layout.fillWidth: true
+            spacing: Style.marginS
+
+            NIcon {
+                icon: "router"
+                pointSize: Style.fontSizeXXL
+                color: root.isConnected ? Color.mPrimary : Color.mOnSurface
+            }
+
+            ColumnLayout {
+                Layout.fillWidth: true
+                spacing: 2
+
+                NText {
+                    text: root.name
+                    pointSize: Style.fontSizeM
+                    font.weight: Style.fontWeightMedium
+                    color: Color.mOnSurface
+                    elide: Text.ElideRight
+                    Layout.fillWidth: true
+                }
+
+                RowLayout {
+                    spacing: Style.marginXS
+
+                    NText {
+                        text: root.type
+                        pointSize: Style.fontSizeXXS
+                        color: Color.mOnSurfaceVariant
+                    }
+
+                    Item {
+                        Layout.preferredWidth: Style.marginXXS
+                    }
+
+                    
+                    Rectangle {
+                        visible: root.isConnected
+                        color: Color.mPrimary
+                        radius: height * 0.5
+                        width: Math.round(connectedText.implicitWidth + (Style.marginS * 2))
+                        height: Math.round(connectedText.implicitHeight + (Style.marginXS))
+
+                        NText {
+                            id: connectedText
+                            anchors.centerIn: parent
+                            text: pluginApi?.tr("common.connected")
+                            pointSize: Style.fontSizeXXS
+                            color: Color.mOnPrimary
+                        }
+                    }
+                }
+            }
+
+            // Action area
+            RowLayout {
+                spacing: Style.marginS
+
+                NBusyIndicator {
+                    visible: root.isLoading
+                    running: visible
+                    color: Color.mPrimary
+                    size: Style.baseWidgetSize * 0.5
+                }
+
+                NButton {
+                    visible: root.isConnected
+                    text: pluginApi?.tr("common.disconnect")
+                    outlined: !hovered
+                    fontSize: Style.fontSizeS
+                    backgroundColor: Color.mError
+                    enabled: !root.isLoading
+                    onClicked: {
+                        root.buttonClicked()
+                    }
+                }
+
+                NButton {
+                    visible: !root.isConnected
+                    text: pluginApi?.tr("common.connect")
+                    outlined: !hovered
+                    fontSize: Style.fontSizeS
+                    enabled: !root.isLoading
+                    onClicked: {
+                        root.buttonClicked()
+                    }
+                }
+            }
+        }
+    }
+}