summaryrefslogtreecommitdiff
path: root/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml
diff options
context:
space:
mode:
Diffstat (limited to 'raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml')
-rw-r--r--raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml68
1 files changed, 68 insertions, 0 deletions
diff --git a/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml b/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml
new file mode 100644
index 0000000..450d538
--- /dev/null
+++ b/raveos-hyprland-theme/theme-data/DankMaterialShell/quickshell/PLUGINS/ControlCenterExample/ControlCenterExampleWidget.qml
@@ -0,0 +1,68 @@
+import QtQuick
+import Quickshell
+import qs.Common
+import qs.Services
+import qs.Widgets
+import qs.Modules.Plugins
+
+PluginComponent {
+ id: root
+
+ property bool isEnabled: pluginData.isEnabled || false
+ property int clickCount: pluginData.clickCount || 0
+
+ ccWidgetIcon: isEnabled ? "toggle_on" : "toggle_off"
+ ccWidgetPrimaryText: "Example Toggle"
+ ccWidgetSecondaryText: isEnabled ? `Active • ${clickCount} clicks` : "Inactive"
+ ccWidgetIsActive: isEnabled
+
+ onCcWidgetToggled: {
+ isEnabled = !isEnabled
+ clickCount += 1
+ if (pluginService) {
+ pluginService.savePluginData("controlCenterExample", "isEnabled", isEnabled)
+ pluginService.savePluginData("controlCenterExample", "clickCount", clickCount)
+ }
+ ToastService.showInfo("Example Toggle", isEnabled ? "Activated!" : "Deactivated!")
+ }
+
+ horizontalBarPill: Component {
+ Row {
+ spacing: Theme.spacingXS
+
+ DankIcon {
+ name: root.isEnabled ? "toggle_on" : "toggle_off"
+ color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+ font.pixelSize: Theme.iconSize - 4
+ anchors.verticalCenter: parent.verticalCenter
+ }
+
+ StyledText {
+ text: `${root.clickCount}`
+ color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+ font.pixelSize: Theme.fontSizeMedium
+ anchors.verticalCenter: parent.verticalCenter
+ }
+ }
+ }
+
+ verticalBarPill: Component {
+ Column {
+ spacing: Theme.spacingXS
+
+ DankIcon {
+ name: root.isEnabled ? "toggle_on" : "toggle_off"
+ color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+ font.pixelSize: Theme.iconSize - 4
+ anchors.horizontalCenter: parent.horizontalCenter
+ }
+
+ StyledText {
+ text: `${root.clickCount}`
+ color: root.isEnabled ? Theme.primary : Theme.surfaceVariantText
+ font.pixelSize: Theme.fontSizeSmall
+ anchors.horizontalCenter: parent.horizontalCenter
+ }
+ }
+ }
+}