mirror of https://github.com/cutefishos/calamares
commit
abe3f4cda0
@ -0,0 +1,57 @@
|
|||||||
|
import io.calamares.ui 1.0
|
||||||
|
import io.calamares.core 1.0
|
||||||
|
|
||||||
|
import QtQuick 2.3
|
||||||
|
import QtQuick.Controls 2.10
|
||||||
|
import QtQuick.Layouts 1.3
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: navigationBar;
|
||||||
|
color: Branding.styleString( Branding.SidebarBackground );
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
id: buttonBar
|
||||||
|
height: 64;
|
||||||
|
anchors.fill: parent;
|
||||||
|
|
||||||
|
Item
|
||||||
|
{
|
||||||
|
Layout.fillWidth: true;
|
||||||
|
}
|
||||||
|
|
||||||
|
Button
|
||||||
|
{
|
||||||
|
text: ViewManager.backLabel;
|
||||||
|
icon.name: ViewManager.backIcon;
|
||||||
|
|
||||||
|
enabled: ViewManager.backEnabled;
|
||||||
|
visible: true;
|
||||||
|
onClicked: { ViewManager.back(); }
|
||||||
|
}
|
||||||
|
Button
|
||||||
|
{
|
||||||
|
text: ViewManager.nextLabel;
|
||||||
|
icon.name: ViewManager.nextIcon;
|
||||||
|
|
||||||
|
enabled: ViewManager.nextEnabled;
|
||||||
|
visible: true;
|
||||||
|
onClicked: { ViewManager.next(); }
|
||||||
|
}
|
||||||
|
Button
|
||||||
|
{
|
||||||
|
Layout.leftMargin: 3 * buttonBar.spacing; // little gap from back/next
|
||||||
|
Layout.rightMargin: 2 * buttonBar.spacing
|
||||||
|
text: ViewManager.quitLabel;
|
||||||
|
icon.name: ViewManager.quitIcon;
|
||||||
|
|
||||||
|
ToolTip.visible: hovered
|
||||||
|
ToolTip.timeout: 5000
|
||||||
|
ToolTip.delay: 1000
|
||||||
|
ToolTip.text: ViewManager.quitTooltip;
|
||||||
|
|
||||||
|
enabled: ViewManager.quitEnabled;
|
||||||
|
visible: ViewManager.quitVisible;
|
||||||
|
onClicked: { ViewManager.quit(); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -1,36 +1,49 @@
|
|||||||
import QtQuick 2.3
|
|
||||||
import io.calamares.ui 1.0
|
import io.calamares.ui 1.0
|
||||||
import io.calamares.core 1.0
|
import io.calamares.core 1.0
|
||||||
|
|
||||||
Column {
|
import QtQuick 2.3
|
||||||
|
import QtQuick.Layouts 1.3
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: hello
|
id: sideBar;
|
||||||
width: 200
|
color: Branding.styleString( Branding.SidebarBackground );
|
||||||
height: 100
|
|
||||||
color: "red"
|
|
||||||
|
|
||||||
Text {
|
ColumnLayout {
|
||||||
anchors.centerIn: parent
|
anchors.fill: parent;
|
||||||
text: Branding.string(Branding.VersionedName)
|
spacing: 0;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* perhaps we could show a branding image here */
|
Image {
|
||||||
|
Layout.topMargin: 12;
|
||||||
|
Layout.bottomMargin: 12;
|
||||||
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
|
||||||
|
id: logo;
|
||||||
|
width: 80;
|
||||||
|
height: width; // square
|
||||||
|
source: "file:/" + Branding.imagePath(Branding.ProductLogo);
|
||||||
|
sourceSize.width: width;
|
||||||
|
sourceSize.height: height;
|
||||||
|
}
|
||||||
|
|
||||||
Repeater {
|
Repeater {
|
||||||
model: ViewManager
|
model: ViewManager
|
||||||
Rectangle {
|
Rectangle {
|
||||||
width: 200
|
Layout.leftMargin: 12;
|
||||||
height: 75
|
width: parent.width - 24;
|
||||||
color: "black"
|
height: 35;
|
||||||
|
radius: 6;
|
||||||
|
color: Branding.styleString( index == ViewManager.currentStepIndex ? Branding.SidebarTextHighlight : Branding.SidebarBackground );
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
anchors.centerIn: parent
|
anchors.verticalCenter: parent.verticalCenter;
|
||||||
color: index == ViewManager.currentStepIndex ? "green" : "yellow"
|
x: parent.x + 12;
|
||||||
text: display
|
color: Branding.styleString( index == ViewManager.currentStepIndex ? Branding.SidebarTextSelect : Branding.SidebarText );
|
||||||
|
text: display;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Item {
|
||||||
|
Layout.fillHeight: true;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
<!DOCTYPE RCC><RCC version="1.0">
|
<!DOCTYPE RCC><RCC version="1.0">
|
||||||
<qresource>
|
<qresource>
|
||||||
<file alias="calamares-sidebar.qml">calamares-sidebar.qml</file>
|
<file alias="calamares-sidebar.qml">calamares-sidebar.qml</file>
|
||||||
|
<file alias="calamares-navigation.qml">calamares-navigation.qml</file>
|
||||||
</qresource>
|
</qresource>
|
||||||
</RCC>
|
</RCC>
|
||||||
|
Loading…
Reference in New Issue