diff options
Diffstat (limited to 'raveos-hyprland-theme/theme-data/dms/Modals/WindowRuleModal.qml')
| -rw-r--r-- | raveos-hyprland-theme/theme-data/dms/Modals/WindowRuleModal.qml | 1184 |
1 files changed, 1184 insertions, 0 deletions
diff --git a/raveos-hyprland-theme/theme-data/dms/Modals/WindowRuleModal.qml b/raveos-hyprland-theme/theme-data/dms/Modals/WindowRuleModal.qml new file mode 100644 index 0000000..6c9583a --- /dev/null +++ b/raveos-hyprland-theme/theme-data/dms/Modals/WindowRuleModal.qml @@ -0,0 +1,1184 @@ +import QtQuick +import Quickshell +import qs.Common +import qs.Services +import qs.Widgets + +FloatingWindow { + id: root + + property bool disablePopupTransparency: true + property var editingRule: null + property bool isEditMode: editingRule !== null + property bool isNiri: CompositorService.isNiri + property bool isHyprland: CompositorService.isHyprland + property bool submitting: false + property var targetWindow: null + + signal ruleSubmitted + + readonly property int inputFieldHeight: Theme.fontSizeMedium + Theme.spacingL * 2 + readonly property int sectionSpacing: Theme.spacingL + + objectName: "windowRuleModal" + title: isEditMode ? I18n.tr("Edit Window Rule") : I18n.tr("Create Window Rule") + minimumSize: Qt.size(500, 600) + maximumSize: Qt.size(500, 600) + color: Theme.surfaceContainer + visible: false + + function resetForm() { + nameInput.text = ""; + appIdInput.text = ""; + titleInput.text = ""; + opacityEnabled.checked = false; + opacitySlider.value = 100; + floatingToggle.checked = false; + maximizedToggle.checked = false; + maximizedToEdgesToggle.checked = false; + fullscreenToggle.checked = false; + openFocusedToggle.checked = false; + outputInput.text = ""; + workspaceInput.text = ""; + columnWidthInput.text = ""; + windowHeightInput.text = ""; + vrrToggle.checked = false; + blockOutDropdown.currentValue = ""; + columnDisplayDropdown.currentValue = ""; + scrollFactorEnabled.checked = false; + scrollFactorSlider.value = 100; + cornerRadiusEnabled.checked = false; + cornerRadiusSlider.value = 12; + clipToGeometryToggle.checked = false; + tiledStateToggle.checked = false; + drawBorderBgToggle.checked = false; + minWidthInput.text = ""; + maxWidthInput.text = ""; + minHeightInput.text = ""; + maxHeightInput.text = ""; + tileToggle.checked = false; + noFocusToggle.checked = false; + noBorderToggle.checked = false; + noShadowToggle.checked = false; + noDimToggle.checked = false; + noBlurToggle.checked = false; + noAnimToggle.checked = false; + noRoundingToggle.checked = false; + pinToggle.checked = false; + opaqueToggle.checked = false; + sizeInput.text = ""; + moveInput.text = ""; + monitorInput.text = ""; + hyprWorkspaceInput.text = ""; + } + + function show(window) { + editingRule = null; + targetWindow = window || null; + resetForm(); + if (targetWindow) { + nameInput.text = targetWindow.appId || ""; + appIdInput.text = targetWindow.appId ? "^" + targetWindow.appId + "$" : ""; + } + visible = true; + Qt.callLater(() => nameInput.forceActiveFocus()); + } + + function showEdit(rule) { + if (!rule) { + show(); + return; + } + editingRule = rule; + resetForm(); + + nameInput.text = rule.name || ""; + const match = rule.matchCriteria || {}; + appIdInput.text = match.appId || ""; + titleInput.text = match.title || ""; + + const actions = rule.actions || {}; + const hasOpacity = actions.opacity !== undefined && actions.opacity !== null; + opacityEnabled.checked = hasOpacity; + opacitySlider.value = hasOpacity ? Math.round(actions.opacity * 100) : 100; + + floatingToggle.checked = actions.openFloating || false; + maximizedToggle.checked = actions.openMaximized || false; + maximizedToEdgesToggle.checked = actions.openMaximizedToEdges || false; + fullscreenToggle.checked = actions.openFullscreen || false; + + openFocusedToggle.checked = actions.openFocused || false; + + outputInput.text = actions.openOnOutput || ""; + workspaceInput.text = actions.openOnWorkspace || ""; + columnWidthInput.text = actions.defaultColumnWidth || ""; + windowHeightInput.text = actions.defaultWindowHeight || ""; + vrrToggle.checked = actions.variableRefreshRate || false; + + blockOutDropdown.currentValue = actions.blockOutFrom || ""; + columnDisplayDropdown.currentValue = actions.defaultColumnDisplay || ""; + + const hasScrollFactor = actions.scrollFactor !== undefined && actions.scrollFactor !== null; + scrollFactorEnabled.checked = hasScrollFactor; + scrollFactorSlider.value = hasScrollFactor ? Math.round(actions.scrollFactor * 100) : 100; + + const hasCornerRadius = actions.cornerRadius !== undefined && actions.cornerRadius !== null; + cornerRadiusEnabled.checked = hasCornerRadius; + cornerRadiusSlider.value = hasCornerRadius ? actions.cornerRadius : 12; + + clipToGeometryToggle.checked = actions.clipToGeometry || false; + tiledStateToggle.checked = actions.tiledState || false; + + drawBorderBgToggle.checked = actions.drawBorderWithBackground || false; + + minWidthInput.text = actions.minWidth !== undefined ? String(actions.minWidth) : ""; + maxWidthInput.text = actions.maxWidth !== undefined ? String(actions.maxWidth) : ""; + minHeightInput.text = actions.minHeight !== undefined ? String(actions.minHeight) : ""; + maxHeightInput.text = actions.maxHeight !== undefined ? String(actions.maxHeight) : ""; + + tileToggle.checked = actions.tile || false; + noFocusToggle.checked = actions.nofocus || false; + noBorderToggle.checked = actions.noborder || false; + noShadowToggle.checked = actions.noshadow || false; + noDimToggle.checked = actions.nodim || false; + noBlurToggle.checked = actions.noblur || false; + noAnimToggle.checked = actions.noanim || false; + noRoundingToggle.checked = actions.norounding || false; + pinToggle.checked = actions.pin || false; + opaqueToggle.checked = actions.opaque || false; + sizeInput.text = actions.size || ""; + moveInput.text = actions.move || ""; + monitorInput.text = actions.monitor || ""; + hyprWorkspaceInput.text = actions.workspace || ""; + + visible = true; + Qt.callLater(() => nameInput.forceActiveFocus()); + } + + function hide() { + visible = false; + editingRule = null; + targetWindow = null; + } + + function submitAndClose() { + const matchCriteria = {}; + if (appIdInput.text.trim()) + matchCriteria.appId = appIdInput.text.trim(); + if (titleInput.text.trim()) + matchCriteria.title = titleInput.text.trim(); + + const actions = {}; + + if (opacityEnabled.checked) + actions.opacity = opacitySlider.value / 100; + if (floatingToggle.checked) + actions.openFloating = true; + if (maximizedToggle.checked) + actions.openMaximized = true; + if (maximizedToEdgesToggle.checked && isNiri) + actions.openMaximizedToEdges = true; + if (fullscreenToggle.checked) + actions.openFullscreen = true; + if (openFocusedToggle.checked && isNiri) + actions.openFocused = true; + if (outputInput.text.trim()) + actions.openOnOutput = outputInput.text.trim(); + if (workspaceInput.text.trim()) + actions.openOnWorkspace = workspaceInput.text.trim(); + if (columnWidthInput.text.trim() && isNiri) + actions.defaultColumnWidth = columnWidthInput.text.trim(); + if (windowHeightInput.text.trim() && isNiri) + actions.defaultWindowHeight = windowHeightInput.text.trim(); + if (vrrToggle.checked && isNiri) + actions.variableRefreshRate = true; + if (blockOutDropdown.currentValue && isNiri) + actions.blockOutFrom = blockOutDropdown.currentValue; + if (columnDisplayDropdown.currentValue && isNiri) + actions.defaultColumnDisplay = columnDisplayDropdown.currentValue; + if (scrollFactorEnabled.checked && isNiri) + actions.scrollFactor = scrollFactorSlider.value / 100; + if (cornerRadiusEnabled.checked) + actions.cornerRadius = cornerRadiusSlider.value; + if (clipToGeometryToggle.checked && isNiri) + actions.clipToGeometry = true; + if (tiledStateToggle.checked && isNiri) + actions.tiledState = true; + if (drawBorderBgToggle.checked && isNiri) + actions.drawBorderWithBackground = true; + + const minW = parseInt(minWidthInput.text); + const maxW = parseInt(maxWidthInput.text); + const minH = parseInt(minHeightInput.text); + const maxH = parseInt(maxHeightInput.text); + if (!isNaN(minW)) + actions.minWidth = minW; + if (!isNaN(maxW)) + actions.maxWidth = maxW; + if (!isNaN(minH)) + actions.minHeight = minH; + if (!isNaN(maxH)) + actions.maxHeight = maxH; + + if (isHyprland) { + if (tileToggle.checked) + actions.tile = true; + if (noFocusToggle.checked) + actions.nofocus = true; + if (noBorderToggle.checked) + actions.noborder = true; + if (noShadowToggle.checked) + actions.noshadow = true; + if (noDimToggle.checked) + actions.nodim = true; + if (noBlurToggle.checked) + actions.noblur = true; + if (noAnimToggle.checked) + actions.noanim = true; + if (noRoundingToggle.checked) + actions.norounding = true; + if (pinToggle.checked) + actions.pin = true; + if (opaqueToggle.checked) + actions.opaque = true; + if (sizeInput.text.trim()) + actions.size = sizeInput.text.trim(); + if (moveInput.text.trim()) + actions.move = moveInput.text.trim(); + if (monitorInput.text.trim()) + actions.monitor = monitorInput.text.trim(); + if (hyprWorkspaceInput.text.trim()) + actions.workspace = hyprWorkspaceInput.text.trim(); + } + + const name = nameInput.text.trim() || matchCriteria.appId || I18n.tr("Rule"); + const compositor = CompositorService.compositor; + + const ruleData = { + name: name, + matchCriteria: matchCriteria, + actions: actions, + enabled: true + }; + + submitting = true; + + const shouldValidate = CompositorService.isNiri; + + if (isEditMode) { + const ruleJson = JSON.stringify(ruleData); + Proc.runCommand("update-windowrule", ["dms", "config", "windowrules", "update", compositor, editingRule.id, ruleJson], (output, exitCode) => { + root.submitting = false; + if (exitCode !== 0) + return; + if (shouldValidate) + NiriService.validate(); + root.ruleSubmitted(); + root.hide(); + }); + } else { + const ruleJson = JSON.stringify(ruleData); + Proc.runCommand("add-windowrule", ["dms", "config", "windowrules", "add", compositor, ruleJson], (output, exitCode) => { + root.submitting = false; + if (exitCode !== 0) + return; + if (shouldValidate) + NiriService.validate(); + root.ruleSubmitted(); + root.hide(); + }); + } + } + + onVisibleChanged: { + if (!visible) { + editingRule = null; + targetWindow = null; + } + } + + component SectionHeader: StyledText { + property string title + text: title + font.pixelSize: Theme.fontSizeMedium + font.weight: Font.Medium + color: Theme.primary + topPadding: Theme.spacingM + bottomPadding: Theme.spacingXS + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + component CheckboxRow: Row { + property alias checked: checkbox.checked + property alias label: labelText.text + property bool indeterminate: false + spacing: Theme.spacingS + height: 24 + + Rectangle { + id: checkbox + property bool checked: false + width: 20 + height: 20 + radius: 4 + color: parent.indeterminate ? Theme.surfaceVariant : (checked ? Theme.primary : "transparent") + border.color: parent.indeterminate ? Theme.outlineButton : (checked ? Theme.primary : Theme.outlineButton) + border.width: 2 + anchors.verticalCenter: parent.verticalCenter + + DankIcon { + anchors.centerIn: parent + name: parent.parent.indeterminate ? "remove" : "check" + size: 12 + color: parent.parent.indeterminate ? Theme.surfaceVariantText : Theme.background + visible: parent.checked || parent.parent.indeterminate + } + + MouseArea { + anchors.fill: parent + cursorShape: Qt.PointingHandCursor + onClicked: { + if (parent.parent.indeterminate) { + parent.parent.indeterminate = false; + parent.checked = true; + } else { + parent.checked = !parent.checked; + } + } + } + } + + StyledText { + id: labelText + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceText + anchors.verticalCenter: parent.verticalCenter + } + } + + component InputField: Rectangle { + id: inputFieldRect + default property alias contentData: inputFieldRect.data + property bool hasFocus: false + width: parent.width + height: root.inputFieldHeight + radius: Theme.cornerRadius + color: Theme.surfaceHover + border.color: hasFocus ? Theme.primary : Theme.outlineStrong + border.width: hasFocus ? 2 : 1 + } + + FocusScope { + anchors.fill: parent + focus: true + + LayoutMirroring.enabled: I18n.isRtl + LayoutMirroring.childrenInherit: true + + Keys.onEscapePressed: event => { + hide(); + event.accepted = true; + } + + Item { + id: header + anchors.top: parent.top + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Theme.spacingL + height: Math.max(headerCol.height, closeBtn.height) + + MouseArea { + anchors.left: parent.left + anchors.right: closeBtn.left + anchors.rightMargin: Theme.spacingM + height: headerCol.height + onPressed: windowControls.tryStartMove() + + Column { + id: headerCol + width: parent.width + spacing: Theme.spacingXS + + StyledText { + text: root.isEditMode ? I18n.tr("Edit Window Rule") : I18n.tr("New Window Rule") + font.pixelSize: Theme.fontSizeLarge + color: Theme.surfaceText + font.weight: Font.Medium + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + StyledText { + text: I18n.tr("Configure match criteria and actions") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceTextMedium + width: parent.width + horizontalAlignment: Text.AlignLeft + } + } + } + + DankActionButton { + id: closeBtn + anchors.right: parent.right + iconName: "close" + iconSize: Theme.iconSize - 4 + iconColor: Theme.surfaceText + onClicked: hide() + } + } + + DankFlickable { + id: flickable + anchors.top: header.bottom + anchors.left: parent.left + anchors.right: parent.right + anchors.bottom: footer.top + anchors.margins: Theme.spacingL + anchors.topMargin: Theme.spacingM + contentWidth: width + contentHeight: contentCol.implicitHeight + clip: true + + Column { + id: contentCol + width: flickable.width - Theme.spacingM + spacing: Theme.spacingXS + + InputField { + hasFocus: nameInput.activeFocus + DankTextField { + id: nameInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: I18n.tr("Rule Name") + backgroundColor: "transparent" + enabled: root.visible + } + } + + SectionHeader { + title: I18n.tr("Match Criteria") + } + + InputField { + hasFocus: appIdInput.activeFocus + DankTextField { + id: appIdInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: isNiri ? I18n.tr("App ID regex (e.g. ^firefox$)") : I18n.tr("Class regex (e.g. ^firefox$)") + backgroundColor: "transparent" + enabled: root.visible + } + } + + Row { + width: parent.width + spacing: Theme.spacingS + + InputField { + width: addTitleBtn.visible ? parent.width - addTitleBtn.width - Theme.spacingS : parent.width + hasFocus: titleInput.activeFocus + DankTextField { + id: titleInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: I18n.tr("Title regex (optional)") + backgroundColor: "transparent" + enabled: root.visible + } + } + + DankActionButton { + id: addTitleBtn + width: root.inputFieldHeight + height: root.inputFieldHeight + circular: false + iconName: "add" + iconSize: 16 + iconColor: Theme.surfaceVariantText + visible: !root.isEditMode && !!root.targetWindow?.title + tooltipText: I18n.tr("Add Title") + tooltipSide: "left" + onClicked: { + if (!root.targetWindow?.title) + return; + titleInput.text = "^" + root.targetWindow.title + "$"; + } + } + } + + SectionHeader { + title: I18n.tr("Window Opening") + } + + Flow { + width: parent.width + spacing: Theme.spacingL + + CheckboxRow { + id: floatingToggle + label: I18n.tr("Float") + } + CheckboxRow { + id: maximizedToggle + label: I18n.tr("Maximize") + } + CheckboxRow { + id: fullscreenToggle + label: I18n.tr("Fullscreen") + } + CheckboxRow { + id: maximizedToEdgesToggle + label: I18n.tr("Max to Edges") + visible: isNiri + } + CheckboxRow { + id: openFocusedToggle + label: I18n.tr("Focus") + visible: isNiri + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: true + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Output") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: outputInput.activeFocus + DankTextField { + id: outputInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "HDMI-A-1" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Workspace") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: workspaceInput.activeFocus + DankTextField { + id: workspaceInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "chat" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: isNiri + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Column Width") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: columnWidthInput.activeFocus + DankTextField { + id: columnWidthInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "800" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Window Height") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: windowHeightInput.activeFocus + DankTextField { + id: windowHeightInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "600" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + } + + SectionHeader { + title: I18n.tr("Dynamic Properties") + } + + Row { + width: parent.width + spacing: Theme.spacingM + + CheckboxRow { + id: opacityEnabled + label: I18n.tr("Opacity") + anchors.verticalCenter: parent.verticalCenter + } + + DankSlider { + id: opacitySlider + width: parent.width - 100 + minimum: 10 + maximum: 100 + value: 100 + enabled: opacityEnabled.checked + opacity: enabled ? 1 : 0.4 + } + } + + Flow { + width: parent.width + spacing: Theme.spacingL + visible: isNiri + + CheckboxRow { + id: vrrToggle + label: I18n.tr("VRR On-Demand") + } + CheckboxRow { + id: clipToGeometryToggle + label: I18n.tr("Clip to Geometry") + } + CheckboxRow { + id: tiledStateToggle + label: I18n.tr("Tiled State") + } + CheckboxRow { + id: drawBorderBgToggle + label: I18n.tr("Border with BG") + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: isNiri + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Block Out From") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + DankDropdown { + id: blockOutDropdown + width: parent.width + dropdownWidth: parent.width + compactMode: true + options: ["", "screencast", "screen-capture"] + emptyText: I18n.tr("None") + } + } + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Column Display") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + DankDropdown { + id: columnDisplayDropdown + width: parent.width + dropdownWidth: parent.width + compactMode: true + options: ["", "tabbed"] + emptyText: I18n.tr("Normal") + } + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: isNiri + + CheckboxRow { + id: scrollFactorEnabled + label: I18n.tr("Scroll Factor") + anchors.verticalCenter: parent.verticalCenter + } + + DankSlider { + id: scrollFactorSlider + width: parent.width - 120 + minimum: 10 + maximum: 200 + value: 100 + enabled: scrollFactorEnabled.checked + opacity: enabled ? 1 : 0.4 + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + + CheckboxRow { + id: cornerRadiusEnabled + label: I18n.tr("Corner Radius") + anchors.verticalCenter: parent.verticalCenter + } + + DankSlider { + id: cornerRadiusSlider + width: parent.width - 130 + minimum: 0 + maximum: 24 + value: 12 + enabled: cornerRadiusEnabled.checked + opacity: enabled ? 1 : 0.4 + } + } + + SectionHeader { + title: I18n.tr("Size Constraints") + } + + Row { + width: parent.width + spacing: Theme.spacingM + + Column { + width: (parent.width - Theme.spacingM * 3) / 4 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Min W") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: minWidthInput.activeFocus + DankTextField { + id: minWidthInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "px" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM * 3) / 4 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Max W") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: maxWidthInput.activeFocus + DankTextField { + id: maxWidthInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "px" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM * 3) / 4 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Min H") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: minHeightInput.activeFocus + DankTextField { + id: minHeightInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "px" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM * 3) / 4 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Max H") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: maxHeightInput.activeFocus + DankTextField { + id: maxHeightInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "px" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + } + + SectionHeader { + title: I18n.tr("Hyprland Options") + visible: isHyprland + } + + Flow { + width: parent.width + spacing: Theme.spacingL + visible: isHyprland + + CheckboxRow { + id: tileToggle + label: I18n.tr("Tile") + } + CheckboxRow { + id: noFocusToggle + label: I18n.tr("No Focus") + } + CheckboxRow { + id: noBorderToggle + label: I18n.tr("No Border") + } + CheckboxRow { + id: noShadowToggle + label: I18n.tr("No Shadow") + } + CheckboxRow { + id: noDimToggle + label: I18n.tr("No Dim") + } + CheckboxRow { + id: noBlurToggle + label: I18n.tr("No Blur") + } + CheckboxRow { + id: noAnimToggle + label: I18n.tr("No Anim") + } + CheckboxRow { + id: noRoundingToggle + label: I18n.tr("No Rounding") + } + CheckboxRow { + id: pinToggle + label: I18n.tr("Pin") + } + CheckboxRow { + id: opaqueToggle + label: I18n.tr("Opaque") + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: isHyprland + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Size") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: sizeInput.activeFocus + DankTextField { + id: sizeInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "800 600" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Move") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: moveInput.activeFocus + DankTextField { + id: moveInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "100 100" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + } + + Row { + width: parent.width + spacing: Theme.spacingM + visible: isHyprland + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Monitor") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: monitorInput.activeFocus + DankTextField { + id: monitorInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "DP-1" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + + Column { + width: (parent.width - Theme.spacingM) / 2 + spacing: Theme.spacingXS + + StyledText { + text: I18n.tr("Workspace") + font.pixelSize: Theme.fontSizeSmall + color: Theme.surfaceVariantText + width: parent.width + horizontalAlignment: Text.AlignLeft + } + + InputField { + width: parent.width + hasFocus: hyprWorkspaceInput.activeFocus + DankTextField { + id: hyprWorkspaceInput + anchors.fill: parent + font.pixelSize: Theme.fontSizeSmall + textColor: Theme.surfaceText + placeholderText: "1" + backgroundColor: "transparent" + enabled: root.visible + } + } + } + } + + Item { + width: 1 + height: Theme.spacingM + } + } + } + + Item { + id: footer + anchors.bottom: parent.bottom + anchors.left: parent.left + anchors.right: parent.right + anchors.margins: Theme.spacingL + height: 44 + + Row { + anchors.right: parent.right + anchors.verticalCenter: parent.verticalCenter + spacing: Theme.spacingM + + Rectangle { + width: Math.max(70, cancelText.contentWidth + Theme.spacingM * 2) + height: 36 + radius: Theme.cornerRadius + color: cancelArea.containsMouse ? Theme.surfaceTextHover : "transparent" + border.color: Theme.surfaceVariantAlpha + border.width: 1 + + StyledText { + id: cancelText + anchors.centerIn: parent + text: I18n.tr("Cancel") + font.pixelSize: Theme.fontSizeMedium + color: Theme.surfaceText + font.weight: Font.Medium + } + + MouseArea { + id: cancelArea + anchors.fill: parent + hoverEnabled: true + cursorShape: Qt.PointingHandCursor + onClicked: hide() + } + } + + Rectangle { + width: Math.max(80, createText.contentWidth + Theme.spacingM * 2) + height: 36 + radius: Theme.cornerRadius + color: root.submitting ? Theme.surfaceVariant : (createArea.containsMouse ? Qt.darker(Theme.primary, 1.1) : Theme.primary) + + StyledText { + id: createText + anchors.centerIn: parent + text: root.submitting ? I18n.tr("Saving...") : (root.isEditMode ? I18n.tr("Update") : I18n.tr("Create")) + font.pixelSize: Theme.fontSizeMedium + color: root.submitting ? Theme.surfaceVariantText : Theme.background + font.weight: Font.Medium + } + + MouseArea { + id: createArea + anchors.fill: parent + hoverEnabled: true + cursorShape: root.submitting ? Qt.ArrowCursor : Qt.PointingHandCursor + enabled: !root.submitting + onClicked: submitAndClose() + } + + Behavior on color { + ColorAnimation { + duration: Theme.shortDuration + easing.type: Theme.standardEasing + } + } + } + } + } + } + + FloatingWindowControls { + id: windowControls + targetWindow: root + } +} |