changes to parch
This commit is contained in:
parent
a76d4517f1
commit
46eef77493
15 changed files with 1297 additions and 0 deletions
55
parch/Main.qml
Normal file
55
parch/Main.qml
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
import QtQuick.Window 2.12
|
||||
import "components"
|
||||
|
||||
Item {
|
||||
id: root
|
||||
|
||||
height: Screen.height
|
||||
width: Screen.width
|
||||
|
||||
Image {
|
||||
id: background
|
||||
|
||||
anchors.fill: parent
|
||||
height: parent.height
|
||||
width: parent.width
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
source: config.Background
|
||||
asynchronous: false
|
||||
cache: true
|
||||
mipmap: true
|
||||
clip: true
|
||||
}
|
||||
|
||||
Item {
|
||||
id: contentPanel
|
||||
|
||||
anchors {
|
||||
fill: parent
|
||||
topMargin: config.Padding
|
||||
rightMargin: config.Padding
|
||||
bottomMargin: config.Padding
|
||||
leftMargin: config.Padding
|
||||
}
|
||||
|
||||
DateTimePanel {
|
||||
id: dateTimePanel
|
||||
|
||||
anchors {
|
||||
top: parent.top
|
||||
right: parent.right
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
LoginPanel {
|
||||
id: loginPanel
|
||||
|
||||
anchors.fill: parent
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
BIN
parch/backgrounds/glacier.png
Normal file
BIN
parch/backgrounds/glacier.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 654 KiB |
BIN
parch/backgrounds/leaves.png
Normal file
BIN
parch/backgrounds/leaves.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
53
parch/components/DateTimePanel.qml
Normal file
53
parch/components/DateTimePanel.qml
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
Column {
|
||||
spacing: 0
|
||||
Component.onCompleted: {
|
||||
timeLabel.updateTime();
|
||||
dateLabel.updateDate();
|
||||
}
|
||||
|
||||
Text {
|
||||
id: dateLabel
|
||||
|
||||
function updateDate() {
|
||||
text = new Date().toLocaleDateString(Qt.locale(), config.DateFormat);
|
||||
}
|
||||
|
||||
anchors.right: parent.right
|
||||
opacity: config.DateOpacity
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.DateSize
|
||||
font.bold: config.DateIsBold == "true" ? true : false
|
||||
color: config.DateColor
|
||||
}
|
||||
|
||||
Text {
|
||||
id: timeLabel
|
||||
|
||||
function updateTime() {
|
||||
text = new Date().toLocaleTimeString(Qt.locale(), config.TimeFormat);
|
||||
}
|
||||
|
||||
anchors.right: parent.right
|
||||
opacity: config.TimeOpacity
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.TimeSize
|
||||
font.bold: config.TimeIsBold == "true" ? true : false
|
||||
color: config.TimeColor
|
||||
}
|
||||
|
||||
Timer {
|
||||
interval: 1000
|
||||
repeat: true
|
||||
running: true
|
||||
onTriggered: {
|
||||
timeLabel.updateTime();
|
||||
dateLabel.updateDate();
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
180
parch/components/LoginPanel.qml
Normal file
180
parch/components/LoginPanel.qml
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
import QtQuick.Window 2.12
|
||||
|
||||
Item {
|
||||
property var user: userPanel.username
|
||||
property var password: passwordField.text
|
||||
property var session: sessionPanel.session
|
||||
property var inputHeight: Screen.height * config.UIScale * 0.25
|
||||
property var inputWidth: Screen.width * config.UIScale
|
||||
|
||||
Column {
|
||||
spacing: 8
|
||||
|
||||
anchors {
|
||||
bottom: parent.bottom
|
||||
left: parent.left
|
||||
}
|
||||
|
||||
PowerPanel {
|
||||
id: powerPanel
|
||||
}
|
||||
|
||||
SessionPanel {
|
||||
id: sessionPanel
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Column {
|
||||
spacing: 8
|
||||
width: inputWidth
|
||||
|
||||
anchors {
|
||||
bottom: parent.bottom
|
||||
right: parent.right
|
||||
}
|
||||
|
||||
UserPanel {
|
||||
id: userPanel
|
||||
}
|
||||
|
||||
PasswordPanel {
|
||||
id: passwordField
|
||||
|
||||
height: inputHeight
|
||||
width: parent.width
|
||||
onAccepted: loginButton.clicked()
|
||||
}
|
||||
|
||||
Button {
|
||||
id: loginButton
|
||||
|
||||
height: inputHeight
|
||||
width: parent.width
|
||||
enabled: user != "" && password != "" ? true : false
|
||||
hoverEnabled: true
|
||||
text: "Login!!"
|
||||
onClicked: {
|
||||
sddm.login(user, password, session);
|
||||
}
|
||||
states: [
|
||||
State {
|
||||
name: "pressed"
|
||||
when: loginButton.down
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonBackground
|
||||
color: Qt.darker(config.LoginButtonBg, 1.4)
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonText
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
when: loginButton.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonBackground
|
||||
color: Qt.darker(config.LoginButtonBg, 1.2)
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonText
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "enabled"
|
||||
when: loginButton.enabled
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonBackground
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
PropertyChanges {
|
||||
target: buttonText
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
Rectangle {
|
||||
id: loginAnim
|
||||
|
||||
radius: parent.width / 2
|
||||
anchors.centerIn: loginButton
|
||||
color: "black"
|
||||
opacity: 1
|
||||
|
||||
NumberAnimation {
|
||||
id: coverScreen
|
||||
|
||||
target: loginAnim
|
||||
properties: "height, width"
|
||||
from: 0
|
||||
to: root.width * 2
|
||||
duration: 1000
|
||||
easing.type: Easing.InExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
contentItem: Text {
|
||||
id: buttonText
|
||||
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
color: config.LoginButtonTextColor
|
||||
opacity: 0.5
|
||||
text: config.LoginButtonText
|
||||
}
|
||||
|
||||
background: Rectangle {
|
||||
id: buttonBackground
|
||||
|
||||
color: config.LoginButtonBg
|
||||
opacity: 0.5
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color, opacity"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Connections {
|
||||
function onLoginSucceeded() {
|
||||
coverScreen.start();
|
||||
}
|
||||
|
||||
function onLoginFailed() {
|
||||
passwordField.text = "";
|
||||
passwordField.focus = true;
|
||||
}
|
||||
|
||||
target: sddm
|
||||
}
|
||||
|
||||
}
|
||||
61
parch/components/PasswordPanel.qml
Normal file
61
parch/components/PasswordPanel.qml
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
TextField {
|
||||
id: passwordField
|
||||
|
||||
focus: true
|
||||
selectByMouse: true
|
||||
placeholderText: config.PassFieldBgText
|
||||
echoMode: TextInput.Password
|
||||
passwordCharacter: "•"
|
||||
passwordMaskDelay: 1000
|
||||
selectionColor: config.FieldText
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
color: config.FieldText
|
||||
horizontalAlignment: TextInput.AlignHCenter
|
||||
states: [
|
||||
State {
|
||||
name: "focused"
|
||||
when: passwordField.activeFocus
|
||||
|
||||
PropertyChanges {
|
||||
target: passFieldBg
|
||||
color: Qt.darker(config.FieldBackground, 1.2)
|
||||
border.width: config.FieldBorderWidth
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
when: passwordField.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: passFieldBg
|
||||
color: Qt.darker(config.FieldBackground, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
background: Rectangle {
|
||||
id: passFieldBg
|
||||
|
||||
color: config.FieldBackground
|
||||
border.color: config.FieldBorderColor
|
||||
border.width: 0
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color, border.width"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
236
parch/components/PowerPanel.qml
Normal file
236
parch/components/PowerPanel.qml
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
import QtGraphicalEffects 1.12
|
||||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
Item {
|
||||
implicitHeight: powerButton.height
|
||||
implicitWidth: powerButton.width
|
||||
|
||||
ListModel {
|
||||
id: powerModel
|
||||
|
||||
ListElement {
|
||||
name: "Sleep"
|
||||
}
|
||||
|
||||
ListElement {
|
||||
name: "Restart"
|
||||
}
|
||||
|
||||
ListElement {
|
||||
name: "Shut\nDown"
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Button {
|
||||
id: powerButton
|
||||
|
||||
height: inputHeight
|
||||
width: inputHeight
|
||||
hoverEnabled: true
|
||||
icon.source: Qt.resolvedUrl("../icons/power.svg")
|
||||
icon.height: height
|
||||
icon.width: width
|
||||
icon.color: config.PowerIconColor
|
||||
onClicked: {
|
||||
powerPopup.visible ? powerPopup.close() : powerPopup.open();
|
||||
powerButton.state = "pressed";
|
||||
}
|
||||
states: [
|
||||
State {
|
||||
name: "pressed"
|
||||
when: powerButton.down
|
||||
|
||||
PropertyChanges {
|
||||
target: powerButtonBg
|
||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
when: powerButton.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: powerButtonBg
|
||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "selection"
|
||||
when: powerPopup.visible
|
||||
|
||||
PropertyChanges {
|
||||
target: powerButtonBg
|
||||
color: Qt.darker(config.PowerButtonBg, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
background: Rectangle {
|
||||
id: powerButtonBg
|
||||
|
||||
color: config.PowerButtonBg
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Popup {
|
||||
id: powerPopup
|
||||
|
||||
height: inputHeight * 2.2 + padding * 2
|
||||
x: powerButton.width + powerList.spacing
|
||||
y: -height + powerButton.height
|
||||
padding: 15
|
||||
|
||||
background: Rectangle {
|
||||
radius: config.Radius * 1.8
|
||||
color: config.PopupBackground
|
||||
}
|
||||
|
||||
contentItem: ListView {
|
||||
id: powerList
|
||||
|
||||
implicitWidth: contentWidth
|
||||
spacing: 8
|
||||
orientation: Qt.Horizontal
|
||||
clip: true
|
||||
model: powerModel
|
||||
|
||||
delegate: ItemDelegate {
|
||||
id: powerEntry
|
||||
|
||||
height: inputHeight * 2.2
|
||||
width: inputHeight * 2.2
|
||||
display: AbstractButton.TextUnderIcon
|
||||
states: [
|
||||
State {
|
||||
name: "hovered"
|
||||
when: powerEntry.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: powerEntryBg
|
||||
color: Qt.darker(config.PopupHighlight, 1.2)
|
||||
}
|
||||
|
||||
PropertyChanges {
|
||||
target: iconOverlay
|
||||
color: Qt.darker(config.PopupHighlight, 1.2)
|
||||
}
|
||||
|
||||
PropertyChanges {
|
||||
target: powerText
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
powerPopup.close();
|
||||
index == 0 ? sddm.suspend() : (index == 1 ? sddm.reboot() : sddm.powerOff());
|
||||
}
|
||||
}
|
||||
|
||||
contentItem: Item {
|
||||
Image {
|
||||
id: powerIcon
|
||||
|
||||
anchors.centerIn: parent
|
||||
source: index == 0 ? Qt.resolvedUrl("../icons/sleep.svg") : (index == 1 ? Qt.resolvedUrl("../icons/restart.svg") : Qt.resolvedUrl("../icons/power.svg"))
|
||||
sourceSize: Qt.size(powerEntry.width * 0.5, powerEntry.height * 0.5)
|
||||
}
|
||||
|
||||
ColorOverlay {
|
||||
id: iconOverlay
|
||||
|
||||
anchors.fill: powerIcon
|
||||
source: powerIcon
|
||||
color: config.PopupBackground
|
||||
}
|
||||
|
||||
Text {
|
||||
id: powerText
|
||||
|
||||
anchors.centerIn: parent
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
color: config.PopupBackground
|
||||
text: name
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
background: Rectangle {
|
||||
id: powerEntryBg
|
||||
|
||||
color: config.PopupHighlight
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color, opacity"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
ParallelAnimation {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
duration: 400
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
NumberAnimation {
|
||||
property: "x"
|
||||
from: powerPopup.x - (inputWidth * 0.1)
|
||||
to: powerPopup.x
|
||||
duration: 500
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exit: Transition {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
duration: 300
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
195
parch/components/SessionPanel.qml
Normal file
195
parch/components/SessionPanel.qml
Normal file
|
|
@ -0,0 +1,195 @@
|
|||
import QtQml.Models 2.12
|
||||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
Item {
|
||||
property var session: sessionList.currentIndex
|
||||
|
||||
implicitHeight: sessionButton.height
|
||||
implicitWidth: sessionButton.width
|
||||
|
||||
DelegateModel {
|
||||
id: sessionWrapper
|
||||
|
||||
model: sessionModel
|
||||
|
||||
delegate: ItemDelegate {
|
||||
id: sessionEntry
|
||||
|
||||
height: inputHeight
|
||||
width: parent.width
|
||||
highlighted: sessionList.currentIndex == index
|
||||
states: [
|
||||
State {
|
||||
name: "hovered"
|
||||
when: sessionEntry.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: sessionEntryBg
|
||||
color: highlighted ? Qt.darker(config.PopupHighlight, 1.2) : Qt.darker(config.PopupBackground, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
sessionList.currentIndex = index;
|
||||
sessionPopup.close();
|
||||
}
|
||||
}
|
||||
|
||||
contentItem: Text {
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
color: highlighted ? config.PopupHighlightText : config.PopupHighlight
|
||||
text: name
|
||||
}
|
||||
|
||||
background: Rectangle {
|
||||
id: sessionEntryBg
|
||||
|
||||
color: highlighted ? config.PopupHighlight : config.PopupBackground
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
property: "color"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Button {
|
||||
id: sessionButton
|
||||
|
||||
height: inputHeight
|
||||
width: inputHeight
|
||||
hoverEnabled: true
|
||||
icon.source: Qt.resolvedUrl("../icons/settings.svg")
|
||||
icon.height: height * 0.6
|
||||
icon.width: width * 0.6
|
||||
icon.color: config.SessionIconColor
|
||||
onClicked: {
|
||||
sessionPopup.visible ? sessionPopup.close() : sessionPopup.open();
|
||||
sessionButton.state = "pressed";
|
||||
}
|
||||
states: [
|
||||
State {
|
||||
name: "pressed"
|
||||
when: sessionButton.down
|
||||
|
||||
PropertyChanges {
|
||||
target: sessionButtonBg
|
||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
when: sessionButton.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: sessionButtonBg
|
||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "selection"
|
||||
when: sessionPopup.visible
|
||||
|
||||
PropertyChanges {
|
||||
target: sessionButtonBg
|
||||
color: Qt.darker(config.SessionButtonBg, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
background: Rectangle {
|
||||
id: sessionButtonBg
|
||||
|
||||
color: config.SessionButtonBg
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Popup {
|
||||
id: sessionPopup
|
||||
|
||||
width: inputWidth + padding * 2
|
||||
x: sessionButton.width + sessionList.spacing
|
||||
y: -(contentHeight + padding * 2) + sessionButton.height
|
||||
padding: 15
|
||||
|
||||
background: Rectangle {
|
||||
radius: config.Radius * 1.8
|
||||
color: config.PopupBackground
|
||||
}
|
||||
|
||||
contentItem: ListView {
|
||||
id: sessionList
|
||||
|
||||
implicitHeight: contentHeight
|
||||
spacing: 8
|
||||
model: sessionWrapper
|
||||
currentIndex: sessionModel.lastIndex
|
||||
clip: true
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
ParallelAnimation {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
duration: 400
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
NumberAnimation {
|
||||
property: "x"
|
||||
from: sessionPopup.x - (inputWidth * 0.1)
|
||||
to: sessionPopup.x
|
||||
duration: 500
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exit: Transition {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
duration: 300
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
62
parch/components/UserFieldPanel.qml
Normal file
62
parch/components/UserFieldPanel.qml
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
import QtGraphicalEffects 1.12
|
||||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
TextField {
|
||||
id: usernameField
|
||||
|
||||
height: inputHeight
|
||||
width: inputWidth
|
||||
selectByMouse: true
|
||||
echoMode: TextInput.Normal
|
||||
selectionColor: config.FieldText
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
color: config.FieldText
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
placeholderText: config.UserFieldBgText
|
||||
text: userModel.lastUser
|
||||
states: [
|
||||
State {
|
||||
name: "focused"
|
||||
when: usernameField.activeFocus
|
||||
|
||||
PropertyChanges {
|
||||
target: userFieldBackground
|
||||
color: Qt.darker(config.FieldBackground, 1.2)
|
||||
border.width: config.FieldBorderWidth
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
when: usernameField.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: userFieldBackground
|
||||
color: Qt.darker(config.FieldBackground, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
background: Rectangle {
|
||||
id: userFieldBackground
|
||||
|
||||
color: config.FieldBackground
|
||||
border.color: config.FieldBorderColor
|
||||
border.width: 0
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "color, border.width"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
323
parch/components/UserPanel.qml
Normal file
323
parch/components/UserPanel.qml
Normal file
|
|
@ -0,0 +1,323 @@
|
|||
import QtGraphicalEffects 1.12
|
||||
import QtQml.Models 2.12
|
||||
import QtQuick 2.12
|
||||
import QtQuick.Controls 2.12
|
||||
|
||||
Column {
|
||||
property var username: usernameField.text
|
||||
|
||||
spacing: 30
|
||||
Component.onCompleted: userPicture.source = userWrapper.items.get(userList.currentIndex).model.icon
|
||||
|
||||
DelegateModel {
|
||||
id: userWrapper
|
||||
|
||||
model: userModel
|
||||
|
||||
delegate: ItemDelegate {
|
||||
id: userEntry
|
||||
|
||||
height: inputHeight
|
||||
width: parent.width
|
||||
highlighted: userList.currentIndex == index
|
||||
states: [
|
||||
State {
|
||||
name: "hovered"
|
||||
when: userEntry.hovered
|
||||
|
||||
PropertyChanges {
|
||||
target: userEntryBg
|
||||
color: highlighted ? Qt.darker(config.PopupHighlight, 1.2) : Qt.darker(config.PopupBackground, 1.2)
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
userList.currentIndex = index;
|
||||
usernameField.text = userWrapper.items.get(index).model.name;
|
||||
userPicture.source = userWrapper.items.get(index).model.icon;
|
||||
userPopup.close();
|
||||
}
|
||||
}
|
||||
|
||||
contentItem: Text {
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
color: highlighted ? config.PopupHighlightText : config.PopupHighlight
|
||||
text: name
|
||||
}
|
||||
|
||||
background: Rectangle {
|
||||
id: userEntryBg
|
||||
|
||||
color: highlighted ? config.PopupHighlight : config.PopupBackground
|
||||
radius: config.Radius
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
property: "color"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Popup {
|
||||
id: userPopup
|
||||
|
||||
width: inputWidth
|
||||
padding: 15
|
||||
|
||||
background: Rectangle {
|
||||
radius: config.Radius * 1.8
|
||||
color: config.PopupBackground
|
||||
}
|
||||
|
||||
contentItem: ListView {
|
||||
id: userList
|
||||
|
||||
implicitHeight: contentHeight
|
||||
spacing: 8
|
||||
model: userWrapper
|
||||
currentIndex: userModel.lastIndex
|
||||
clip: true
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
ParallelAnimation {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
duration: 400
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
NumberAnimation {
|
||||
property: "y"
|
||||
from: (inputWidth / 3) - userPopup.padding - (inputHeight * userList.count * 0.5) - (userList.spacing * (userList.count - 1) * 0.5) + (inputWidth * 0.1)
|
||||
to: (inputWidth / 3) - userPopup.padding - (inputHeight * userList.count * 0.5) - (userList.spacing * (userList.count - 1) * 0.5)
|
||||
duration: 500
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exit: Transition {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
duration: 300
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Item {
|
||||
width: inputWidth
|
||||
implicitHeight: pictureBorder.height
|
||||
|
||||
Rectangle {
|
||||
id: pictureBorder
|
||||
|
||||
anchors.centerIn: userPicture
|
||||
height: inputWidth / 1.5 + (border.width * 2)
|
||||
width: inputWidth / 1.5 + (border.width * 2)
|
||||
radius: height / 2
|
||||
border.width: config.UAPBorderWidth
|
||||
border.color: config.UAPBorderColor
|
||||
color: config.UAPColor
|
||||
states: [
|
||||
State {
|
||||
name: "pressed"
|
||||
|
||||
PropertyChanges {
|
||||
target: pictureBorder
|
||||
border.color: Qt.darker(config.UAPBorderColor, 1.2)
|
||||
color: Qt.darker(config.UAPColor, 1.2)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "hovered"
|
||||
|
||||
PropertyChanges {
|
||||
target: pictureBorder
|
||||
border.color: Qt.darker(config.UAPBorderColor, 1.4)
|
||||
color: Qt.darker(config.UAPColor, 1.4)
|
||||
}
|
||||
|
||||
},
|
||||
State {
|
||||
name: "unhovered"
|
||||
|
||||
PropertyChanges {
|
||||
target: pictureBorder
|
||||
border.color: config.UAPBorderColor
|
||||
color: config.UAPColor
|
||||
}
|
||||
|
||||
}
|
||||
]
|
||||
|
||||
MouseArea {
|
||||
id: roundMouseArea
|
||||
|
||||
anchors.fill: parent
|
||||
hoverEnabled: true
|
||||
onClicked: userPopup.open()
|
||||
onHoveredChanged: {
|
||||
if (containsMouse)
|
||||
pictureBorder.state = "hovered";
|
||||
else
|
||||
pictureBorder.state = "unhovered";
|
||||
}
|
||||
onPressedChanged: {
|
||||
if (containsPress)
|
||||
pictureBorder.state = "pressed";
|
||||
else if (containsMouse)
|
||||
pictureBorder.state = "hovered";
|
||||
else
|
||||
pictureBorder.state = "unhovered";
|
||||
}
|
||||
}
|
||||
|
||||
transitions: Transition {
|
||||
PropertyAnimation {
|
||||
properties: "border.color, color"
|
||||
duration: 150
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Image {
|
||||
id: userPicture
|
||||
|
||||
source: ""
|
||||
height: inputWidth / 1.5
|
||||
width: inputWidth / 1.5
|
||||
anchors.horizontalCenter: parent.horizontalCenter
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
layer.enabled: true
|
||||
|
||||
Rectangle {
|
||||
id: mask
|
||||
|
||||
anchors.fill: parent
|
||||
radius: inputWidth / 3
|
||||
visible: false
|
||||
}
|
||||
|
||||
layer.effect: OpacityMask {
|
||||
maskSource: mask
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Popup {
|
||||
id: incorrectPopup
|
||||
|
||||
height: incorrectText.paintedHeight * 2
|
||||
width: inputWidth
|
||||
y: (pictureBorder.height - height) / 2
|
||||
onOpened: incorrectTimer.start()
|
||||
|
||||
Timer {
|
||||
id: incorrectTimer
|
||||
|
||||
interval: 3000
|
||||
onTriggered: incorrectPopup.close()
|
||||
}
|
||||
|
||||
background: Rectangle {
|
||||
radius: config.Radius
|
||||
color: config.PopupBackground
|
||||
}
|
||||
|
||||
contentItem: Text {
|
||||
id: incorrectText
|
||||
|
||||
renderType: Text.NativeRendering
|
||||
font.family: config.Font
|
||||
font.pointSize: config.FontSize
|
||||
font.bold: true
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
color: config.PopupHighlight
|
||||
text: "Incorrect username\nor password!"
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
ParallelAnimation {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 0
|
||||
to: 1
|
||||
duration: 400
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
NumberAnimation {
|
||||
property: "x"
|
||||
from: incorrectPopup.x - (inputWidth * 0.1)
|
||||
to: incorrectPopup.x
|
||||
duration: 500
|
||||
easing.type: Easing.OutElastic
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exit: Transition {
|
||||
NumberAnimation {
|
||||
property: "opacity"
|
||||
from: 1
|
||||
to: 0
|
||||
duration: 300
|
||||
easing.type: Easing.OutExpo
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
UserFieldPanel {
|
||||
id: usernameField
|
||||
|
||||
height: inputHeight
|
||||
width: inputWidth
|
||||
}
|
||||
|
||||
Connections {
|
||||
function onLoginSucceeded() {
|
||||
}
|
||||
|
||||
function onLoginFailed() {
|
||||
incorrectPopup.open();
|
||||
}
|
||||
|
||||
target: sddm
|
||||
}
|
||||
|
||||
}
|
||||
1
parch/icons/power.svg
Normal file
1
parch/icons/power.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13"/></svg>
|
||||
|
After Width: | Height: | Size: 291 B |
1
parch/icons/restart.svg
Normal file
1
parch/icons/restart.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,4C14.1,4 16.1,4.8 17.6,6.3C20.7,9.4 20.7,14.5 17.6,17.6C15.8,19.5 13.3,20.2 10.9,19.9L11.4,17.9C13.1,18.1 14.9,17.5 16.2,16.2C18.5,13.9 18.5,10.1 16.2,7.7C15.1,6.6 13.5,6 12,6V10.6L7,5.6L12,0.6V4M6.3,17.6C3.7,15 3.3,11 5.1,7.9L6.6,9.4C5.5,11.6 5.9,14.4 7.8,16.2C8.3,16.7 8.9,17.1 9.6,17.4L9,19.4C8,19 7.1,18.4 6.3,17.6Z"/></svg>
|
||||
|
After Width: | Height: | Size: 401 B |
1
parch/icons/settings.svg
Normal file
1
parch/icons/settings.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
1
parch/icons/sleep.svg
Normal file
1
parch/icons/sleep.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.73,18C15.4,21.69 9.71,22 6,18.64C2.33,15.31 2.04,9.62 5.37,5.93C6.9,4.25 9,3.2 11.27,3C7.96,6.7 8.27,12.39 12,15.71C13.63,17.19 15.78,18 18,18C18.25,18 18.5,18 18.73,18Z"/></svg>
|
||||
|
After Width: | Height: | Size: 251 B |
128
parch/theme.conf
Normal file
128
parch/theme.conf
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
[General]
|
||||
|
||||
### GENERAL
|
||||
#
|
||||
# Background: wallpaper path, absolute or relative. can be placed
|
||||
# in the backgrounds/ folder (as seen below) for extra convenience.
|
||||
#
|
||||
# Font: please name the font family!
|
||||
#
|
||||
# FontSize: this size is used for everything *except* the date and time.
|
||||
#
|
||||
# Padding: specify how far stuff should be from the screen edges.
|
||||
#
|
||||
# Radius: set to 0 to disable rounded corners on UI elements.
|
||||
#
|
||||
# UIScale: if UI elements are too big or small, try to adjust this value.
|
||||
# you should probably keep it below 1, though.
|
||||
|
||||
Background="backgrounds/parch.png"
|
||||
Font="Atkinson Hyperlegible"
|
||||
FontSize="9"
|
||||
Padding="50"
|
||||
Radius="5"
|
||||
UIScale="0.175"
|
||||
|
||||
### USER ACCOUNT PICTURE (UAP)
|
||||
#
|
||||
# UAPBorderWidth: set to 0 to disable the border around the picture.
|
||||
#
|
||||
# UAPBorderColor: remember to include the "#" when specifying color! will not
|
||||
# show when border width is 0.
|
||||
#
|
||||
# UAPColor: color of the default, blank avatar. only visible if you
|
||||
# don't have your own picture.
|
||||
|
||||
UAPBorderWidth="5"
|
||||
UAPBorderColor="#b4befe"
|
||||
UAPColor="#cdd6f4"
|
||||
|
||||
### USERNAME, PASSWORD FIELDS
|
||||
#
|
||||
# FieldBackground: background color of the input fields.
|
||||
#
|
||||
# FieldText: color of the typed text.
|
||||
#
|
||||
# FieldBorderWidth: border width of the currently selected field. set to 0
|
||||
# to disable the border.
|
||||
#
|
||||
# FieldBorderColor: border color of selected field. not visible if width is 0.
|
||||
#
|
||||
# UserFieldBgText: placeholder text shown when user field is empty.
|
||||
#
|
||||
# PassFieldBgText: placeholder text shown when password field is empty.
|
||||
|
||||
FieldBackground="#1e1e2e"
|
||||
FieldText="#cdd6f4"
|
||||
FieldBorderWidth="3"
|
||||
FieldBorderColor="#b4befe"
|
||||
UserFieldBgText="enter username"
|
||||
PassFieldBgText="enter password"
|
||||
|
||||
### LOGIN BUTTON
|
||||
#
|
||||
# LoginButtonTextColor: text color of login button.
|
||||
#
|
||||
# LoginButtonText: text displayed on the login button.
|
||||
#
|
||||
# LoginButtonBg: login button background color.
|
||||
|
||||
LoginButtonTextColor="#1e1e2e"
|
||||
LoginButtonText="Login!!"
|
||||
LoginButtonBg="#b4befe"
|
||||
|
||||
### POWER, SESSION, USER SELECTION POPUPS
|
||||
#
|
||||
# PopupBackground: background color of popup window.
|
||||
#
|
||||
# PopupHighlight: color of the currently selected entry.
|
||||
#
|
||||
# PopupHighlightText: text color inside the currently selected entry. this is
|
||||
# provided in case the highlight clashes with the text.
|
||||
|
||||
PopupBackground="#b4befe"
|
||||
PopupHighlight="#1e1e2e"
|
||||
PopupHighlightText="#cdd6f4"
|
||||
|
||||
### SESSION, POWER BUTTONS
|
||||
#
|
||||
# SessionButtonBg: session button background color.
|
||||
#
|
||||
# SessionIconColor: session icon color inside session button.
|
||||
#
|
||||
# PowerButtonBg: power button background color.
|
||||
#
|
||||
# PowerIconColor: power icon color inside power button.
|
||||
|
||||
SessionButtonBg="#b4befe"
|
||||
SessionIconColor="#1e1e2e"
|
||||
PowerButtonBg="#b4befe"
|
||||
PowerIconColor="#1e1e2e"
|
||||
|
||||
### DATE, TIME
|
||||
#
|
||||
# DateColor: date text color.
|
||||
#
|
||||
# DateSize: font size for the date.
|
||||
#
|
||||
# DateIsBold: whether date text should be bolded. accepts "true" or "false"
|
||||
#
|
||||
# DateOpacity: date text opacity value between 0.0 (completely transparent)
|
||||
# and 1.0 (fully solid).
|
||||
#
|
||||
# DateFormat: here, you can create a custom date format.
|
||||
#
|
||||
# of course, equivalent options exist for the time.
|
||||
|
||||
DateColor="#cdd6f4"
|
||||
DateSize="36"
|
||||
DateIsBold="false"
|
||||
DateOpacity="1.0"
|
||||
DateFormat="dddd, MMMM d"
|
||||
|
||||
TimeColor="#cdd6f4"
|
||||
TimeSize="48"
|
||||
TimeIsBold="true"
|
||||
TimeOpacity="1.0"
|
||||
TimeFormat="hh:mm AP"
|
||||
|
||||
Loading…
Add table
Reference in a new issue