593 lines
18 KiB
QML
593 lines
18 KiB
QML
import QtQuick 2.7
|
|
import QtGraphicalEffects 1.0
|
|
import SddmComponents 2.0
|
|
|
|
Rectangle
|
|
{
|
|
id: root
|
|
color: colors.background
|
|
property variant geometry: screenModel.geometry(screenModel.primary)
|
|
property string powerState: "statePower"
|
|
property string sessionsState: "stateSessions"
|
|
property string usersState: "stateUsers"
|
|
|
|
property string firstStateReal:
|
|
{
|
|
if (normalizeState(config.first_state))
|
|
return normalizeState(config.first_state)
|
|
else return powerState
|
|
}
|
|
property string secondStateReal:
|
|
{
|
|
if (normalizeState(config.second_state))
|
|
return normalizeState(config.second_state)
|
|
else return sessionsState
|
|
}
|
|
property string thirdStateReal:
|
|
{
|
|
if (normalizeState(config.third_state))
|
|
return normalizeState(config.third_state)
|
|
else return usersState
|
|
}
|
|
|
|
property string firstState:
|
|
{
|
|
if (firstStateReal === powerState
|
|
&& ! powerStateEnabled) return secondStateReal
|
|
else return firstStateReal
|
|
}
|
|
property string secondState:
|
|
{
|
|
if ((secondStateReal === powerState || firstStateReal === powerState)
|
|
&& ! powerStateEnabled) return thirdStateReal
|
|
else return secondStateReal
|
|
}
|
|
property string thirdState:
|
|
{
|
|
if ((thirdStateReal === powerState || secondStateReal === powerState || firstStateReal === powerState)
|
|
&& ! powerStateEnabled) return false
|
|
else return thirdStateReal
|
|
}
|
|
function normalizeState(state) {
|
|
if (! state) return false;
|
|
state = state.toLowerCase();
|
|
switch (state)
|
|
{
|
|
case "statepower":
|
|
case "pagepower":
|
|
case "power":
|
|
case "system":
|
|
return powerState;
|
|
break;
|
|
case "statesessions":
|
|
case "pagesessions":
|
|
case "sessions":
|
|
case "desktop":
|
|
case "environment":
|
|
return sessionsState;
|
|
break;
|
|
case "stateusers":
|
|
case "pageusers":
|
|
case "users":
|
|
case "login":
|
|
return usersState;
|
|
break;
|
|
}
|
|
return false;
|
|
}
|
|
function getPage(state) {
|
|
switch (normalizeState(state))
|
|
{
|
|
case powerState:
|
|
return pagePower;
|
|
break;
|
|
case sessionsState:
|
|
return pageSessions;
|
|
break;
|
|
case usersState:
|
|
return pageUsers;
|
|
break;
|
|
}
|
|
return false;
|
|
}
|
|
function getButton(state) {
|
|
switch (normalizeState(state))
|
|
{
|
|
case powerState:
|
|
return buttonPagePower;
|
|
break;
|
|
case sessionsState:
|
|
return buttonPageSessions;
|
|
break;
|
|
case usersState:
|
|
return buttonPageUsers;
|
|
break;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
state: usersState
|
|
states:
|
|
[
|
|
State
|
|
{
|
|
name: firstStateReal
|
|
|
|
PropertyChanges { target: background; x: (config.parallax_bg_shift < 0 ? geometry.x - Math.abs(config.parallax_bg_shift*2) : geometry.x ) }
|
|
|
|
PropertyChanges { target: getPage(firstStateReal); enabled: true ; focus: true ; x: 0 }
|
|
PropertyChanges { target: getPage(secondStateReal); enabled: false; focus: false; x: areaMain.width }
|
|
PropertyChanges { target: getPage(thirdStateReal); enabled: false; focus: false; x: areaMain.width * 2 }
|
|
|
|
PropertyChanges { target: getButton(firstStateReal); highlighted: true }
|
|
PropertyChanges { target: getButton(secondStateReal); highlighted: false }
|
|
PropertyChanges { target: getButton(thirdStateReal); highlighted: false }
|
|
|
|
},
|
|
State
|
|
{
|
|
name: secondStateReal
|
|
|
|
PropertyChanges { target: background; x: geometry.x - Math.abs(config.parallax_bg_shift) }
|
|
|
|
PropertyChanges { target: getPage(firstStateReal); enabled: false; focus: false; x: -areaMain.width }
|
|
PropertyChanges { target: getPage(secondStateReal); enabled: true ; focus: true ; x: 0 }
|
|
PropertyChanges { target: getPage(thirdStateReal); enabled: false; focus: false; x: areaMain.width }
|
|
|
|
PropertyChanges { target: getButton(firstStateReal); highlighted: false }
|
|
PropertyChanges { target: getButton(secondStateReal); highlighted: true }
|
|
PropertyChanges { target: getButton(thirdStateReal); highlighted: false }
|
|
},
|
|
State
|
|
{
|
|
name: thirdStateReal
|
|
|
|
PropertyChanges { target: background; x: (config.parallax_bg_shift > 0 ? geometry.x - Math.abs(config.parallax_bg_shift*2) : geometry.x ) }
|
|
|
|
PropertyChanges { target: getPage(firstStateReal); enabled: false; focus: false; x: -areaMain.width * 2 }
|
|
PropertyChanges { target: getPage(secondStateReal); enabled: false; focus: false; x: -areaMain.width }
|
|
PropertyChanges { target: getPage(thirdStateReal); enabled: true ; focus: true ; x: 0 }
|
|
|
|
PropertyChanges { target: getButton(firstStateReal); highlighted: false }
|
|
PropertyChanges { target: getButton(secondStateReal); highlighted: false }
|
|
PropertyChanges { target: getButton(thirdStateReal); highlighted: true }
|
|
}
|
|
]
|
|
|
|
property bool powerStateEnabled: debug.canPowerOff || debug.canReboot || debug.canSuspend || debug.canHibernate || debug.canHybridSleep
|
|
|
|
function bool(str) {
|
|
if (str === null || str === undefined)
|
|
return false;
|
|
|
|
str = str.toLowerCase();
|
|
|
|
if (str === "false" || str === "no")
|
|
return false;
|
|
else if (str === "true" || str === "yes")
|
|
return true;
|
|
|
|
return Boolean(Number(str).valueOf()).valueOf();
|
|
}
|
|
|
|
function not_null(str) {
|
|
return !(str === null || str === undefined);
|
|
}
|
|
|
|
TextConstants { id: localeText }
|
|
Debug { id: debug }
|
|
|
|
function bgFillMode() {
|
|
|
|
switch(config.bg_mode)
|
|
{
|
|
case "aspect":
|
|
return Image.PreserveAspectCrop;
|
|
|
|
case "fill":
|
|
return Image.Stretch;
|
|
|
|
case "tile":
|
|
return Image.Tile;
|
|
|
|
default:
|
|
return Image.Pad;
|
|
}
|
|
}
|
|
|
|
Background
|
|
{
|
|
id: background
|
|
x: (config.parallax_bg_shift > 0 ? geometry.x - Math.abs(config.parallax_bg_shift*2) : geometry.x )
|
|
y: geometry.y
|
|
width: geometry.width + Math.abs(config.parallax_bg_shift*2)
|
|
height: geometry.height
|
|
source: config.background
|
|
fillMode: bgFillMode()
|
|
visible: status != Image.Error
|
|
|
|
Behavior on x { NumberAnimation { duration: 150 } }
|
|
}
|
|
|
|
SizeScheme { id: sizes }
|
|
ColorScheme { id: colors }
|
|
FontScheme { id: fonts }
|
|
|
|
Item
|
|
{
|
|
id: areaTop
|
|
x: 0
|
|
y: 0
|
|
width: root.width
|
|
height: Math.max(buttonPagePower.height, buttonPageSessions.height, buttonPageUsers.height) + sizes.offsetVerticalSlicesTop + 5
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonPagePower
|
|
x: sizes.offsetHorizontalSlicesTop
|
|
y: sizes.offsetVerticalSlicesTop
|
|
|
|
skewRight: sizes.skewSlicesTop
|
|
skewLeft: 0
|
|
|
|
text: debug.hostName ? debug.hostName : "Hostname"
|
|
|
|
enabled: powerStateEnabled
|
|
|
|
onClicked: if (enabled) root.state = powerState
|
|
|
|
font: fonts.slicesTop
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesTop
|
|
paddingRight: sizes.paddingRightSlicesTop
|
|
paddingTop: sizes.paddingTopSlicesTop
|
|
paddingBottom: sizes.paddingBottomSlicesTop
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonPageSessions
|
|
x: buttonPagePower.x + buttonPagePower.widthPartial + sizes.spacingSlicesTop
|
|
y: sizes.offsetVerticalSlicesTop
|
|
|
|
skewLeft: sizes.skewSlicesTop
|
|
skewRight: sizes.skewSlicesTop
|
|
|
|
text: pageSessions.currentSessionName
|
|
|
|
onClicked: root.state = sessionsState
|
|
|
|
font: fonts.slicesTop
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesTop
|
|
paddingRight: sizes.paddingRightSlicesTop
|
|
paddingTop: sizes.paddingTopSlicesTop
|
|
paddingBottom: sizes.paddingBottomSlicesTop
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonPageUsers
|
|
x: buttonPagePower.x + buttonPagePower.widthPartial + buttonPageSessions.widthPartial + ( sizes.spacingSlicesTop * 2)
|
|
y: sizes.offsetVerticalSlicesTop
|
|
|
|
skewLeft: sizes.skewSlicesTop
|
|
skewRight: sizes.skewSlicesTop
|
|
|
|
text: pageUsers.currentUserLogin
|
|
|
|
onClicked: root.state = usersState
|
|
|
|
font: fonts.slicesTop
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesTop
|
|
paddingRight: sizes.paddingRightSlicesTop
|
|
paddingTop: sizes.paddingTopSlicesTop
|
|
paddingBottom: sizes.paddingBottomSlicesTop
|
|
}
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: areaMain
|
|
x: 0
|
|
y: areaTop.height
|
|
width: root.width
|
|
height: root.height - areaTop.height - areaBottom.height
|
|
|
|
PagePower
|
|
{
|
|
id: pagePower
|
|
width: areaMain.width
|
|
height: areaMain.height
|
|
|
|
Behavior on x { NumberAnimation { duration: 150 } }
|
|
}
|
|
|
|
PageSessions
|
|
{
|
|
id: pageSessions
|
|
width: areaMain.width
|
|
height: areaMain.height
|
|
|
|
Behavior on x { NumberAnimation { duration: 150 } }
|
|
|
|
onSelectedIndexChanged: pageUsers.selectedSessionIndex = selectedIndex
|
|
|
|
onSessionSelected: root.state = usersState
|
|
}
|
|
|
|
PageUsers
|
|
{
|
|
id: pageUsers
|
|
width: areaMain.width
|
|
height: areaMain.height
|
|
|
|
Behavior on x { NumberAnimation { duration: 150 } }
|
|
|
|
onLockNav: areaTop.enabled = false
|
|
onUnlockNav: areaTop.enabled = true
|
|
}
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: areaBottom
|
|
x: 0
|
|
y: root.height - height
|
|
width: root.width
|
|
height: Math.max(
|
|
buttonCapsLock.height,
|
|
buttonNumLock.height,
|
|
buttonKeyboardLayout.height,
|
|
buttonWeekday.height,
|
|
buttonDate.height,
|
|
buttonTime.height
|
|
) + 10
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonCapsLock
|
|
x: sizes.offsetHorizontalSlicesBottomLeft
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomLeft
|
|
|
|
skewRight: sizes.skewSlicesBottomLeft
|
|
skewLeft: 0
|
|
|
|
text: "Caps Lock"
|
|
highlighted: keyboard.capsLock
|
|
|
|
onClicked: keyboard.capsLock = !keyboard.capsLock
|
|
|
|
font: fonts.slicesBottomLeft
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomLeft
|
|
paddingRight: sizes.paddingRightSlicesBottomLeft
|
|
paddingTop: sizes.paddingTopSlicesBottomLeft
|
|
paddingBottom: sizes.paddingBottomSlicesBottomLeft
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonNumLock
|
|
x: buttonCapsLock.x + buttonCapsLock.widthPartial + sizes.spacingSlicesBottomLeft
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomLeft
|
|
|
|
skewLeft: sizes.skewSlicesBottomLeft
|
|
skewRight: sizes.skewSlicesBottomLeft
|
|
|
|
text: "Num Lock"
|
|
highlighted: keyboard.numLock
|
|
|
|
onClicked: keyboard.numLock = !keyboard.numLock
|
|
|
|
font: fonts.slicesBottomLeft
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomLeft
|
|
paddingRight: sizes.paddingRightSlicesBottomLeft
|
|
paddingTop: sizes.paddingTopSlicesBottomLeft
|
|
paddingBottom: sizes.paddingBottomSlicesBottomLeft
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonKeyboardLayout
|
|
x: buttonNumLock.x + buttonNumLock.widthPartial + sizes.spacingSlicesBottomLeft
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomLeft
|
|
|
|
skewLeft: sizes.skewSlicesBottomLeft
|
|
skewRight: sizes.skewSlicesBottomLeft
|
|
|
|
text: keyboard.layouts[keyboard.currentLayout].longName
|
|
onClicked: {
|
|
var newId = keyboard.currentLayout+1;
|
|
if (newId >= keyboard.layouts.length)
|
|
newId = 0;
|
|
keyboard.currentLayout = newId;
|
|
}
|
|
|
|
font: fonts.slicesBottomLeft
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomLeft
|
|
paddingRight: sizes.paddingRightSlicesBottomLeft
|
|
paddingTop: sizes.paddingTopSlicesBottomLeft
|
|
paddingBottom: sizes.paddingBottomSlicesBottomLeft
|
|
}
|
|
|
|
Item
|
|
{
|
|
id: dateTimeArea
|
|
x: areaBottom.width - width
|
|
width: buttonWeekday.widthPartial + buttonDate.widthPartial + buttonTime.widthPartial + ( sizes.spacingSlicesBottomRight * 2 ) + sizes.offsetHorizontalSlicesBottomRight
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonWeekday
|
|
enabled: false
|
|
x: 0
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomRight
|
|
|
|
skewLeft: sizes.skewSlicesBottomRight
|
|
skewRight: sizes.skewSlicesBottomRight
|
|
|
|
function updateTime()
|
|
{
|
|
text = new Date().toLocaleString(Qt.locale(),
|
|
"dddd")
|
|
}
|
|
|
|
font: fonts.slicesBottomRight
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomRight
|
|
paddingRight: sizes.paddingRightSlicesBottomRight
|
|
paddingTop: sizes.paddingTopSlicesBottomRight
|
|
paddingBottom: sizes.paddingBottomSlicesBottomRight
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonDate
|
|
enabled: false
|
|
x: buttonWeekday.x + buttonWeekday.widthPartial + sizes.spacingSlicesBottomRight
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomRight
|
|
|
|
skewLeft: sizes.skewSlicesBottomRight
|
|
skewRight: sizes.skewSlicesBottomRight
|
|
|
|
function updateTime()
|
|
{
|
|
text = new Date().toLocaleString(Qt.locale(),
|
|
"dd.MM.yyyy")
|
|
}
|
|
|
|
font: fonts.slicesBottomRight
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomRight
|
|
paddingRight: sizes.paddingRightSlicesBottomRight
|
|
paddingTop: sizes.paddingTopSlicesBottomRight
|
|
paddingBottom: sizes.paddingBottomSlicesBottomRight
|
|
}
|
|
|
|
SlicedButton
|
|
{
|
|
id: buttonTime
|
|
enabled: false
|
|
x: buttonDate.x + buttonDate.widthPartial + sizes.spacingSlicesBottomRight
|
|
y: areaBottom.height - height - sizes.offsetVerticalSlicesBottomRight
|
|
|
|
skewLeft: sizes.skewSlicesBottomRight
|
|
skewRight: 0
|
|
|
|
function updateTime()
|
|
{
|
|
text = new Date().toLocaleString(Qt.locale(),
|
|
"hh:mm:ss")
|
|
}
|
|
|
|
font: fonts.slicesBottomRight
|
|
|
|
paddingLeft: sizes.paddingLeftSlicesBottomRight
|
|
paddingRight: sizes.paddingRightSlicesBottomRight
|
|
paddingTop: sizes.paddingTopSlicesBottomRight
|
|
paddingBottom: sizes.paddingBottomSlicesBottomRight
|
|
}
|
|
}
|
|
|
|
Timer
|
|
{
|
|
interval: 1000
|
|
repeat: true
|
|
running: true
|
|
onTriggered:
|
|
{
|
|
buttonTime.updateTime()
|
|
buttonDate.updateTime()
|
|
buttonWeekday.updateTime()
|
|
}
|
|
}
|
|
|
|
Component.onCompleted:
|
|
{
|
|
buttonTime.updateTime()
|
|
buttonDate.updateTime()
|
|
buttonWeekday.updateTime()
|
|
}
|
|
}
|
|
|
|
MouseArea
|
|
{
|
|
id: scrollMouseArea
|
|
anchors.fill: parent
|
|
propagateComposedEvents: true
|
|
enabled: root.state != usersState || !pageUsers.hasLoginShown
|
|
onWheel:
|
|
{
|
|
switch (root.state)
|
|
{
|
|
case powerState:
|
|
if (wheel.angleDelta.y < 0)
|
|
pagePower.scroll_up()
|
|
else
|
|
pagePower.scroll_down()
|
|
break
|
|
|
|
case sessionsState:
|
|
if (wheel.angleDelta.y < 0)
|
|
pageSessions.scroll_up()
|
|
else
|
|
pageSessions.scroll_down()
|
|
break
|
|
|
|
case usersState:
|
|
if (!pageUsers.hasLoginShown)
|
|
{
|
|
if (wheel.angleDelta.y < 0)
|
|
pageUsers.scroll_up()
|
|
else
|
|
pageUsers.scroll_down()
|
|
}
|
|
break
|
|
}
|
|
}
|
|
}
|
|
|
|
function nextScreen() {
|
|
switch(root.state)
|
|
{
|
|
case firstState:
|
|
root.state = secondState;
|
|
break;
|
|
|
|
case secondState:
|
|
root.state = (thirdState) ? thirdState : firstState;
|
|
break;
|
|
|
|
case thirdState:
|
|
root.state = firstState;
|
|
break;
|
|
}
|
|
}
|
|
|
|
function previousScreen() {
|
|
switch(root.state)
|
|
{
|
|
case firstState:
|
|
root.state = (thirdState) ? thirdState : secondState;
|
|
break;
|
|
|
|
case secondState:
|
|
root.state = firstState;
|
|
break;
|
|
|
|
case thirdState:
|
|
root.state = secondState;
|
|
break;
|
|
}
|
|
}
|
|
|
|
Keys.onTabPressed: nextScreen()
|
|
Keys.onBacktabPressed: previousScreen()
|
|
Keys.onLeftPressed: previousScreen()
|
|
Keys.onRightPressed: nextScreen()
|
|
}
|
|
|