feat: configure action on Panel Colorizer widget click

- Toggle Panel Colorizer
- Switch between selected presets
- Show popup with all presets

closes: #135
refs: luisbocanegra/plasma-panel-modes-switcher#5

Author: luisbocanegra

package/contents/config/main.xml

@@ -51,5 +51,23 @@
         type="String">
         <default>{"widgets":[], "reloadInterval": 250}</default>
     </entry>
+    <entry name="widgetClickMode" type="Enum">
+        <choices>
+            <choice name="TogglePanelColorizer"/>
+            <choice name="SwitchPresets"/>
+            <choice name="ShowPopup"/>
+        </choices>
+        <default>0</default>
+    </entry>
+    <entry
+        name="switchPresets"
+        type="String">
+        <default>[]</default>
+    </entry>
+    <entry
+        name="switchPresetsIndex"
+        type="Int">
+        <default>0</default>
+    </entry>
   </group>
 </kcfg>

package/contents/ui/CompactRepresentation.qml

@@ -2,7 +2,6 @@ import QtQuick
 import QtQuick.Layouts
 import org.kde.kirigami as Kirigami
 import org.kde.plasma.core as PlasmaCore
-import org.kde.plasma.plasmoid
 import "components" as Components
 
 MouseArea {
@@ -12,10 +11,11 @@ MouseArea {
     property real itemSize: Math.min(compact.height, compact.width)
     property string icon
 
+    signal widgetClicked()
+
     hoverEnabled: true
     onClicked: {
-        plasmoid.configuration.isEnabled = !plasmoid.configuration.isEnabled
-        plasmoid.configuration.writeConfig();
+        widgetClicked()
     }
 
 

package/contents/ui/code/enum.js

@@ -0,0 +1,5 @@
+const WidgetClickModes = {
+    TogglePanelColorizer: 0,
+    SwitchPresets: 1,
+    ShowPopup: 2,
+};

package/contents/ui/code/globals.js

@@ -257,5 +257,8 @@ const ignoredConfigs = [
   "objectName",
   "lastPreset",
   "presetAutoloading",
-  "configurationOverrides"
+  "configurationOverrides",
+  "widgetClickMode",
+  "switchPresets",
+  "switchPresetsIndex"
 ]

package/contents/ui/configPresetAutoload.qml

@@ -8,6 +8,7 @@ import org.kde.plasma.plasmoid
 import org.kde.plasma.plasma5support as P5Support
 import "components" as Components
 import "code/utils.js" as Utils
+import "code/enum.js" as Enum
 
 KCM.SimpleKCM {
     id:root
@@ -24,8 +25,17 @@ KCM.SimpleKCM {
     property string cfg_presetAutoloading
     property var autoLoadConfig: JSON.parse(cfg_presetAutoloading)
 
+    property alias cfg_widgetClickMode: widgetClickModeCombo.currentIndex
+    readonly property list<string> widgetClickModes: ["Toggle Panel Colorizer", "Switch presets", "Show popup"]
+
+    property string cfg_switchPresets
+    property var switchPresets: JSON.parse(cfg_switchPresets)
+
+    property var presetsList: []
+
     function updateConfig() {
         cfg_presetAutoloading = JSON.stringify(autoLoadConfig, null, null)
+        cfg_switchPresets = JSON.stringify(switchPresets, null, null)
     }
 
     ListModel {
@@ -44,36 +54,35 @@ KCM.SimpleKCM {
             // console.log(stdout);
             if(cmd === listPresetsCmd) {
                 if (stdout.length === 0) return
-                presetsModel.append(
-                    {
-                        "name": i18n("Do nothing"),
-                        "value": "",
-                    }
-                )
 
                 const out = stdout.trim().split("\n")
                 for (const line of out) {
-                    let builtin = false
                     const parts = line.split(":")
                     const path = parts[parts.length -1]
                     let name = path.split("/")
                     name = name[name.length-1]
                     const dir = parts[1]
-                    if (line.startsWith("b:")) {
-                        builtin = true
-                    }
                     console.error(dir)
+                    const preset = {
+                        "name": name,
+                        "value": dir,
+                    }
                     presetsModel.append(
-                        {
-                            "name": name,
-                            "value": dir,
-                        }
+                        preset
                     )
+                    presetsList.push(preset)
                 }
             }
+            if (presetsList.length && switchPresets.length) {
+                switchPresets = pruneMissingPresets(switchPresets)
+            }
         }
     }
 
+    function pruneMissingPresets(switchPresets) {
+        return switchPresets.filter(saved => presetsList.some(p => p.value === saved))
+    }
+
     function getIndex(model, savedValue) {
         for (let i = 0; i < model.count; i++) {
             if (model.get(i).value === savedValue) {
@@ -111,6 +120,13 @@ KCM.SimpleKCM {
         }
 
         Kirigami.FormLayout {
+
+            Kirigami.Separator {
+                Kirigami.FormData.isSection: true
+                Kirigami.FormData.label: i18n("Environment")
+                Layout.fillWidth: true
+            }
+
             CheckBox {
                 id: enabledCheckbox
                 Kirigami.FormData.label: i18n("Enabled:")
@@ -205,6 +221,59 @@ KCM.SimpleKCM {
                 currentIndex: getIndex(model, autoLoadConfig.normal)
                 enabled: enabledCheckbox.checked
             }
+
+            Kirigami.Separator {
+                Kirigami.FormData.isSection: true
+                Kirigami.FormData.label: i18n("Widget Click")
+                Layout.fillWidth: true
+            }
+
+            ComboBox {
+                id: widgetClickModeCombo
+                Kirigami.FormData.label: "Action:"
+                model: widgetClickModes
+            }
+
+            ColumnLayout {
+                Layout.fillWidth: true
+                ScrollView {
+                    enabled: cfg_widgetClickMode === Enum.WidgetClickModes.SwitchPresets
+                    Layout.fillWidth: true
+                    Layout.preferredHeight: Math.min(implicitHeight+20, 200)
+                    ListView {
+                        id: listView
+                        model: presetsModel
+                        Layout.preferredWidth: Math.min(width+50, 100)
+                        reuseItems: true
+                        clip: true
+                        focus: true
+                        activeFocusOnTab: true
+                        keyNavigationEnabled: true
+                        delegate: RowLayout {
+                            width: ListView.view.width
+                            CheckBox {
+                                id: presetCheckbox
+                                text: model.name
+                                checked: switchPresets.includes(model.value)
+                                Layout.rightMargin: Kirigami.Units.smallSpacing * 4
+                                onCheckedChanged: {
+                                    if (checked) {
+                                        if (!switchPresets.includes(model.value)) {
+                                            switchPresets.push(model.value)
+                                        }
+                                    } else {
+                                        switchPresets = switchPresets.filter(p => p !== model.value)
+                                    }
+                                    updateConfig()
+                                }
+                            }
+                        }
+                        highlight: Item {}
+                        highlightMoveDuration: 0
+                        highlightResizeDuration: 0
+                    }
+                }
+            }
         }
     }
 }