calamares-bigscreen-branding/bigscreen/ProgressionBarVertical.qml

0001 /* Sample of QML progress tree.
0002
0003    SPDX-FileCopyrightText: 2020 Adriaan de Groot <groot@kde.org>
0004    SPDX-FileCopyrightText: 2021 Anke Boersma <demm@kaosx.us>
0005    SPDX-FileCopyrightText: 2022 Aditya Mehra <aix.m@outlook.com>
0006    SPDX-License-Identifier: GPL-3.0-or-later
0007
0008
0009    The progress tree (actually a list) is generally "vertical" in layout,
0010    with the steps going "down", but it could also be a more compact
0011    horizontal layout with suitable branding settings.
0012
0013    This example emulates the layout and size of the widgets progress tree.
0014 */
0015 import io.calamares.ui 1.0
0016 import io.calamares.core 1.0
0017
0018 import QtQuick 2.3
0019 import QtQuick.Layouts 1.3
0020 import org.kde.kirigami 2.7 as Kirigami
0021
0022 Rectangle {
0023     id: sideBar;
0024     color: Branding.styleString( Branding.SidebarBackground )
0025
0026     ColumnLayout {
0027         anchors.fill: parent;
0028         spacing: 1;
0029
0030         Image {
0031             Layout.topMargin: 12;
0032             Layout.bottomMargin: 12;
0033             Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
0034             id: logo;
0035             width: 80;
0036             height: width;  // square
0037             source: "file:/" + Branding.imagePath(Branding.ProductLogo);
0038             sourceSize.width: width;
0039             sourceSize.height: height;
0040         }
0041
0042         Repeater {
0043             id: viewProgressRepeater
0044             model: ViewManager
0045
0046             Rectangle {
0047                 Layout.fillWidth: true;
0048                 Layout.fillHeight: true;
0049                 color: index == ViewManager.currentStepIndex ? Branding.styleString(Branding.SidebarBackgroundSelected) : "#ff212121"
0050
0051                 Text {
0052                     anchors.verticalCenter: parent.verticalCenter;
0053                     anchors.horizontalCenter: parent.horizontalCenter;
0054
0055                     color: Branding.styleString( index == ViewManager.currentStepIndex ? Branding.SidebarTextSelected : Branding.SidebarText );
0056                     text: display;
0057                 }
0058             }
0059         }
0060
0061         Item {
0062             Layout.fillHeight: true;
0063         }
0064
0065         Rectangle {
0066             Layout.fillWidth: true;
0067             height: 35
0068             Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
0069             color: Branding.styleString( mouseArea.containsMouse ? Branding.SidebarTextHighlight : Branding.SidebarBackground);
0070             visible: debug.enabled
0071
0072             MouseArea {
0073                 id: mouseArea
0074                 anchors.fill: parent;
0075                 cursorShape: Qt.PointingHandCursor
0076                 hoverEnabled: true
0077                 Text {
0078                     anchors.verticalCenter: parent.verticalCenter;
0079                     x: parent.x + 4;
0080                     text: qsTr("Show debug information")
0081                     color: Branding.styleString( mouseArea.containsMouse ? Branding.SidebarTextSelect : Branding.SidebarBackground );
0082                     font.pointSize : 9
0083                 }
0084
0085                 onClicked: debug.toggle()
0086             }
0087         }
0088     }
0089 }