First working Version

components/PowerMenu.qml

@@ -0,0 +1,121 @@
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import QtQuick.Controls 2.15
+
+import "common"
+
+ComboBox {
+  id: container
+  property int fontSize: root.font.pointSize
+  background: null
+
+  indicator: Button {
+    anchors.fill: parent
+    Text {
+      anchors.centerIn: parent
+      renderType: Text.QtRendering
+      text: "󰐥"
+      font.family: iconFont
+      color: container.focus ? root.palette.accent : root.palette.text
+      font.pointSize: fontSize * 1.5
+    }
+
+    background: Rectangle {
+      color: "transparent"
+    }
+
+    onPressed: {
+      container.popup.open()
+    }
+
+  }
+
+  function actionPressed() {
+    if (currentIndex == 0) sddm.suspend();
+    else if (currentIndex == 1) sddm.hibernate();
+    else if (currentIndex == 2) sddm.reboot();
+    else if (currentIndex == 3) sddm.powerOff();
+  }
+
+  property bool forcePowerOptions: false
+
+  model: [
+    {'icon': "", 'label': config.suspend   || text_const.suspend  , 'enabled': sddm.canSuspend  },
+    {'icon': "󰍷", 'label': config.hibernate || text_const.hibernate, 'enabled': sddm.canHibernate},
+    {'icon': "", 'label': config.reboot    || text_const.reboot   , 'enabled': sddm.canReboot   },
+    {'icon': "", 'label': config.poweroff  || text_const.shutdown , 'enabled': sddm.canPowerOff },
+  ]
+  onActivated: {
+    currentIndex = highlightedIndex;
+    actionPressed();
+  }
+
+  delegate: ItemDelegate {
+    id: power_option
+    visible: forcePowerOptions || modelData['enabled']
+
+    implicitHeight: fontSize * 3
+    implicitWidth: content_item.width
+    Layout.fillWidth: true
+
+    Row {
+      id: content_item
+      spacing: fontSize
+      anchors.verticalCenter: power_option.verticalCenter
+      leftPadding: 10
+      rightPadding: 10
+      Text {
+        visible: config.boolValue("iconsInMenus")
+        renderType: Text.QtRendering
+        text: modelData['icon']
+        font.family: iconFont
+        font.pointSize: fontSize
+        color: root.palette.buttonText
+      }
+      Text {
+        id: label
+        renderType: Text.QtRendering
+        text: modelData['label']
+        font.family: root.font.family
+        font.pointSize: fontSize
+        color: root.palette.buttonText
+      }
+    }
+    onClicked: {
+      currentIndex = index;
+    }
+
+    background: Rectangle {
+      color: "transparent"
+    }
+
+    states: [
+      State {
+        name: "selected"
+        when: power_option.activeFocus
+        PropertyChanges {
+          target: power_option.background
+          color: root.palette.accent
+        }
+      },
+      State {
+        name: "highlighted"
+        when: container.highlightedIndex === index
+        PropertyChanges {
+          target: power_option.background
+          color: "#777777"
+          opacity: 0.4
+        }
+      }
+    ]
+
+  }
+
+  popup: PopupPanel {
+    x: (parent.width - width) * !(root.LayoutMirroring.enabled)
+    interactive: false
+
+    model: container.delegateModel
+  }
+
+}