diff options
Diffstat (limited to 'usr/share/sddm/themes/archcraft/Components')
7 files changed, 1268 insertions, 0 deletions
diff --git a/usr/share/sddm/themes/archcraft/Components/Clock.qml b/usr/share/sddm/themes/archcraft/Components/Clock.qml new file mode 100644 index 00000000..e809efc1 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/Clock.qml @@ -0,0 +1,76 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Controls 2.4 + +Column { + id: clock + spacing: 0 + width: parent.width / 2 + + Label { + anchors.horizontalCenter: parent.horizontalCenter + font.pointSize: config.HeaderText !=="" ? root.font.pointSize * 3 : 0 + color: root.palette.text + renderType: Text.QtRendering + text: config.HeaderText + } + + Label { + id: timeLabel + anchors.horizontalCenter: parent.horizontalCenter + font.pointSize: root.font.pointSize * 3 + color: root.palette.text + renderType: Text.QtRendering + function updateTime() { + text = new Date().toLocaleTimeString(Qt.locale(config.Locale), config.HourFormat == "long" ? Locale.LongFormat : config.HourFormat !== "" ? config.HourFormat : Locale.ShortFormat) + } + } + + Label { + id: dateLabel + anchors.horizontalCenter: parent.horizontalCenter + color: root.palette.text + renderType: Text.QtRendering + function updateTime() { + text = new Date().toLocaleDateString(Qt.locale(config.Locale), config.DateFormat == "short" ? Locale.ShortFormat : config.DateFormat !== "" ? config.DateFormat : Locale.LongFormat) + } + } + + Timer { + interval: 1000 + repeat: true + running: true + onTriggered: { + dateLabel.updateTime() + timeLabel.updateTime() + } + } + + Component.onCompleted: { + dateLabel.updateTime() + timeLabel.updateTime() + } +} diff --git a/usr/share/sddm/themes/archcraft/Components/Input.qml b/usr/share/sddm/themes/archcraft/Components/Input.qml new file mode 100644 index 00000000..6dace924 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/Input.qml @@ -0,0 +1,576 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Layouts 1.11 +import QtQuick.Controls 2.4 +import QtGraphicalEffects 1.0 + +Column { + id: inputContainer + Layout.fillWidth: true + + property Control exposeSession: sessionSelect.exposeSession + property bool failed + + Item { + id: usernameField + + height: root.font.pointSize * 4.5 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + ComboBox { + + id: selectUser + + width: parent.height + height: parent.height + anchors.left: parent.left + + property var popkey: config.ForceRightToLeft == "true" ? Qt.Key_Right : Qt.Key_Left + Keys.onPressed: { + if (event.key == Qt.Key_Down && !popup.opened) + username.forceActiveFocus(); + if ((event.key == Qt.Key_Up || event.key == popkey) && !popup.opened) + popup.open(); + } + KeyNavigation.down: username + KeyNavigation.right: username + z: 2 + + model: userModel + currentIndex: model.lastIndex + textRole: "name" + hoverEnabled: true + onActivated: { + username.text = currentText + } + + delegate: ItemDelegate { + width: parent.width + anchors.horizontalCenter: parent.horizontalCenter + contentItem: Text { + text: model.name + font.pointSize: root.font.pointSize * 0.8 + font.capitalization: Font.Capitalize + color: selectUser.highlightedIndex === index ? root.palette.highlight.hslLightness >= 0.7 ? "#444" : "white" : root.palette.window.hslLightness >= 0.8 ? root.palette.highlight.hslLightness >= 0.8 ? "#444" : root.palette.highlight : "white" + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + } + highlighted: parent.highlightedIndex === index + background: Rectangle { + color: selectUser.highlightedIndex === index ? root.palette.highlight : "transparent" + } + } + + indicator: Button { + id: usernameIcon + width: selectUser.height * 0.8 + height: parent.height + anchors.left: parent.left + anchors.verticalCenter: parent.verticalCenter + anchors.leftMargin: selectUser.height * 0.125 + icon.height: parent.height * 0.25 + icon.width: parent.height * 0.25 + enabled: false + icon.color: root.palette.text + icon.source: Qt.resolvedUrl("../Assets/User.svgz") + } + + background: Rectangle { + color: "transparent" + border.color: "transparent" + } + + popup: Popup { + y: parent.height - username.height / 3 + x: config.ForceRightToLeft == "true" ? -loginButton.width + selectUser.width : 0 + rightMargin: config.ForceRightToLeft == "true" ? root.padding + usernameField.width / 2 : undefined + width: usernameField.width + implicitHeight: contentItem.implicitHeight + padding: 10 + + contentItem: ListView { + clip: true + implicitHeight: contentHeight + 20 + model: selectUser.popup.visible ? selectUser.delegateModel : null + currentIndex: selectUser.highlightedIndex + ScrollIndicator.vertical: ScrollIndicator { } + } + + background: Rectangle { + radius: config.RoundCorners / 2 + color: root.palette.window + layer.enabled: true + layer.effect: DropShadow { + transparentBorder: true + horizontalOffset: 0 + verticalOffset: 10 * config.InterfaceShadowSize + radius: 20 * config.InterfaceShadowSize + samples: 41 * config.InterfaceShadowSize + cached: true + color: Qt.hsla(0,0,0,config.InterfaceShadowOpacity) + } + } + + enter: Transition { + NumberAnimation { property: "opacity"; from: 0; to: 1 } + } + } + + states: [ + State { + name: "pressed" + when: selectUser.down + PropertyChanges { + target: usernameIcon + icon.color: Qt.lighter(root.palette.highlight, 1.1) + } + }, + State { + name: "hovered" + when: selectUser.hovered + PropertyChanges { + target: usernameIcon + icon.color: Qt.lighter(root.palette.highlight, 1.2) + } + }, + State { + name: "focused" + when: selectUser.activeFocus + PropertyChanges { + target: usernameIcon + icon.color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "color, border.color, icon.color" + duration: 150 + } + } + ] + + } + + TextField { + id: username + text: config.ForceLastUser == "true" ? selectUser.currentText : null + font.capitalization: config.AllowBadUsernames == "false" ? Font.Capitalize : Font.MixedCase + anchors.centerIn: parent + height: root.font.pointSize * 3 + width: parent.width + placeholderText: config.TranslatePlaceholderUsername || textConstants.userName + selectByMouse: true + horizontalAlignment: TextInput.AlignHCenter + renderType: Text.QtRendering + onFocusChanged:{ + if(focus) + selectAll() + } + background: Rectangle { + color: "transparent" + border.color: root.palette.text + border.width: parent.activeFocus ? 2 : 1 + radius: config.RoundCorners || 0 + } + onAccepted: loginButton.clicked() + KeyNavigation.down: password + z: 1 + + states: [ + State { + name: "focused" + when: username.activeFocus + PropertyChanges { + target: username.background + border.color: root.palette.highlight + } + PropertyChanges { + target: username + color: root.palette.highlight + } + } + ] + } + + } + + Item { + id: passwordField + height: root.font.pointSize * 4.5 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + TextField { + id: password + anchors.centerIn: parent + height: root.font.pointSize * 3 + width: parent.width + focus: config.ForcePasswordFocus == "true" ? true : false + selectByMouse: true + echoMode: revealSecret.checked ? TextInput.Normal : TextInput.Password + placeholderText: config.TranslatePlaceholderPassword || textConstants.password + horizontalAlignment: TextInput.AlignHCenter + passwordCharacter: "•" + passwordMaskDelay: config.ForceHideCompletePassword == "true" ? undefined : 1000 + renderType: Text.QtRendering + background: Rectangle { + color: "transparent" + border.color: root.palette.text + border.width: parent.activeFocus ? 2 : 1 + radius: config.RoundCorners || 0 + } + onAccepted: loginButton.clicked() + KeyNavigation.down: revealSecret + } + + states: [ + State { + name: "focused" + when: password.activeFocus + PropertyChanges { + target: password.background + border.color: root.palette.highlight + } + PropertyChanges { + target: password + color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "color, border.color" + duration: 150 + } + } + ] + } + + Item { + id: secretCheckBox + height: root.font.pointSize * 7 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + CheckBox { + id: revealSecret + width: parent.width + hoverEnabled: true + + indicator: Rectangle { + id: indicator + anchors.left: parent.left + anchors.top: parent.top + anchors.topMargin: 3 + anchors.leftMargin: 4 + implicitHeight: root.font.pointSize + implicitWidth: root.font.pointSize + color: "transparent" + border.color: root.palette.text + border.width: parent.activeFocus ? 2 : 1 + Rectangle { + id: dot + anchors.centerIn: parent + implicitHeight: parent.width - 6 + implicitWidth: parent.width - 6 + color: root.palette.text + opacity: revealSecret.checked ? 1 : 0 + } + } + + contentItem: Text { + id: indicatorLabel + text: config.TranslateShowPassword || "Show Password" + anchors.verticalCenter: indicator.verticalCenter + horizontalAlignment: Text.AlignLeft + anchors.left: indicator.right + anchors.leftMargin: indicator.width / 2 + font.pointSize: root.font.pointSize * 0.8 + color: root.palette.text + } + + Keys.onReturnPressed: toggle() + Keys.onEnterPressed: toggle() + KeyNavigation.down: loginButton + + background: Rectangle { + color: "transparent" + border.width: parent.activeFocus ? 1 : 0 + border.color: parent.activeFocus ? root.palette.text : "transparent" + height: parent.activeFocus ? 2 : 0 + width: (indicator.width + indicatorLabel.contentWidth + indicatorLabel.anchors.leftMargin + 2) + anchors.top: indicatorLabel.bottom + anchors.left: parent.left + anchors.leftMargin: 3 + anchors.topMargin: 8 + } + } + + states: [ + State { + name: "pressed" + when: revealSecret.down + PropertyChanges { + target: revealSecret.contentItem + color: Qt.darker(root.palette.highlight, 1.1) + } + PropertyChanges { + target: dot + color: Qt.darker(root.palette.highlight, 1.1) + } + PropertyChanges { + target: indicator + border.color: Qt.darker(root.palette.highlight, 1.1) + } + PropertyChanges { + target: revealSecret.background + border.color: Qt.darker(root.palette.highlight, 1.1) + } + }, + State { + name: "hovered" + when: revealSecret.hovered + PropertyChanges { + target: indicatorLabel + color: Qt.lighter(root.palette.highlight, 1.1) + } + PropertyChanges { + target: indicator + border.color: Qt.lighter(root.palette.highlight, 1.1) + } + PropertyChanges { + target: dot + color: Qt.lighter(root.palette.highlight, 1.1) + } + PropertyChanges { + target: revealSecret.background + border.color: Qt.lighter(root.palette.highlight, 1.1) + } + }, + State { + name: "focused" + when: revealSecret.activeFocus + PropertyChanges { + target: indicatorLabel + color: root.palette.highlight + } + PropertyChanges { + target: indicator + border.color: root.palette.highlight + } + PropertyChanges { + target: dot + color: root.palette.highlight + } + PropertyChanges { + target: revealSecret.background + border.color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "color, border.color, opacity" + duration: 150 + } + } + ] + + } + + Item { + height: root.font.pointSize * 2.3 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + Label { + id: errorMessage + width: parent.width + text: failed ? config.TranslateLoginFailedWarning || textConstants.loginFailed + "!" : keyboard.capsLock ? config.TranslateCapslockWarning || textConstants.capslockWarning : null + horizontalAlignment: Text.AlignHCenter + font.pointSize: root.font.pointSize * 0.8 + font.italic: true + color: root.palette.text + opacity: 0 + states: [ + State { + name: "fail" + when: failed + PropertyChanges { + target: errorMessage + opacity: 1 + } + }, + State { + name: "capslock" + when: keyboard.capsLock + PropertyChanges { + target: errorMessage + opacity: 1 + } + } + ] + transitions: [ + Transition { + PropertyAnimation { + properties: "opacity" + duration: 100 + } + } + ] + } + } + + Item { + id: login + height: root.font.pointSize * 3 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + Button { + id: loginButton + anchors.horizontalCenter: parent.horizontalCenter + text: config.TranslateLogin || textConstants.login + height: root.font.pointSize * 3 + implicitWidth: parent.width + enabled: config.AllowEmptyPassword == "true" || username.text != "" && password.text != "" ? true : false + hoverEnabled: true + + contentItem: Text { + text: parent.text + color: config.OverrideLoginButtonTextColor != "" ? config.OverrideLoginButtonTextColor : root.palette.highlight.hslLightness >= 0.7 ? "#444" : "white" + font.pointSize: root.font.pointSize + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + opacity: 0.5 + } + + background: Rectangle { + id: buttonBackground + color: "white" + opacity: 0.2 + radius: config.RoundCorners || 0 + } + + states: [ + State { + name: "pressed" + when: loginButton.down + PropertyChanges { + target: buttonBackground + color: Qt.darker(root.palette.highlight, 1.1) + opacity: 1 + } + PropertyChanges { + target: loginButton.contentItem + } + }, + State { + name: "hovered" + when: loginButton.hovered + PropertyChanges { + target: buttonBackground + color: Qt.lighter(root.palette.highlight, 1.15) + opacity: 1 + } + PropertyChanges { + target: loginButton.contentItem + opacity: 1 + } + }, + State { + name: "focused" + when: loginButton.activeFocus + PropertyChanges { + target: buttonBackground + color: Qt.lighter(root.palette.highlight, 1.2) + opacity: 1 + } + PropertyChanges { + target: loginButton.contentItem + opacity: 1 + } + }, + State { + name: "enabled" + when: loginButton.enabled + PropertyChanges { + target: buttonBackground; + color: root.palette.highlight; + opacity: 1 + } + PropertyChanges { + target: loginButton.contentItem; + opacity: 1 + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "opacity, color"; + duration: 300 + } + } + ] + + onClicked: config.AllowBadUsernames == "false" ? sddm.login(username.text.toLowerCase(), password.text, sessionSelect.selectedSession) : sddm.login(username.text, password.text, sessionSelect.selectedSession) + Keys.onReturnPressed: clicked() + Keys.onEnterPressed: clicked() + KeyNavigation.down: sessionSelect.exposeSession + } + } + + SessionButton { + id: sessionSelect + textConstantSession: textConstants.session + loginButtonWidth: loginButton.background.width + } + + Connections { + target: sddm + onLoginSucceeded: {} + onLoginFailed: { + failed = true + resetError.running ? resetError.stop() && resetError.start() : resetError.start() + } + } + + Timer { + id: resetError + interval: 2000 + onTriggered: failed = false + running: false + } +} diff --git a/usr/share/sddm/themes/archcraft/Components/LoginForm.qml b/usr/share/sddm/themes/archcraft/Components/LoginForm.qml new file mode 100644 index 00000000..70212564 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/LoginForm.qml @@ -0,0 +1,63 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Layouts 1.11 +import SddmComponents 2.0 as SDDM + +ColumnLayout { + id: formContainer + SDDM.TextConstants { id: textConstants } + + property int p: config.ScreenPadding + property string a: config.FormPosition + property alias systemButtonVisibility: systemButtons.visible + property alias clockVisibility: clock.visible + property bool virtualKeyboardActive + + Clock { + id: clock + Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom + Layout.preferredHeight: root.height / 4 + Layout.leftMargin: p != "0" ? a == "left" ? -p : a == "right" ? p : 0 : 0 + } + + Input { + id: input + Layout.alignment: Qt.AlignVCenter + Layout.preferredHeight: root.height / 10 + Layout.leftMargin: p != "0" ? a == "left" ? -p : a == "right" ? p : 0 : 0 + Layout.topMargin: virtualKeyboardActive ? -height * 1.5 : 0 + } + + SystemButtons { + id: systemButtons + Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom + Layout.preferredHeight: root.height / 4 + Layout.maximumHeight: root.height / 4 + Layout.leftMargin: p != "0" ? a == "left" ? -p : a == "right" ? p : 0 : 0 + exposedSession: input.exposeSession + } + +} diff --git a/usr/share/sddm/themes/archcraft/Components/SessionButton.qml b/usr/share/sddm/themes/archcraft/Components/SessionButton.qml new file mode 100644 index 00000000..945f9251 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/SessionButton.qml @@ -0,0 +1,194 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Controls 2.4 +import QtGraphicalEffects 1.0 + +Item { + id: sessionButton + height: root.font.pointSize + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + property var selectedSession: selectSession.currentIndex + property string textConstantSession + property int loginButtonWidth + property Control exposeSession: selectSession + + ComboBox { + id: selectSession + + hoverEnabled: true + anchors.left: parent.left + Keys.onPressed: { + if (event.key == Qt.Key_Up && loginButton.state != "enabled" && !popup.opened) + revealSecret.focus = true, + revealSecret.state = "focused", + currentIndex = currentIndex + 1; + if (event.key == Qt.Key_Up && loginButton.state == "enabled" && !popup.opened) + loginButton.focus = true, + loginButton.state = "focused", + currentIndex = currentIndex + 1; + if (event.key == Qt.Key_Down && !popup.opened) + systemButtons.children[0].focus = true, + systemButtons.children[0].state = "focused", + currentIndex = currentIndex - 1; + if ((event.key == Qt.Key_Left || event.key == Qt.Key_Right) && !popup.opened) + popup.open(); + } + + model: sessionModel + currentIndex: model.lastIndex + textRole: "name" + + delegate: ItemDelegate { + width: parent.width + anchors.horizontalCenter: parent.horizontalCenter + contentItem: Text { + text: model.name + font.pointSize: root.font.pointSize * 0.8 + color: selectSession.highlightedIndex === index ? root.palette.highlight.hslLightness >= 0.7 ? "#444444" : "white" : root.palette.window.hslLightness >= 0.8 ? root.palette.highlight.hslLightness >= 0.8 ? "#444444" : root.palette.highlight : "white" + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + } + highlighted: parent.highlightedIndex === index + background: Rectangle { + color: selectSession.highlightedIndex === index ? root.palette.highlight : "transparent" + } + } + + indicator { + visible: false + } + + contentItem: Text { + id: displayedItem + text: (config.TranslateSession || (textConstantSession + ":")) + " " + selectSession.currentText + color: root.palette.text + verticalAlignment: Text.AlignVCenter + anchors.left: parent.left + anchors.leftMargin: 3 + font.pointSize: root.font.pointSize * 0.8 + Keys.onReleased: parent.popup.open() + } + + background: Rectangle { + color: "transparent" + border.width: parent.visualFocus ? 1 : 0 + border.color: "transparent" + height: parent.visualFocus ? 2 : 0 + width: displayedItem.implicitWidth + anchors.top: parent.bottom + anchors.left: parent.left + anchors.leftMargin: 3 + } + + popup: Popup { + id: popupHandler + y: parent.height - 1 + x: config.ForceRightToLeft == "true" ? -loginButtonWidth + displayedItem.width : 0 + width: sessionButton.width + implicitHeight: contentItem.implicitHeight + padding: 10 + + contentItem: ListView { + clip: true + implicitHeight: contentHeight + 20 + model: selectSession.popup.visible ? selectSession.delegateModel : null + currentIndex: selectSession.highlightedIndex + ScrollIndicator.vertical: ScrollIndicator { } + } + + background: Rectangle { + radius: config.RoundCorners / 2 + color: config.BackgroundColor + layer.enabled: true + layer.effect: DropShadow { + transparentBorder: true + horizontalOffset: 0 + verticalOffset: 0 + radius: 20 * config.InterfaceShadowSize + samples: 41 * config.InterfaceShadowSize + cached: true + color: Qt.hsla(0,0,0,config.InterfaceShadowOpacity) + } + } + + enter: Transition { + NumberAnimation { property: "opacity"; from: 0; to: 1 } + } + } + + states: [ + State { + name: "pressed" + when: selectSession.down + PropertyChanges { + target: displayedItem + color: Qt.darker(root.palette.highlight, 1.1) + } + PropertyChanges { + target: selectSession.background + border.color: Qt.darker(root.palette.highlight, 1.1) + } + }, + State { + name: "hovered" + when: selectSession.hovered + PropertyChanges { + target: displayedItem + color: Qt.lighter(root.palette.highlight, 1.1) + } + PropertyChanges { + target: selectSession.background + border.color: Qt.lighter(root.palette.highlight, 1.1) + } + }, + State { + name: "focused" + when: selectSession.visualFocus + PropertyChanges { + target: displayedItem + color: root.palette.highlight + } + PropertyChanges { + target: selectSession.background + border.color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "color, border.color" + duration: 150 + } + } + ] + + } + +} diff --git a/usr/share/sddm/themes/archcraft/Components/SystemButtons.qml b/usr/share/sddm/themes/archcraft/Components/SystemButtons.qml new file mode 100644 index 00000000..511470d7 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/SystemButtons.qml @@ -0,0 +1,124 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Layouts 1.11 +import QtQuick.Controls 2.4 + +RowLayout { + + spacing: root.font.pointSize + + property var suspend: ["Suspend", config.TranslateSuspend || textConstants.suspend, sddm.canSuspend] + property var hibernate: ["Hibernate", config.TranslateHibernate || textConstants.hibernate, sddm.canHibernate] + property var reboot: ["Reboot", config.TranslateReboot || textConstants.reboot, sddm.canReboot] + property var shutdown: ["Shutdown", config.TranslateShutdown || textConstants.shutdown, sddm.canPowerOff] + + property Control exposedSession + + Repeater { + + id: systemButtons + model: [suspend, hibernate, reboot, shutdown] + + RoundButton { + text: modelData[1] + font.pointSize: root.font.pointSize * 0.8 + Layout.alignment: Qt.AlignHCenter + icon.source: modelData ? Qt.resolvedUrl("../Assets/" + modelData[0] + ".svgz") : "" + icon.height: 2 * Math.round((root.font.pointSize * 3) / 2) + icon.width: 2 * Math.round((root.font.pointSize * 3) / 2) + display: AbstractButton.TextUnderIcon + visible: config.ForceHideSystemButtons != "true" && modelData[2] + hoverEnabled: true + palette.buttonText: root.palette.text + background: Rectangle { + height: 2 + color: "transparent" + width: parent.width + border.width: parent.activeFocus ? 1 : 0 + border.color: "transparent" + anchors.top: parent.bottom + } + Keys.onReturnPressed: clicked() + onClicked: { + parent.forceActiveFocus() + index == 0 ? sddm.suspend() : index == 1 ? sddm.hibernate() : index == 2 ? sddm.reboot() : sddm.powerOff() + } + KeyNavigation.up: exposedSession + KeyNavigation.left: parent.children[index-1] + + states: [ + State { + name: "pressed" + when: parent.children[index].down + PropertyChanges { + target: parent.children[index] + palette.buttonText: Qt.darker(root.palette.highlight, 1.1) + } + PropertyChanges { + target: parent.children[index].background + border.color: Qt.darker(root.palette.highlight, 1.1) + } + }, + State { + name: "hovered" + when: parent.children[index].hovered + PropertyChanges { + target: parent.children[index] + palette.buttonText: Qt.lighter(root.palette.highlight, 1.1) + } + PropertyChanges { + target: parent.children[index].background + border.color: Qt.lighter(root.palette.highlight, 1.1) + } + }, + State { + name: "focused" + when: parent.children[index].activeFocus + PropertyChanges { + target: parent.children[index] + palette.buttonText: root.palette.highlight + } + PropertyChanges { + target: parent.children[index].background + border.color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "palette.buttonText, border.color" + duration: 150 + } + } + ] + + } + + } + +} diff --git a/usr/share/sddm/themes/archcraft/Components/UserList.qml b/usr/share/sddm/themes/archcraft/Components/UserList.qml new file mode 100644 index 00000000..c6844be9 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/UserList.qml @@ -0,0 +1,202 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.Controls 2.4 +import QtGraphicalEffects 1.0 + +Item { + id: usernameField + + height: root.font.pointSize * 4.5 + width: parent.width / 2 + anchors.horizontalCenter: parent.horizontalCenter + + property var selectedUser: selectUser.currentIndex + property alias user: username.text + + ComboBox { + + id: selectUser + + width: parent.height + height: parent.height + anchors.left: parent.left + z: 2 + + model: userModel + currentIndex: model.lastIndex + textRole: "name" + hoverEnabled: true + onActivated: { + username.text = currentText + } + + delegate: ItemDelegate { + width: parent.width + anchors.horizontalCenter: parent.horizontalCenter + contentItem: Text { + text: model.name + font.pointSize: root.font.pointSize * 0.8 + font.capitalization: Font.Capitalize + color: selectUser.highlightedIndex === index ? "white" : root.palette.window.hslLightness >= 0.8 ? root.palette.highlight : "white" + verticalAlignment: Text.AlignVCenter + horizontalAlignment: Text.AlignHCenter + } + highlighted: parent.highlightedIndex === index + background: Rectangle { + color: selectUser.highlightedIndex === index ? root.palette.highlight : "transparent" + } + } + + indicator: Button { + id: usernameIcon + width: selectUser.height * 0.8 + height: parent.height + anchors.left: parent.left + anchors.verticalCenter: parent.verticalCenter + anchors.leftMargin: selectUser.height * 0.125 + icon.height: parent.height * 0.25 + icon.width: parent.height * 0.25 + enabled: false + icon.color: root.palette.text + icon.source: Qt.resolvedUrl("../Assets/User.svgz") + } + + background: Rectangle { + color: "transparent" + border.color: "transparent" + } + + popup: Popup { + y: parent.height - username.height / 3 + rightMargin: config.ForceRightToLeft == "true" ? usernameField.width / 2 : undefined + width: usernameField.width + implicitHeight: contentItem.implicitHeight + padding: 10 + + contentItem: ListView { + clip: true + implicitHeight: contentHeight + 20 + model: selectUser.popup.visible ? selectUser.delegateModel : null + currentIndex: selectUser.highlightedIndex + ScrollIndicator.vertical: ScrollIndicator { } + } + + background: Rectangle { + radius: 10 + color: root.palette.window + layer.enabled: true + layer.effect: DropShadow { + transparentBorder: true + horizontalOffset: 0 + verticalOffset: 0 + radius: 100 + samples: 201 + cached: true + color: "#88000000" + } + } + + enter: Transition { + NumberAnimation { property: "opacity"; from: 0; to: 1 } + } + } + + states: [ + State { + name: "pressed" + when: selectUser.down + PropertyChanges { + target: usernameIcon + icon.color: Qt.lighter(root.palette.highlight, 1.1) + } + }, + State { + name: "hovered" + when: selectUser.hovered + PropertyChanges { + target: usernameIcon + icon.color: Qt.lighter(root.palette.highlight, 1.2) + } + }, + State { + name: "focused" + when: selectUser.visualFocus + PropertyChanges { + target: usernameIcon + icon.color: root.palette.highlight + } + } + ] + + transitions: [ + Transition { + PropertyAnimation { + properties: "color, border.color, icon.color" + duration: 150 + } + } + ] + + } + + TextField { + id: username + text: config.ForceLastUser == "true" ? selectUser.currentText : null + font.capitalization: Font.Capitalize + anchors.centerIn: parent + height: root.font.pointSize * 3 + width: parent.width + placeholderText: config.TranslateUsernamePlaceholder || textConstants.userName + selectByMouse: true + horizontalAlignment: TextInput.AlignHCenter + renderType: Text.QtRendering + background: Rectangle { + color: "transparent" + border.color: root.palette.text + border.width: parent.activeFocus ? 2 : 1 + radius: config.RoundCorners || 0 + } + Keys.onReturnPressed: loginButton.clicked() + KeyNavigation.down: password + z: 1 + + states: [ + State { + name: "focused" + when: username.activeFocus + PropertyChanges { + target: username.background + border.color: root.palette.highlight + } + PropertyChanges { + target: username + color: root.palette.highlight + } + } + ] + } + +} diff --git a/usr/share/sddm/themes/archcraft/Components/VirtualKeyboard.qml b/usr/share/sddm/themes/archcraft/Components/VirtualKeyboard.qml new file mode 100644 index 00000000..77b6ea67 --- /dev/null +++ b/usr/share/sddm/themes/archcraft/Components/VirtualKeyboard.qml @@ -0,0 +1,33 @@ +// +// This file is part of SDDM Sugar Candy. +// A theme for the Simple Display Desktop Manager. +// +// Copyright (C) 2018–2020 Marian Arlt +// +// SDDM Sugar Candy is free software: you can redistribute it and/or modify it +// under the terms of the GNU General Public License as published by the +// Free Software Foundation, either version 3 of the License, or any later version. +// +// You are required to preserve this and any additional legal notices, either +// contained in this file or in other files that you received along with +// SDDM Sugar Candy that refer to the author(s) in accordance with +// sections §4, §5 and specifically §7b of the GNU General Public License. +// +// SDDM Sugar Candy is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU General Public License for more details. +// +// You should have received a copy of the GNU General Public License +// along with SDDM Sugar Candy. If not, see <https://www.gnu.org/licenses/> +// + +import QtQuick 2.11 +import QtQuick.VirtualKeyboard 2.3 + +InputPanel { + id: virtualKeyboard + property bool activated: false + active: activated && Qt.inputMethod.visible + visible: active +} |