summaryrefslogtreecommitdiff
path: root/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml
diff options
context:
space:
mode:
Diffstat (limited to 'raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml')
-rw-r--r--raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml1091
1 files changed, 0 insertions, 1091 deletions
diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml
deleted file mode 100644
index 4cdd979..0000000
--- a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/ControlCenter/Components/DragDropGrid.qml
+++ /dev/null
@@ -1,1091 +0,0 @@
-import QtQuick
-import qs.Common
-import qs.Services
-import qs.Modules.ControlCenter.Widgets
-import qs.Modules.ControlCenter.Components
-import "../utils/layout.js" as LayoutUtils
-
-Column {
- id: root
-
- property bool editMode: false
- property string expandedSection: ""
- property int expandedWidgetIndex: -1
- property var model: null
- property var expandedWidgetData: null
- property var bluetoothCodecSelector: null
- property bool darkModeTransitionPending: false
- property string screenName: ""
- property string screenModel: ""
- property var parentScreen: null
-
- signal expandClicked(var widgetData, int globalIndex)
- signal removeWidget(int index)
- signal moveWidget(int fromIndex, int toIndex)
- signal toggleWidgetSize(int index)
- signal collapseRequested
-
- function requestCollapse() {
- collapseRequested();
- }
-
- spacing: editMode ? Theme.spacingL : Theme.spacingS
-
- property real maxPopoutHeight: 9999
- property var currentRowWidgets: []
- property real currentRowWidth: 0
- property int expandedRowIndex: -1
- property var colorPickerModal: null
-
- readonly property real _maxDetailHeight: {
- const rows = layoutResult.rows;
- let totalRowHeight = 0;
- for (let i = 0; i < rows.length; i++) {
- const sliderOnly = rows[i].every(w => {
- const id = w.id || "";
- return id === "volumeSlider" || id === "brightnessSlider" || id === "inputVolumeSlider";
- });
- totalRowHeight += sliderOnly ? 36 : 60;
- }
- const rowSpacing = Math.max(0, rows.length - 1) * spacing;
- return Math.max(100, maxPopoutHeight - totalRowHeight - rowSpacing);
- }
-
- function calculateRowsAndWidgets() {
- return LayoutUtils.calculateRowsAndWidgets(root, expandedSection, expandedWidgetIndex);
- }
-
- property var layoutResult: {
- const dummy = [expandedSection, expandedWidgetIndex, model?.controlCenterWidgets];
- return calculateRowsAndWidgets();
- }
-
- onLayoutResultChanged: {
- expandedRowIndex = layoutResult.expandedRowIndex;
- }
-
- function moveToTop(item) {
- const children = root.children;
- for (var i = 0; i < children.length; i++) {
- if (children[i] === item)
- continue;
- if (children[i].z)
- children[i].z = Math.min(children[i].z, 999);
- }
- item.z = 1000;
- }
-
- Repeater {
- model: root.layoutResult.rows
-
- Column {
- width: root.width
- spacing: 0
- property int rowIndex: index
- property var rowWidgets: modelData
- property bool isSliderOnlyRow: {
- const widgets = rowWidgets || [];
- if (widgets.length === 0)
- return false;
- return widgets.every(w => w.id === "volumeSlider" || w.id === "brightnessSlider" || w.id === "inputVolumeSlider");
- }
- topPadding: isSliderOnlyRow ? (root.editMode ? 4 : -6) : 0
- bottomPadding: isSliderOnlyRow ? (root.editMode ? 4 : -6) : 0
-
- Flow {
- width: parent.width
- spacing: Theme.spacingS
-
- Repeater {
- model: rowWidgets || []
-
- DragDropWidgetWrapper {
- widgetData: modelData
- property int globalWidgetIndex: {
- const widgets = SettingsData.controlCenterWidgets || [];
- for (var i = 0; i < widgets.length; i++) {
- if (widgets[i].id === modelData.id) {
- if (modelData.id === "diskUsage" || modelData.id === "brightnessSlider") {
- if (widgets[i].instanceId === modelData.instanceId) {
- return i;
- }
- } else {
- return i;
- }
- }
- }
- return -1;
- }
- property int widgetWidth: modelData.width || 50
- width: {
- const baseWidth = root.width;
- const spacing = Theme.spacingS;
- if (widgetWidth <= 25) {
- return (baseWidth - spacing * 3) / 4;
- } else if (widgetWidth <= 50) {
- return (baseWidth - spacing) / 2;
- } else if (widgetWidth <= 75) {
- return (baseWidth - spacing * 2) * 0.75;
- } else {
- return baseWidth;
- }
- }
- height: isSliderOnlyRow ? 48 : 60
-
- editMode: root.editMode
- widgetIndex: globalWidgetIndex
- gridCellWidth: width
- gridCellHeight: height
- gridColumns: 4
- gridLayout: root
- isSlider: {
- const id = modelData.id || "";
- return id === "volumeSlider" || id === "brightnessSlider" || id === "inputVolumeSlider";
- }
-
- widgetComponent: {
- const id = modelData.id || "";
- if (id.startsWith("builtin_")) {
- return builtinPluginWidgetComponent;
- } else if (id.startsWith("plugin_")) {
- return pluginWidgetComponent;
- } else if (id === "wifi" || id === "bluetooth" || id === "audioOutput" || id === "audioInput") {
- return compoundPillComponent;
- } else if (id === "volumeSlider") {
- return audioSliderComponent;
- } else if (id === "brightnessSlider") {
- return brightnessSliderComponent;
- } else if (id === "inputVolumeSlider") {
- return inputAudioSliderComponent;
- } else if (id === "battery") {
- return widgetWidth <= 25 ? smallBatteryComponent : batteryPillComponent;
- } else if (id === "diskUsage") {
- return widgetWidth <= 25 ? smallDiskUsageComponent : diskUsagePillComponent;
- } else if (id === "colorPicker") {
- return colorPickerPillComponent;
- } else {
- return widgetWidth <= 25 ? smallToggleComponent : toggleButtonComponent;
- }
- }
-
- onWidgetMoved: (fromIndex, toIndex) => root.moveWidget(fromIndex, toIndex)
- onRemoveWidget: index => root.removeWidget(index)
- onToggleWidgetSize: index => root.toggleWidgetSize(index)
- }
- }
- }
-
- DetailHost {
- id: detailHost
- width: parent.width
- maxAvailableHeight: root._maxDetailHeight
- height: active ? (getDetailHeight(root.expandedSection) + Theme.spacingS) : 0
- property bool active: {
- if (root.expandedSection === "")
- return false;
-
- if (root.expandedSection.startsWith("diskUsage_") && root.expandedWidgetData) {
- const expandedInstanceId = root.expandedWidgetData.instanceId;
- return rowWidgets.some(w => w.id === "diskUsage" && w.instanceId === expandedInstanceId);
- }
-
- if (root.expandedSection.startsWith("brightnessSlider_") && root.expandedWidgetData) {
- const expandedInstanceId = root.expandedWidgetData.instanceId;
- return rowWidgets.some(w => w.id === "brightnessSlider" && w.instanceId === expandedInstanceId);
- }
-
- return rowIndex === root.expandedRowIndex;
- }
- visible: active
- expandedSection: root.expandedSection
- expandedWidgetData: root.expandedWidgetData
- bluetoothCodecSelector: root.bluetoothCodecSelector
- widgetModel: root.model
- collapseCallback: root.requestCollapse
- screenName: root.screenName
- screenModel: root.screenModel
- }
- }
- }
-
- Component {
- id: errorPillComponent
- ErrorPill {
- property var widgetData: parent.widgetData || {}
- width: parent.width
- height: 60
- primaryMessage: {
- if (!DMSService.dmsAvailable) {
- return I18n.tr("DMS_SOCKET not available");
- }
- return I18n.tr("NM not supported");
- }
- secondaryMessage: I18n.tr("update dms for NM integration.")
- }
- }
-
- Component {
- id: compoundPillComponent
- CompoundPill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var widgetDef: root.model?.getWidgetForId(widgetData.id || "")
- width: parent.width
- height: 60
- iconName: {
- switch (widgetData.id || "") {
- case "wifi":
- {
- if (NetworkService.wifiToggling)
- return "sync";
-
- const status = NetworkService.networkStatus;
- if (status === "ethernet")
- return "settings_ethernet";
- if (status === "vpn")
- return NetworkService.ethernetConnected ? "settings_ethernet" : NetworkService.wifiSignalIcon;
- if (status === "wifi")
- return NetworkService.wifiSignalIcon;
- if (NetworkService.wifiEnabled)
- return "wifi_off";
- return "wifi_off";
- }
- case "bluetooth":
- {
- if (!BluetoothService.available)
- return "bluetooth_disabled";
- if (!BluetoothService.adapter || !BluetoothService.adapter.enabled)
- return "bluetooth_disabled";
- return "bluetooth";
- }
- case "audioOutput":
- {
- if (!AudioService.sink)
- return "volume_off";
- let volume = AudioService.sink.audio.volume;
- let muted = AudioService.sink.audio.muted;
- if (muted)
- return "volume_off";
- if (volume === 0.0)
- return "volume_mute";
- if (volume <= 0.33)
- return "volume_down";
- if (volume <= 0.66)
- return "volume_up";
- return "volume_up";
- }
- case "audioInput":
- {
- if (!AudioService.source)
- return "mic_off";
- let muted = AudioService.source.audio.muted;
- return muted ? "mic_off" : "mic";
- }
- default:
- return widgetDef?.icon || "help";
- }
- }
- primaryText: {
- switch (widgetData.id || "") {
- case "wifi":
- {
- if (NetworkService.wifiToggling)
- return NetworkService.wifiEnabled ? I18n.tr("Disabling WiFi...", "network status") : I18n.tr("Enabling WiFi...", "network status");
-
- const status = NetworkService.networkStatus;
- if (status === "ethernet")
- return I18n.tr("Ethernet", "network status");
- if (status === "vpn") {
- if (NetworkService.ethernetConnected)
- return I18n.tr("Ethernet", "network status");
- if (NetworkService.wifiConnected && NetworkService.currentWifiSSID)
- return NetworkService.currentWifiSSID;
- }
- if (status === "wifi" && NetworkService.currentWifiSSID)
- return NetworkService.currentWifiSSID;
- if (NetworkService.wifiEnabled)
- return I18n.tr("Not connected", "network status");
- return I18n.tr("WiFi off", "network status");
- }
- case "bluetooth":
- {
- if (!BluetoothService.available)
- return I18n.tr("Bluetooth", "bluetooth status");
- if (!BluetoothService.adapter)
- return I18n.tr("No adapter", "bluetooth status");
- if (!BluetoothService.adapter.enabled)
- return I18n.tr("Disabled", "bluetooth status");
- return I18n.tr("Enabled", "bluetooth status");
- }
- case "audioOutput":
- return AudioService.sink?.description || I18n.tr("No output device", "audio status");
- case "audioInput":
- return AudioService.source?.description || I18n.tr("No input device", "audio status");
- default:
- return widgetDef?.text || I18n.tr("Unknown", "widget status");
- }
- }
- secondaryText: {
- switch (widgetData.id || "") {
- case "wifi":
- {
- if (NetworkService.wifiToggling)
- return I18n.tr("Please wait...", "network status");
-
- const status = NetworkService.networkStatus;
- if (status === "ethernet")
- return I18n.tr("Connected", "network status");
- if (status === "vpn") {
- if (NetworkService.ethernetConnected)
- return I18n.tr("Connected", "network status");
- if (NetworkService.wifiConnected)
- return NetworkService.wifiSignalStrength > 0 ? NetworkService.wifiSignalStrength + "%" : I18n.tr("Connected", "network status");
- }
- if (status === "wifi")
- return NetworkService.wifiSignalStrength > 0 ? NetworkService.wifiSignalStrength + "%" : I18n.tr("Connected", "network status");
- if (NetworkService.wifiEnabled)
- return I18n.tr("Select network", "network status");
- return "";
- }
- case "bluetooth":
- {
- if (!BluetoothService.available)
- return I18n.tr("No adapters", "bluetooth status");
- if (!BluetoothService.adapter || !BluetoothService.adapter.enabled)
- return I18n.tr("Off", "bluetooth status");
- const primaryDevice = (() => {
- if (!BluetoothService.adapter || !BluetoothService.adapter.devices)
- return null;
- let devices = [...BluetoothService.adapter.devices.values.filter(dev => dev && (dev.paired || dev.trusted))];
- for (let device of devices) {
- if (device && device.connected)
- return device;
- }
- return null;
- })();
- if (primaryDevice)
- return primaryDevice.name || primaryDevice.alias || primaryDevice.deviceName || I18n.tr("Connected Device", "bluetooth status");
- return I18n.tr("No devices", "bluetooth status");
- }
- case "audioOutput":
- {
- if (!AudioService.sink)
- return I18n.tr("Select device", "audio status");
- if (AudioService.sink.audio.muted)
- return I18n.tr("Muted", "audio status");
- const volume = AudioService.sink.audio.volume;
- if (typeof volume !== "number" || isNaN(volume))
- return "0%";
- return Math.round(volume * 100) + "%";
- }
- case "audioInput":
- {
- if (!AudioService.source)
- return I18n.tr("Select device", "audio status");
- if (AudioService.source.audio.muted)
- return I18n.tr("Muted", "audio status");
- const volume = AudioService.source.audio.volume;
- if (typeof volume !== "number" || isNaN(volume))
- return "0%";
- return Math.round(volume * 100) + "%";
- }
- default:
- return widgetDef?.description || "";
- }
- }
- isActive: {
- switch (widgetData.id || "") {
- case "wifi":
- {
- if (NetworkService.wifiToggling)
- return false;
-
- const status = NetworkService.networkStatus;
- if (status === "ethernet")
- return true;
- if (status === "vpn")
- return NetworkService.ethernetConnected || NetworkService.wifiConnected;
- if (status === "wifi")
- return true;
- return NetworkService.wifiEnabled;
- }
- case "bluetooth":
- return !!(BluetoothService.available && BluetoothService.adapter && BluetoothService.adapter.enabled);
- case "audioOutput":
- return !!(AudioService.sink && !AudioService.sink.audio.muted);
- case "audioInput":
- return !!(AudioService.source && !AudioService.source.audio.muted);
- default:
- return false;
- }
- }
- enabled: widgetDef?.enabled ?? true
- onToggled: {
- if (root.editMode)
- return;
- switch (widgetData.id || "") {
- case "wifi":
- {
- if (NetworkService.networkStatus !== "ethernet" && !NetworkService.wifiToggling) {
- NetworkService.toggleWifiRadio();
- }
- break;
- }
- case "bluetooth":
- {
- if (BluetoothService.available && BluetoothService.adapter) {
- BluetoothService.adapter.enabled = !BluetoothService.adapter.enabled;
- }
- break;
- }
- case "audioOutput":
- {
- if (AudioService.sink && AudioService.sink.audio) {
- AudioService.sink.audio.muted = !AudioService.sink.audio.muted;
- }
- break;
- }
- case "audioInput":
- {
- if (AudioService.source && AudioService.source.audio) {
- AudioService.source.audio.muted = !AudioService.source.audio.muted;
- }
- break;
- }
- }
- }
- onExpandClicked: {
- if (root.editMode)
- return;
- root.expandClicked(widgetData, widgetIndex);
- }
- onWheelEvent: function (wheelEvent) {
- if (root.editMode)
- return;
- const id = widgetData.id || "";
- if (id === "audioOutput") {
- if (!AudioService.sink || !AudioService.sink.audio)
- return;
- let delta = wheelEvent.angleDelta.y;
- let maxVol = AudioService.sinkMaxVolume;
- let currentVolume = AudioService.sink.audio.volume * 100;
- let newVolume;
- if (delta > 0)
- newVolume = Math.min(maxVol, currentVolume + 5);
- else
- newVolume = Math.max(0, currentVolume - 5);
- AudioService.sink.audio.muted = false;
- AudioService.sink.audio.volume = newVolume / 100;
- wheelEvent.accepted = true;
- } else if (id === "audioInput") {
- if (!AudioService.source || !AudioService.source.audio)
- return;
- let delta = wheelEvent.angleDelta.y;
- let currentVolume = AudioService.source.audio.volume * 100;
- let newVolume;
- if (delta > 0)
- newVolume = Math.min(100, currentVolume + 5);
- else
- newVolume = Math.max(0, currentVolume - 5);
- AudioService.source.audio.muted = false;
- AudioService.source.audio.volume = newVolume / 100;
- wheelEvent.accepted = true;
- }
- }
- }
- }
-
- Component {
- id: audioSliderComponent
- Item {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 16
-
- AudioSliderRow {
- anchors.centerIn: parent
- width: parent.width
- height: 14
- property color sliderTrackColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
- }
- }
- }
-
- Component {
- id: brightnessSliderComponent
- Item {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 16
-
- BrightnessSliderRow {
- id: brightnessSliderRow
- anchors.centerIn: parent
- width: parent.width
- height: 14
- deviceName: widgetData.deviceName || ""
- instanceId: widgetData.instanceId || ""
- screenName: root.screenName
- parentScreen: root.parentScreen
- property color sliderTrackColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
-
- onIconClicked: {
- if (!root.editMode && DisplayService.devices && DisplayService.devices.length > 1) {
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
- }
- }
-
- Component {
- id: inputAudioSliderComponent
- Item {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 16
-
- InputAudioSliderRow {
- anchors.centerIn: parent
- width: parent.width
- height: 14
- property color sliderTrackColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
- }
- }
- }
-
- Component {
- id: batteryPillComponent
- BatteryPill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 60
-
- onExpandClicked: {
- if (!root.editMode) {
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
- }
-
- Component {
- id: smallBatteryComponent
- SmallBatteryButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 48
-
- onClicked: {
- if (!root.editMode) {
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
- }
-
- Component {
- id: toggleButtonComponent
- ToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 60
-
- iconName: {
- switch (widgetData.id || "") {
- case "nightMode":
- return DisplayService.nightModeEnabled ? "nightlight" : "dark_mode";
- case "darkMode":
- return "contrast";
- case "doNotDisturb":
- return SessionData.doNotDisturb ? "do_not_disturb_on" : "do_not_disturb_off";
- case "idleInhibitor":
- return SessionService.idleInhibited ? "motion_sensor_active" : "motion_sensor_idle";
- default:
- return "help";
- }
- }
-
- text: {
- switch (widgetData.id || "") {
- case "nightMode":
- return I18n.tr("Night Mode");
- case "darkMode":
- return I18n.tr("Dark Mode");
- case "doNotDisturb":
- return I18n.tr("Do Not Disturb");
- case "idleInhibitor":
- return SessionService.idleInhibited ? I18n.tr("Keeping Awake") : I18n.tr("Keep Awake");
- default:
- return I18n.tr("Unknown", "widget status");
- }
- }
-
- iconRotation: {
- if (widgetData.id !== "darkMode")
- return 0;
- if (darkModeTransitionPending) {
- return SessionData.isLightMode ? 180 : 0;
- }
- return SessionData.isLightMode ? 180 : 0;
- }
-
- isActive: {
- switch (widgetData.id || "") {
- case "nightMode":
- return DisplayService.nightModeEnabled || false;
- case "darkMode":
- return !SessionData.isLightMode;
- case "doNotDisturb":
- return SessionData.doNotDisturb || false;
- case "idleInhibitor":
- return SessionService.idleInhibited || false;
- default:
- return false;
- }
- }
-
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- switch (widgetData.id || "") {
- case "nightMode":
- {
- if (DisplayService.automationAvailable)
- DisplayService.toggleNightMode();
- break;
- }
- case "darkMode":
- {
- const newMode = !SessionData.isLightMode;
- Theme.screenTransition();
- Theme.setLightMode(newMode);
- break;
- }
- case "doNotDisturb":
- {
- SessionData.setDoNotDisturb(!SessionData.doNotDisturb);
- break;
- }
- case "idleInhibitor":
- {
- SessionService.toggleIdleInhibit();
- break;
- }
- }
- }
- }
- }
-
- Component {
- id: smallToggleComponent
- SmallToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 48
-
- iconName: {
- switch (widgetData.id || "") {
- case "nightMode":
- return DisplayService.nightModeEnabled ? "nightlight" : "dark_mode";
- case "darkMode":
- return "contrast";
- case "doNotDisturb":
- return SessionData.doNotDisturb ? "do_not_disturb_on" : "do_not_disturb_off";
- case "idleInhibitor":
- return SessionService.idleInhibited ? "motion_sensor_active" : "motion_sensor_idle";
- default:
- return "help";
- }
- }
-
- iconRotation: {
- if (widgetData.id !== "darkMode")
- return 0;
- if (darkModeTransitionPending) {
- return SessionData.isLightMode ? 180 : 0;
- }
- return SessionData.isLightMode ? 180 : 0;
- }
-
- isActive: {
- switch (widgetData.id || "") {
- case "nightMode":
- return DisplayService.nightModeEnabled || false;
- case "darkMode":
- return !SessionData.isLightMode;
- case "doNotDisturb":
- return SessionData.doNotDisturb || false;
- case "idleInhibitor":
- return SessionService.idleInhibited || false;
- default:
- return false;
- }
- }
-
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- switch (widgetData.id || "") {
- case "nightMode":
- {
- if (DisplayService.automationAvailable)
- DisplayService.toggleNightMode();
- break;
- }
- case "darkMode":
- {
- const newMode = !SessionData.isLightMode;
- Theme.screenTransition();
- Theme.setLightMode(newMode);
- break;
- }
- case "doNotDisturb":
- {
- SessionData.setDoNotDisturb(!SessionData.doNotDisturb);
- break;
- }
- case "idleInhibitor":
- {
- SessionService.toggleIdleInhibit();
- break;
- }
- }
- }
- }
- }
-
- Component {
- id: diskUsagePillComponent
- DiskUsagePill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 60
-
- mountPath: widgetData.mountPath || "/"
- instanceId: widgetData.instanceId || ""
-
- onExpandClicked: {
- if (!root.editMode) {
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
- }
-
- Component {
- id: smallDiskUsageComponent
- SmallDiskUsageButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 48
-
- mountPath: widgetData.mountPath || "/"
- instanceId: widgetData.instanceId || ""
-
- onClicked: {
- if (!root.editMode) {
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
- }
-
- Component {
- id: colorPickerPillComponent
- ColorPickerPill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- width: parent.width
- height: 60
-
- colorPickerModal: root.colorPickerModal
- }
- }
-
- Component {
- id: builtinPluginWidgetComponent
- Loader {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property int widgetWidth: widgetData.width || 50
- width: parent.width
- height: 60
-
- property var builtinInstance: null
-
- Component.onCompleted: {
- const id = widgetData.id || "";
- if (id === "builtin_vpn") {
- if (root.model?.vpnLoader) {
- root.model.vpnLoader.active = true;
- }
- builtinInstance = Qt.binding(() => root.model?.vpnBuiltinInstance);
- }
- if (id === "builtin_cups") {
- if (root.model?.cupsLoader) {
- root.model.cupsLoader.active = true;
- }
- builtinInstance = Qt.binding(() => root.model?.cupsBuiltinInstance);
- }
- }
-
- sourceComponent: {
- if (!builtinInstance)
- return null;
-
- const hasDetail = builtinInstance.ccDetailContent !== null;
-
- if (widgetWidth <= 25) {
- return builtinSmallToggleComponent;
- } else if (hasDetail) {
- return builtinCompoundPillComponent;
- } else {
- return builtinToggleComponent;
- }
- }
- }
- }
-
- Component {
- id: builtinCompoundPillComponent
- CompoundPill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var builtinInstance: parent.builtinInstance
-
- iconName: builtinInstance?.ccWidgetIcon || "extension"
- primaryText: builtinInstance?.ccWidgetPrimaryText || "Built-in"
- secondaryText: builtinInstance?.ccWidgetSecondaryText || ""
- isActive: builtinInstance?.ccWidgetIsActive || false
-
- onToggled: {
- if (root.editMode)
- return;
- if (builtinInstance) {
- builtinInstance.ccWidgetToggled();
- }
- }
-
- onExpandClicked: {
- if (root.editMode)
- return;
- if (builtinInstance) {
- builtinInstance.ccWidgetExpanded();
- }
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
-
- Component {
- id: builtinToggleComponent
- ToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var builtinInstance: parent.builtinInstance
-
- iconName: builtinInstance?.ccWidgetIcon || "extension"
- text: builtinInstance?.ccWidgetPrimaryText || "Built-in"
- isActive: builtinInstance?.ccWidgetIsActive || false
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- if (builtinInstance) {
- builtinInstance.ccWidgetToggled();
- }
- }
- }
- }
-
- Component {
- id: builtinSmallToggleComponent
- SmallToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var builtinInstance: parent.builtinInstance
-
- iconName: builtinInstance?.ccWidgetIcon || "extension"
- isActive: builtinInstance?.ccWidgetIsActive || false
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- if (builtinInstance) {
- builtinInstance.ccWidgetToggled();
- }
- }
- }
- }
-
- Component {
- id: pluginWidgetComponent
- Loader {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property int widgetWidth: widgetData.width || 50
- width: parent.width
- height: 60
-
- property var pluginInstance: null
- property string pluginId: widgetData.id?.replace("plugin_", "") || ""
-
- sourceComponent: {
- if (!pluginInstance)
- return null;
-
- const hasDetail = pluginInstance.ccDetailContent !== null;
-
- if (widgetWidth <= 25) {
- return pluginSmallToggleComponent;
- } else if (hasDetail) {
- return pluginCompoundPillComponent;
- } else {
- return pluginToggleComponent;
- }
- }
-
- function tryCreatePluginInstance() {
- const pluginComponent = PluginService.pluginWidgetComponents[pluginId];
- if (!pluginComponent)
- return false;
- try {
- const instance = pluginComponent.createObject(null, {
- "pluginId": pluginId,
- "pluginService": PluginService,
- "visible": false,
- "width": 0,
- "height": 0
- });
- if (instance) {
- pluginInstance = instance;
- return true;
- }
- } catch (e) {
- console.warn("DragDropGrid: stale plugin component for", pluginId, "- reloading");
- PluginService.reloadPlugin(pluginId);
- }
- return false;
- }
-
- Component.onCompleted: {
- Qt.callLater(() => tryCreatePluginInstance());
- }
-
- Connections {
- target: PluginService
- function onPluginDataChanged(changedPluginId) {
- if (changedPluginId === pluginId && pluginInstance) {
- pluginInstance.loadPluginData();
- }
- }
- function onPluginLoaded(loadedPluginId) {
- if (loadedPluginId !== pluginId || pluginInstance)
- return;
- Qt.callLater(() => tryCreatePluginInstance());
- }
- }
-
- Component.onDestruction: {
- if (pluginInstance) {
- pluginInstance.destroy();
- }
- }
- }
- }
-
- Component {
- id: pluginCompoundPillComponent
- CompoundPill {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var pluginInstance: parent.pluginInstance
-
- iconName: pluginInstance?.ccWidgetIcon || "extension"
- primaryText: pluginInstance?.ccWidgetPrimaryText || "Plugin"
- secondaryText: pluginInstance?.ccWidgetSecondaryText || ""
- isActive: pluginInstance?.ccWidgetIsActive || false
-
- onToggled: {
- if (root.editMode)
- return;
- if (pluginInstance) {
- pluginInstance.ccWidgetToggled();
- }
- }
-
- onExpandClicked: {
- if (root.editMode)
- return;
- if (pluginInstance) {
- pluginInstance.ccWidgetExpanded();
- }
- root.expandClicked(widgetData, widgetIndex);
- }
- }
- }
-
- Component {
- id: pluginToggleComponent
- ToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var pluginInstance: parent.pluginInstance
- property var widgetDef: root.model?.getWidgetForId(widgetData.id || "")
-
- iconName: pluginInstance?.ccWidgetIcon || widgetDef?.icon || "extension"
- text: pluginInstance?.ccWidgetPrimaryText || widgetDef?.text || "Plugin"
- secondaryText: pluginInstance?.ccWidgetSecondaryText || ""
- isActive: pluginInstance?.ccWidgetIsActive || false
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- if (pluginInstance) {
- pluginInstance.ccWidgetToggled();
- }
- }
- }
- }
-
- Component {
- id: pluginSmallToggleComponent
- SmallToggleButton {
- property var widgetData: parent.widgetData || {}
- property int widgetIndex: parent.widgetIndex || 0
- property var pluginInstance: parent.pluginInstance
- property var widgetDef: root.model?.getWidgetForId(widgetData.id || "")
-
- iconName: pluginInstance?.ccWidgetIcon || widgetDef?.icon || "extension"
- isActive: pluginInstance?.ccWidgetIsActive || false
- enabled: !root.editMode
-
- onClicked: {
- if (root.editMode)
- return;
- if (pluginInstance && pluginInstance.ccDetailContent) {
- root.expandClicked(widgetData, widgetIndex);
- } else if (pluginInstance) {
- pluginInstance.ccWidgetToggled();
- }
- }
- }
- }
-}
generated by cgit v1.3 (git 2.53.0) at 2026-07-15 13:34:54 +0000