275 lines
10 KiB
QML
275 lines
10 KiB
QML
//
|
||
// 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
|
||
import "Components"
|
||
|
||
Pane {
|
||
id: root
|
||
|
||
height: config.ScreenHeight || Screen.height
|
||
width: config.ScreenWidth || Screen.ScreenWidth
|
||
|
||
LayoutMirroring.enabled: config.ForceRightToLeft == "true" ? true : Qt.application.layoutDirection === Qt.RightToLeft
|
||
LayoutMirroring.childrenInherit: true
|
||
|
||
padding: config.ScreenPadding
|
||
palette.button: "transparent"
|
||
palette.highlight: config.AccentColor
|
||
palette.text: config.MainColor
|
||
palette.buttonText: config.MainColor
|
||
palette.window: config.BackgroundColor
|
||
|
||
font.family: config.Font
|
||
font.pointSize: config.FontSize !== "" ? config.FontSize : parseInt(height / 80)
|
||
focus: true
|
||
|
||
property bool leftleft: config.HaveFormBackground == "true" &&
|
||
config.PartialBlur == "false" &&
|
||
config.FormPosition == "left" &&
|
||
config.BackgroundImageHAlignment == "left"
|
||
|
||
property bool leftcenter: config.HaveFormBackground == "true" &&
|
||
config.PartialBlur == "false" &&
|
||
config.FormPosition == "left" &&
|
||
config.BackgroundImageHAlignment == "center"
|
||
|
||
property bool rightright: config.HaveFormBackground == "true" &&
|
||
config.PartialBlur == "false" &&
|
||
config.FormPosition == "right" &&
|
||
config.BackgroundImageHAlignment == "right"
|
||
|
||
property bool rightcenter: config.HaveFormBackground == "true" &&
|
||
config.PartialBlur == "false" &&
|
||
config.FormPosition == "right" &&
|
||
config.BackgroundImageHAlignment == "center"
|
||
|
||
Item {
|
||
id: sizeHelper
|
||
|
||
anchors.fill: parent
|
||
height: parent.height
|
||
width: parent.width
|
||
|
||
Rectangle {
|
||
id: tintLayer
|
||
anchors.fill: parent
|
||
width: parent.width
|
||
height: parent.height
|
||
color: "black"
|
||
opacity: config.DimBackgroundImage
|
||
z: 1
|
||
}
|
||
|
||
Rectangle {
|
||
id: formBackground
|
||
anchors.fill: form
|
||
anchors.centerIn: form
|
||
color: root.palette.window
|
||
visible: config.HaveFormBackground == "true" ? true : false
|
||
opacity: config.PartialBlur == "true" ? 0.3 : 1
|
||
z: 1
|
||
}
|
||
|
||
LoginForm {
|
||
id: form
|
||
|
||
height: virtualKeyboard.state == "visible" ? parent.height - virtualKeyboard.implicitHeight : parent.height
|
||
width: parent.width / 2.5
|
||
anchors.horizontalCenter: config.FormPosition == "center" ? parent.horizontalCenter : undefined
|
||
anchors.left: config.FormPosition == "left" ? parent.left : undefined
|
||
anchors.right: config.FormPosition == "right" ? parent.right : undefined
|
||
virtualKeyboardActive: virtualKeyboard.state == "visible" ? true : false
|
||
z: 1
|
||
}
|
||
|
||
Button {
|
||
id: vkb
|
||
onClicked: virtualKeyboard.switchState()
|
||
visible: virtualKeyboard.status == Loader.Ready && config.ForceHideVirtualKeyboardButton == "false"
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: implicitHeight
|
||
anchors.horizontalCenter: form.horizontalCenter
|
||
z: 1
|
||
contentItem: Text {
|
||
text: config.TranslateVirtualKeyboardButton || "Virtual Keyboard"
|
||
color: parent.visualFocus ? palette.highlight : palette.text
|
||
font.pointSize: root.font.pointSize * 0.8
|
||
}
|
||
background: Rectangle {
|
||
id: vkbbg
|
||
color: "transparent"
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: virtualKeyboard
|
||
source: "Components/VirtualKeyboard.qml"
|
||
state: "hidden"
|
||
property bool keyboardActive: item ? item.active : false
|
||
onKeyboardActiveChanged: keyboardActive ? state = "visible" : state = "hidden"
|
||
width: parent.width
|
||
z: 1
|
||
function switchState() { state = state == "hidden" ? "visible" : "hidden" }
|
||
states: [
|
||
State {
|
||
name: "visible"
|
||
PropertyChanges {
|
||
target: form
|
||
systemButtonVisibility: false
|
||
clockVisibility: false
|
||
}
|
||
PropertyChanges {
|
||
target: virtualKeyboard
|
||
y: root.height - virtualKeyboard.height
|
||
opacity: 1
|
||
}
|
||
},
|
||
State {
|
||
name: "hidden"
|
||
PropertyChanges {
|
||
target: virtualKeyboard
|
||
y: root.height - root.height/4
|
||
opacity: 0
|
||
}
|
||
}
|
||
]
|
||
transitions: [
|
||
Transition {
|
||
from: "hidden"
|
||
to: "visible"
|
||
SequentialAnimation {
|
||
ScriptAction {
|
||
script: {
|
||
virtualKeyboard.item.activated = true;
|
||
Qt.inputMethod.show();
|
||
}
|
||
}
|
||
ParallelAnimation {
|
||
NumberAnimation {
|
||
target: virtualKeyboard
|
||
property: "y"
|
||
duration: 100
|
||
easing.type: Easing.OutQuad
|
||
}
|
||
OpacityAnimator {
|
||
target: virtualKeyboard
|
||
duration: 100
|
||
easing.type: Easing.OutQuad
|
||
}
|
||
}
|
||
}
|
||
},
|
||
Transition {
|
||
from: "visible"
|
||
to: "hidden"
|
||
SequentialAnimation {
|
||
ParallelAnimation {
|
||
NumberAnimation {
|
||
target: virtualKeyboard
|
||
property: "y"
|
||
duration: 100
|
||
easing.type: Easing.InQuad
|
||
}
|
||
OpacityAnimator {
|
||
target: virtualKeyboard
|
||
duration: 100
|
||
easing.type: Easing.InQuad
|
||
}
|
||
}
|
||
ScriptAction {
|
||
script: {
|
||
Qt.inputMethod.hide();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
|
||
Image {
|
||
id: backgroundImage
|
||
|
||
height: parent.height
|
||
width: config.HaveFormBackground == "true" && config.FormPosition != "center" && config.PartialBlur != "true" ? parent.width - formBackground.width : parent.width
|
||
anchors.left: leftleft ||
|
||
leftcenter ?
|
||
formBackground.right : undefined
|
||
|
||
anchors.right: rightright ||
|
||
rightcenter ?
|
||
formBackground.left : undefined
|
||
|
||
horizontalAlignment: config.BackgroundImageHAlignment == "left" ?
|
||
Image.AlignLeft :
|
||
config.BackgroundImageHAlignment == "right" ?
|
||
Image.AlignRight : Image.AlignHCenter
|
||
|
||
verticalAlignment: config.BackgroundImageVAlignment == "top" ?
|
||
Image.AlignTop :
|
||
config.BackgroundImageVAlignment == "bottom" ?
|
||
Image.AlignBottom : Image.AlignVCenter
|
||
|
||
source: config.background || config.Background
|
||
fillMode: config.ScaleImageCropped == "true" ? Image.PreserveAspectCrop : Image.PreserveAspectFit
|
||
asynchronous: true
|
||
cache: true
|
||
clip: true
|
||
mipmap: true
|
||
}
|
||
|
||
MouseArea {
|
||
anchors.fill: backgroundImage
|
||
onClicked: parent.forceActiveFocus()
|
||
}
|
||
|
||
ShaderEffectSource {
|
||
id: blurMask
|
||
|
||
sourceItem: backgroundImage
|
||
width: form.width
|
||
height: parent.height
|
||
anchors.centerIn: form
|
||
sourceRect: Qt.rect(x,y,width,height)
|
||
visible: config.FullBlur == "true" || config.PartialBlur == "true" ? true : false
|
||
}
|
||
|
||
GaussianBlur {
|
||
id: blur
|
||
|
||
height: parent.height
|
||
width: config.FullBlur == "true" ? parent.width : form.width
|
||
source: config.FullBlur == "true" ? backgroundImage : blurMask
|
||
radius: config.BlurRadius
|
||
samples: config.BlurRadius * 2 + 1
|
||
cached: true
|
||
anchors.centerIn: config.FullBlur == "true" ? parent : form
|
||
visible: config.FullBlur == "true" || config.PartialBlur == "true" ? true : false
|
||
}
|
||
}
|
||
}
|