marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-06-11 08:57:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
shift-shell/initialstart/qml/Wizard.qml

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

254 lines
7.9 KiB
QML
Raw Normal View History

initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
// SPDX-FileCopyrightText: 2023 Devin Lin <devin@kde.org>
// SPDX-License-Identifier: GPL-2.0-or-later
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
import org.kde.kirigami as Kirigami
Port mobileshell plugins to ecm_add_qml_module
2023-11-02 11:08:17 +00:00
import org.kde.plasma.private.mobileshell as MobileShell
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
import initialstart as InitialStart
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
Kirigami.Page {
id: root
leftPadding: 0
rightPadding: 0
topPadding: 0
bottomPadding: 0
property int currentIndex: 0
initialstart: Introduce InitialStartModule as top level item for modules Currently modules are initialized as QQuickItems. In order to be able to add custom properties for modules to set in the future, introduce InitialStartModule as the top-level QML object for modules to initialize. Currently only two properties are implemented: `available` for whether to show the module in the wizard, and `contentItem` for the visual module item.
2024-11-07 06:07:50 +00:00
readonly property int stepCount: InitialStart.Wizard.stepsCount
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
property bool showingLanding: true
// filled by items
property var currentStepItem
property var nextStepItem
property var previousStepItem
readonly property bool onFinalPage: currentIndex === (stepCount - 1)
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
function updateStepItems() {
if (stepRepeater.count === 0) {
return;
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
root.previousStepItem = currentIndex > 0 ? stepRepeater.itemAt(currentIndex - 1) : null;
root.currentStepItem = stepRepeater.itemAt(currentIndex);
root.nextStepItem = currentIndex < stepRepeater.count - 1 ? stepRepeater.itemAt(currentIndex + 1) : null;
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
// step animation
// manually doing the animation is more performant and less glitchy with window resize than a SwipeView
property real previousStepItemX: -root.width
property real currentStepItemX: 0
property real nextStepItemX: root.width
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
initialstart: Introduce InitialStartModule as top level item for modules Currently modules are initialized as QQuickItems. In order to be able to add custom properties for modules to set in the future, introduce InitialStartModule as the top-level QML object for modules to initialize. Currently only two properties are implemented: `available` for whether to show the module in the wizard, and `contentItem` for the visual module item.
2024-11-07 06:07:50 +00:00
onStepCountChanged: {
// reset position
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
updateStepItems();
initialstart: Introduce InitialStartModule as top level item for modules Currently modules are initialized as QQuickItems. In order to be able to add custom properties for modules to set in the future, introduce InitialStartModule as the top-level QML object for modules to initialize. Currently only two properties are implemented: `available` for whether to show the module in the wizard, and `contentItem` for the visual module item.
2024-11-07 06:07:50 +00:00
requestPreviousPage();
}
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
function finishFinalPage() {
initialstart: Use more reliable way to exit app
2023-10-22 23:53:53 +00:00
// the app exits
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
InitialStart.Wizard.wizardFinished();
}
function requestNextPage() {
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
if (currentIndex >= stepCount - 1) {
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
return;
}
currentIndex++;
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
updateStepItems();
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
stepHeading.changeText(currentStepItem.name);
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
previousStepItemX = -root.width;
currentStepItemX = 0;
nextStepItemX = root.width;
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
function requestPreviousPage() {
if (currentIndex === 0) {
root.showingLanding = true;
landingComponent.returnToLanding();
} else {
currentIndex--;
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
updateStepItems();
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
stepHeading.changeText(currentStepItem.name);
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
previousStepItemX = -root.width;
currentStepItemX = 0;
nextStepItemX = root.width;
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
}
LandingComponent {
id: landingComponent
anchors.fill: parent
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
enabled: root.showingLanding
visible: root.showingLanding
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
onRequestNextPage: {
root.showingLanding = false;
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
root.updateStepItems();
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
stepHeading.changeText(root.currentStepItem.name);
}
}
Item {
id: stepsComponent
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
width: parent.width
height: parent.height
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
// animation when we switch to step stage
opacity: root.showingLanding ? 0 : 1
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
x: 0
y: root.showingLanding ? overlaySteps.height : 0
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
// heading for all the wizard steps
Label {
id: stepHeading
opacity: 0
color: "white"
horizontalAlignment: Text.AlignHCenter
font.pointSize: 18
anchors.left: parent.left
anchors.leftMargin: Kirigami.Units.gridUnit
anchors.right: parent.right
anchors.rightMargin: Kirigami.Units.gridUnit
anchors.bottom: parent.bottom
anchors.bottomMargin: root.height * 0.7 + Kirigami.Units.gridUnit
property string toText
function changeText(text) {
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
stepHeading.text = text;
stepHeading.opacity = 1;
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
}
Rectangle {
id: overlaySteps
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
clip: true
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
Kirigami.Theme.inherit: false
Kirigami.Theme.colorSet: Kirigami.Theme.Window
color: Kirigami.Theme.backgroundColor
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
topLeftRadius: Kirigami.Units.gridUnit
topRightRadius: Kirigami.Units.gridUnit
anchors.bottom: parent.bottom
anchors.horizontalCenter: parent.horizontalCenter
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
initialstart: Cap content width for wide screens Cap the content width for wider screens, as the space is unnecessary anyway. Also use item y positioning for the animation instead of transform for simplicity.
2025-03-05 17:30:46 +00:00
height: root.height * 0.7
width: Math.min(parent.width, Kirigami.Units.gridUnit * 30)
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
// all steps are in this container
Item {
anchors.fill: parent
anchors.bottomMargin: stepFooter.implicitHeight
// setup steps
Repeater {
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
id: stepRepeater
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
model: InitialStart.Wizard.steps
delegate: MobileShell.BaseItem {
id: item
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
visible: !root.showingLanding && Math.abs(item.currentIndex - root.currentIndex) <= 1
initialstart: Introduce InitialStartModule as top level item for modules Currently modules are initialized as QQuickItems. In order to be able to add custom properties for modules to set in the future, introduce InitialStartModule as the top-level QML object for modules to initialize. Currently only two properties are implemented: `available` for whether to show the module in the wizard, and `contentItem` for the visual module item.
2024-11-07 06:07:50 +00:00
contentItem: modelData.contentItem
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
transform: Translate {
x: {
if (item.currentIndex === root.currentIndex - 1) {
return previousStepItemX;
} else if (item.currentIndex === root.currentIndex + 1) {
return nextStepItemX;
} else if (item.currentIndex === root.currentIndex) {
return currentStepItemX;
}
return 0;
}
}
anchors.fill: parent
// pass up the property
Improvements to initialstart + 1 more This MR implements multiple things - Add `.vscode/` to .gitignore - Any files generated by Visual Studio code or its extensions will not be pushed. - Give `InitialStartModule` a required `name` property - Every `InitialStartModule` now requires a `name` property. This replaces the previous setup where a `property string name` was needed in the `contentitem` of the `InitialStartModule`. - Remove the cellular page if no modem - If the device has no modem (`PlasmaMM.SignalIndicator.modemAvailable == false`), the cellular page will no longer be shown.
2024-11-10 06:35:06 +00:00
property string name: modelData.name
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
property int currentIndex: model.index
Component.onCompleted: {
Add profile-aware initial setup Detect the device class, stage the selected experience, and write the resulting setup choices through SetupState. Load the new device and experience modules before the existing setup pages, and use the Shift icon on the finished page.
2026-05-11 08:03:07 +00:00
root.updateStepItems();
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
}
}
}
}
// bottom footer
RowLayout {
id: stepFooter
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
Button {
Layout.alignment: Qt.AlignLeft
Layout.leftMargin: Kirigami.Units.gridUnit
Layout.bottomMargin: Kirigami.Units.gridUnit
initialstart: Fix button size
2023-10-21 22:27:31 +00:00
topPadding: Kirigami.Units.largeSpacing
bottomPadding: Kirigami.Units.largeSpacing
Revert "Port away from PlasmaCore and PlasmaExtras to Kirigami" This (partially) reverts commit 127bbdf653d167e219b772e62f7c38b416cf69fc. Only incorrect changes from Kirigami.Units.largeSpacing to Kirigami.Units.gridUnit are reverted. Only Plasma.Units were buggy.
2023-11-08 17:57:27 +00:00
leftPadding: Kirigami.Units.gridUnit
rightPadding: Kirigami.Units.gridUnit
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
text: i18n("Back")
icon.name: "arrow-left"
onClicked: root.requestPreviousPage()
}
Item {}
Button {
Layout.alignment: Qt.AlignRight
Layout.rightMargin: Kirigami.Units.gridUnit
Layout.bottomMargin: Kirigami.Units.gridUnit
initialstart: Fix button size
2023-10-21 22:27:31 +00:00
topPadding: Kirigami.Units.largeSpacing
bottomPadding: Kirigami.Units.largeSpacing
Revert "Port away from PlasmaCore and PlasmaExtras to Kirigami" This (partially) reverts commit 127bbdf653d167e219b772e62f7c38b416cf69fc. Only incorrect changes from Kirigami.Units.largeSpacing to Kirigami.Units.gridUnit are reverted. Only Plasma.Units were buggy.
2023-11-08 17:57:27 +00:00
leftPadding: Kirigami.Units.gridUnit
rightPadding: Kirigami.Units.gridUnit
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
visible: !root.onFinalPage
text: i18n("Next")
icon.name: "arrow-right"
onClicked: root.requestNextPage();
}
Button {
Layout.alignment: Qt.AlignRight
Layout.rightMargin: Kirigami.Units.gridUnit
Layout.bottomMargin: Kirigami.Units.gridUnit
initialstart: Fix button size
2023-10-21 22:27:31 +00:00
topPadding: Kirigami.Units.largeSpacing
bottomPadding: Kirigami.Units.largeSpacing
Revert "Port away from PlasmaCore and PlasmaExtras to Kirigami" This (partially) reverts commit 127bbdf653d167e219b772e62f7c38b416cf69fc. Only incorrect changes from Kirigami.Units.largeSpacing to Kirigami.Units.gridUnit are reverted. Only Plasma.Units were buggy.
2023-11-08 17:57:27 +00:00
leftPadding: Kirigami.Units.gridUnit
rightPadding: Kirigami.Units.gridUnit
initialstart: Add first login experience Adds an experience for users on first login, allowing some basic configuration. This is separate from a first start wizard, which would run as a separate user with elevated permissions, and include options that an installer would have.
2023-04-01 07:09:57 +00:00
visible: root.onFinalPage
text: i18n("Finish")
icon.name: "dialog-ok"
onClicked: root.finishFinalPage();
}
}
}
}
}
Reference in a new issue Copy permalink