Explode pages in qml files

8 files changed, 560 insertions, 514 deletions

diff --git a/qml/Configuration.qml b/qml/Configuration.qml
new file mode 100644
index 0000000..71171e7
--- /dev/null
+++ b/qml/Configuration.qml
@@ -0,0 +1,47 @@
+import QtQuick 2
+import QtQuick.Controls 1
+import QtQuick.Dialogs 1.1
+
+// Configuration summary Page
+Rectangle {
+    Version {id:version}
+    property var title: qsTr("Your configuration")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+
+    Column {
+        Rectangle{
+            height: 50
+            width:1
+            color:"transparent"
+        }
+        ListView {
+            id: confList
+            width: view.width
+            height: view.height -150
+            model: ConfList
+            delegate: Label {
+                text: name
+                leftPadding: 50
+                textFormat: Text.RichText
+                color: "white"
+            }
+        }
+        MButton {
+            anchors.horizontalCenter: parent.horizontalCenter
+            objectName: "launch"
+            onMbuttonClicked: { about.open() }
+            buttonText: qsTr("About")
+        }
+        MessageDialog {
+            id: about
+            title: qsTr("About Mageiawelcome")
+            //: %1 will be replaced with the release number, %2 with author's names
+            text: qsTr("Release %1<br />Authors : %2").arg(version.version).arg("Daniel Napora, Papoteur, Antony Baker<br />")
+            //: replace with the list of translator's names
+            detailedText: qsTr("Translators: English is the source language")
+            standardButtons: StandardButton.Close
+        }
+    }
+}
diff --git a/qml/Install.qml b/qml/Install.qml
new file mode 100644
index 0000000..dbebeb2
--- /dev/null
+++ b/qml/Install.qml
@@ -0,0 +1,67 @@
+import QtQuick 2
+import QtQuick.Controls 1
+
+// Install software page
+Rectangle {
+    property var title: qsTr("Install software")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+    Column {
+            Label {
+                text: qsTr("Install and remove software")
+                width: slideshow.width
+                topPadding: 30; leftPadding: 20;
+                padding: 10
+                font.bold: true
+                wrapMode: Text.WordWrap
+                color: "white"
+            }
+            Label {
+                text: qsTr("With Mageia, you will find the software in the media repositories. Mageia users simply access these media via one of the Software Managers.");
+                width: slideshow.width
+                padding: 20
+                wrapMode: Text.WordWrap
+                textFormat: Text.RichText
+                color: "white"
+            }
+            MButton {
+                anchors.left: parent.left; anchors.leftMargin: 20;
+                width: slideshow.width * .35
+                objectName: "launch"
+                onMbuttonClicked: { launch.command(["rpmdrake",])}
+                buttonText: qsTr("RPMdrake")+" *"
+            }
+            Label {
+                text: qsTr("The next slide shows a small selection of popular applications - any of which may be installed at this point.<BR/>");
+                width: slideshow.width
+                padding: 20
+                wrapMode: Text.WordWrap
+                textFormat: Text.RichText
+                color: "white"
+            }
+            Label {
+                text: qsTr("You can find a more detailed list here:");
+                width: slideshow.width
+                padding: 20
+                wrapMode: Text.WordWrap
+                textFormat: Text.RichText
+                color: "white"
+            }
+            MButton {
+                anchors.left: parent.left; anchors.leftMargin: 20
+                width: slideshow.width * .35
+                objectName: "link"
+                //: Translate only if the link is to a specific page for your language
+                onMbuttonClicked: { link.weblink(qsTr("https://wiki.mageia.org/en/List_of_applications"))}
+                buttonText: qsTr("List of applications (wiki)")
+            }
+    }
+    Label {
+        anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
+        text: qsTr("(*) Administrator password is needed")
+        wrapMode: Text.WordWrap
+        font.italic: true
+        color: "white"
+    }
+}
diff --git a/qml/Links.qml b/qml/Links.qml
new file mode 100644
index 0000000..d42d1a5
--- /dev/null
+++ b/qml/Links.qml
@@ -0,0 +1,86 @@
+import QtQuick 2
+import QtQuick.Controls 1
+import QtQuick.Controls.Styles 1
+
+// Links page
+Rectangle {
+    property var title: qsTr("More information")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+    Column {
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter:  parent.verticalCenter
+        Grid {
+            columns: 3
+            spacing: view.width * .03
+            Label {
+                horizontalAlignment: TextInput.AlignHCenter
+                width: view.width * .2
+                text: qsTr("Documentation")
+                wrapMode: Text.WordWrap
+                font.bold: true
+                color: "white"
+            }
+            Label {
+                horizontalAlignment: TextInput.AlignHCenter
+                width: view.width * .2
+                text: qsTr("Support")
+                wrapMode: Text.WordWrap
+                font.bold: true
+                color: "white"
+            }
+            Label {
+                horizontalAlignment: TextInput.AlignHCenter
+                width: view.width * .2
+                text: qsTr("Community")
+                wrapMode: Text.WordWrap
+                font.bold: true
+                color: "white"
+            }
+            Repeater{
+                model: [{'name': qsTr("Release notes"), 'url':
+                        //: Translate only if the link is to a specific page for your language
+                            qsTr("https://wiki.mageia.org/en/Mageia_7_Release_Notes")},
+                            {'name': qsTr("Forums"),'url':
+                        //: Translate only if the link is to a specific page for your language
+                            qsTr("https://forums.mageia.org/en/")},
+                            {'name': qsTr("Community Center"),'url': "https://www.mageia.org/community/"},
+                            {'name': qsTr("Errata"), 'url':
+                        //: Translate only if the link is to a specific page for your language
+                        qsTr("https://wiki.mageia.org/en/Mageia_7_Errata")},
+                            {'name': qsTr("Wiki"), 'url':
+                        //: Translate only if the link is to a specific page for your language
+                        qsTr("https://wiki.mageia.org/en/Documentation")},
+                            {'name': qsTr("Contribute"),'url': "https://www.mageia.org/contribute/"},
+                            {'name': qsTr("Newcomers Howto"),'url':
+                        //: Translate only if the link is to a specific page for your language
+                        qsTr("https://wiki.mageia.org/en/Newcomers_start_here")},
+                            {'name': qsTr("Chat Room"),
+                        //: Translate only if the link is to a specific page for your language
+                        'url': qsTr("irc://irc.freenode.net/#mageia")},
+                            {'name': qsTr("Donations"),'url': "https://www.mageia.org/donate/"},
+                            {'name': qsTr("Documentation"),'url': "https://www.mageia.org/doc/"},
+                            {'name': qsTr("Bugs tracker"),'url': "https://bugs.mageia.org/"},
+                            {'name': qsTr("Join us!"),'url': "https://identity.mageia.org/"}]
+                delegate: Button {
+                        width: view.width * .2
+                        objectName: "link"
+                        onClicked: { link.weblink(modelData.url)}
+                        style: ButtonStyle {
+                            label: Label {
+                                text: modelData.name
+                                horizontalAlignment: TextInput.AlignHCenter
+                                color: "black"
+                                width: parent.width
+                                wrapMode: Text.WordWrap }
+                            background: Rectangle {
+                                color: "lightgrey"
+                                radius: 5
+                            }
+                        }
+                    }
+            }
+            }
+        }
+    }
diff --git a/qml/Mcc.qml b/qml/Mcc.qml
new file mode 100644
index 0000000..82e7554
--- /dev/null
+++ b/qml/Mcc.qml
@@ -0,0 +1,58 @@
+import QtQuick 2
+import QtQuick.Controls 1
+
+// MCC Page
+Rectangle {
+    //: The button in the buttons bar, shortcut for Mageia Control Center
+    property var title: qsTr("MCC")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+
+    Column {
+        x: 10; y: 30
+        spacing: 10
+            Label {
+                text: qsTr("<b>Mageia Control Center</b> (aka drakconf) is a set of tools to help you configure your system.")
+                width: view.width * 0.9
+                padding: 10
+                wrapMode: Text.WordWrap
+                textFormat: Text.RichText
+                color: "white"
+            }
+            Label {
+                padding: 5
+                anchors.horizontalCenter: parent.horizontalCenter
+                text: "<ul><li>"+qsTr("Software Management")+"</li><li>"
+            + qsTr("Hardware")+"</li><li>"
+            + qsTr("Network and Internet")+"</li><li>"
+            + qsTr("System")+"</li><li>"
+            + qsTr("Network Sharing")+"</li><li>"
+            + qsTr("Local Disks")+"</li><li>"
+            + qsTr("Security")+"</li><li>"
+            + qsTr("Boot")+"</li></ul>";
+                wrapMode: Text.WordWrap;textFormat: Text.RichText
+                color: "white"
+            }
+
+            MButton {
+                anchors.horizontalCenter:  parent.horizontalCenter
+                objectName: "launch"
+                onMbuttonClicked: { launch.command(["drakconf",])}
+                buttonText: qsTr("Mageia Control Center")+" *"
+            }
+            MButton {
+                anchors.horizontalCenter:  parent.horizontalCenter
+                objectName: "link"
+                onMbuttonClicked: { link.weblink("https://www.mageia.org/doc")}
+                buttonText: qsTr("MCC documentation")
+            }
+        }
+        Label {
+        anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
+        text: qsTr("(*) Administrator password is needed")
+        wrapMode: Text.WordWrap
+        font.italic: true
+        color: "white"
+        }
+}
diff --git a/qml/Sources.qml b/qml/Sources.qml
new file mode 100644
index 0000000..304df59
--- /dev/null
+++ b/qml/Sources.qml
@@ -0,0 +1,211 @@
+import QtQuick 2
+import QtQuick.Controls 1
+import QtQuick.Layouts 1
+import QtQuick.Controls.Styles 1
+import QtGraphicalEffects 1
+
+// Configure source page
+Rectangle {
+    property var title: qsTr("Media sources")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+    Flickable {
+        width: view.width; height: view.height
+        contentWidth: gridRepo.width; contentHeight: gridRepo.height
+        clip: true
+        flickableDirection: Flickable.VerticalFlick
+    GridLayout {
+        id: gridRepo
+        columns: 2
+            Label {
+                Layout.columnSpan: 2
+                Layout.topMargin: 10
+                Layout.leftMargin: 10
+                text: qsTr("Configure software repositories"); font.bold: true;
+                color: "white" }
+            Label {
+                Layout.columnSpan: 2
+                Layout.topMargin: 10
+                Layout.leftMargin: 10
+                text: qsTr("Mageia official repositories contain:");
+                color: "white"  }
+            Button {id: coreBg
+                Layout.margins: 5
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                //height: Qt.application.font.pixelSize * 1.3
+                style: ButtonStyle {
+                    label: Label {
+                        horizontalAlignment: TextInput.AlignHCenter
+                        //: Should be as displayed in software manager, thus in general not translated
+                        text: qsTr("core");
+                        font.bold: true; color: "black";
+                    }
+                    background: Rectangle {
+                        LinearGradient {
+                            anchors.fill: parent
+                            start: Qt.point(0, 0)
+                            end: Qt.point(0, 20)
+                            gradient: Gradient {
+                                GradientStop { position: 0.0; color: "lightgreen" }
+                                GradientStop { position: 1.0; color: "green" }
+                            }
+                        }
+                    }
+
+                }
+            }
+            Label {
+                text: qsTr("- the free-open-source packages");
+                wrapMode: Text.WordWrap
+                Layout.maximumWidth: slideshow.width -20 - coreBg.width
+                color: "white"
+            }
+            Button {
+                Layout.margins: 5
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                style: ButtonStyle {
+                    label: Label {
+                        horizontalAlignment: TextInput.AlignHCenter
+                        //: Should be as displayed in software manager, thus in general not translated
+                        text: qsTr("nonfree");
+                        font.bold: true; color: "white";
+                    }
+                    background: Rectangle {
+                        LinearGradient {
+                            anchors.fill: parent
+                            start: Qt.point(0, 0)
+                            end: Qt.point(0, 20)
+                            gradient: Gradient {
+                                GradientStop { position: 0.0; color: "red" }
+                                GradientStop { position: 1.0; color: "darkred" }
+                            }
+                        }
+                    }
+
+                }
+            }
+            Label {
+                width: parent.width
+                text: qsTr("- closed-source programs, e.g. Nvidia proprietary drivers, non-free drivers for some Wi-Fi cards, etc");
+                Layout.maximumWidth: slideshow.width - 110
+                wrapMode: Text.WordWrap
+                color: "white"
+            }
+            Button {
+                Layout.margins: 5
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                style: ButtonStyle {
+                    label: Label {
+                        horizontalAlignment: TextInput.AlignHCenter
+                        //: Should be as displayed in software manager, thus in general not translated
+                        text: qsTr("tainted");
+                        font.bold: true; color: "white";
+                    }
+                    background: Rectangle {
+                        LinearGradient {
+                            anchors.fill: parent
+                            start: Qt.point(0, 0)
+                            end: Qt.point(0, 20)
+                            gradient: Gradient {
+                                GradientStop { position: 0.0; color: "red" }
+                                GradientStop { position: 1.0; color: "darkred" }
+                            }
+                        }
+                    }
+
+                }
+            }
+            Label {
+                text: qsTr("- these packages (eg audio and video codecs needed for certain multimedia files or commercial DVDs) may infringe on patents or copyright laws in certain countries. ");
+                wrapMode: Text.WordWrap
+                Layout.maximumWidth: slideshow.width -110
+                color: "white"
+            }
+            Button {
+                Layout.margins: 5
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                style: ButtonStyle {
+                    label: Label {
+                        horizontalAlignment: TextInput.AlignHCenter
+                        //: Should be as displayed in software manager, thus in general not translated
+                        text: qsTr("backports");
+                        font.bold: true; color: "black";
+                    }
+                    background: Rectangle {
+                        LinearGradient {
+                            anchors.fill: parent
+                            start: Qt.point(0, 0)
+                            end: Qt.point(0, 20)
+                            gradient: Gradient {
+                                GradientStop { position: 0.0; color: "lightgray" }
+                                GradientStop { position: 1.0; color: "darkgray" }
+                            }
+                        }
+                    }
+
+                }
+            }
+            Label {
+                text: qsTr("- include new versions of packages, and new packages, that do not meet the updates policy.");
+                wrapMode: Text.WordWrap
+                Layout.maximumWidth: slideshow.width -110
+                color: "white"
+            }
+            Button {
+                Layout.margins: 5
+                Layout.alignment: Qt.AlignTop
+                Layout.fillWidth: true
+                style: ButtonStyle {
+                    label: Label {
+                        horizontalAlignment: TextInput.AlignHCenter
+                        text: qsTr("Note! ");
+                        font.bold: true; color: "black";
+                    }
+                    background: Rectangle {
+                        color: "#e6c200";
+                    }
+
+                }
+            }
+            Label { text: qsTr("If you enabled the online repositories during installation, some media sources should be installed already. Otherwise, we will now configure these online repositories.
+If this computer will have access to the Internet, you can delete the <i>Local</i> entry from the list of repositories.");
+                    wrapMode: Text.WordWrap
+                    textFormat: Text.RichText
+                    color: "white"
+                    Layout.fillWidth: true
+                    Layout.maximumWidth: slideshow.width - 110
+                }
+            Label { text: qsTr("Now, please enable or disable the online repositories of your choice: click on the <i>Edit software repositories</i> button. Select at least the <i>release</i> and <i>updates</i> pair. <i>Debug</i> and <i>Testing</i> are for special cases.")+"<BR />"+
+                            qsTr("After you have checked and enabled the repositories you need, you can go to the next slide.")
+                    wrapMode: Text.WordWrap
+                    textFormat: Text.RichText
+                    color: "white"
+                    Layout.fillWidth: true
+                    Layout.maximumWidth: slideshow.width - 10
+                    Layout.columnSpan: 2
+                    Layout.margins: 10
+                }
+            MButton {
+                Layout.columnSpan: 2
+                Layout.alignment: Qt.AlignHCenter
+                objectName: "launch"
+                onMbuttonClicked: { launch.command(["drakrpm-edit-media",])}
+                buttonText: qsTr("Edit software sources")+" *"
+            }
+        }
+        }
+
+        Label {
+            anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
+            text: qsTr("(*) Administrator password is needed.")
+            Layout.maximumWidth: slideshow.width * .4
+            font.italic: true
+            color: "white"
+        }
+
+}
diff --git a/qml/Updates.qml b/qml/Updates.qml
new file mode 100644
index 0000000..fb0fec3
--- /dev/null
+++ b/qml/Updates.qml
@@ -0,0 +1,47 @@
+import QtQuick 2
+import QtQuick.Controls 1
+
+// Update page
+Rectangle {
+    property var title: qsTr("Update")
+    width: view.width; height: view.height
+    Loader { sourceComponent: slidebackground ;
+        anchors.fill: parent}
+    Column {
+        spacing: 10
+        Label { text: qsTr("How Mageia manages updates"); font.bold: true;
+            topPadding: 30 ; leftPadding: 20
+            color: "white"}
+        Label {
+            width: slideshow.width - 40
+            padding: 20
+            text: qsTr("Mageia provides software which may be updated in order to fix bugs or security issues. It is highly recommended that you update your system regularly. \
+An Update icon will appear in your task bar when new updates are available. To run the updates, just click on the icon below and give your user password - or use the Software Manager (root password). \
+This is a background process and you will be able to use your computer normally during the updates."+"\n");
+            wrapMode: Text.WordWrap
+            color: "white"
+        }
+
+        MButton {
+            anchors.horizontalCenter:  parent.horizontalCenter
+            objectName: "launch"
+            onMbuttonClicked: { launch.command(["drakrpm-update",])}
+            buttonText: qsTr("Check system updates")+" *"
+        }
+        MButton {
+            anchors.horizontalCenter:  parent.horizontalCenter
+            objectName: "link"
+            //: (en) indicates that the content of the link is in English
+            onMbuttonClicked: { link.weblink("https://advisories.mageia.org/")}
+            buttonText: qsTr("Advisories of updates (en)")
+        }
+
+    }
+    Label {
+        anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4  }
+        text: qsTr("(*) User password is needed")
+        wrapMode: Text.WordWrap
+        font.italic: true
+        color: "white"
+    }
+}
diff --git a/qml/Welcome.qml b/qml/Welcome.qml
new file mode 100644
index 0000000..64be714
--- /dev/null
+++ b/qml/Welcome.qml
@@ -0,0 +1,32 @@
+import QtQuick 2
+import QtQuick.Controls 1
+
+        Rectangle {
+            //: the button in buttons bar
+            property var title: qsTr("Welcome")
+            width: view.width; height: view.height
+            Loader { sourceComponent: slidebackground ;
+                anchors.fill: parent}
+            Column {
+                anchors.centerIn: parent
+                anchors.verticalCenter:  parent.verticalCenter
+
+                Label {
+                    //: the %1 will be replaced with the user name
+                    anchors.horizontalCenter:  parent.horizontalCenter
+                    horizontalAlignment: TextInput.AlignHCenter
+                    text: (user == 'live' ?  qsTr("Welcome to Mageia") : qsTr("Welcome to Mageia, %1").arg(user)+'\n')
+                    font.weight: Font.DemiBold
+                    font.pixelSize: Qt.application.font.pixelSize * 1.5
+                    color: "white"
+                }
+
+                Label {
+                    horizontalAlignment: TextInput.AlignHCenter
+                    anchors.horizontalCenter:  parent.horizontalCenter
+                    text: qsTr("We are going to guide you through a few important steps and help<BR />you with the configuration of your newly installed system.<BR /><BR />Now, click on <i>Media sources</i> to go to the first step.");
+                    textFormat: Text.RichText
+                    color: "white"
+                }
+            }
+        }
diff --git a/qml/mw-ui.qml b/qml/mw-ui.qml
index aaaa5da..169cf1c 100644
--- a/qml/mw-ui.qml
+++ b/qml/mw-ui.qml
@@ -73,403 +73,20 @@ Rectangle {
         id: itemModel
 
         // Welcome page
-        Rectangle {
-            //: the button in buttons bar
-            property var title: qsTr("Welcome")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-            Column {
-                anchors.centerIn: parent
-                anchors.verticalCenter:  parent.verticalCenter
-
-                Label {
-                    //: the %1 will be replaced with the user name
-                    anchors.horizontalCenter:  parent.horizontalCenter
-                    horizontalAlignment: TextInput.AlignHCenter
-                    text: (user == 'live' ?  qsTr("Welcome to Mageia") : qsTr("Welcome to Mageia, %1").arg(user)+'\n')
-                    font.weight: Font.DemiBold
-                    font.pixelSize: Qt.application.font.pixelSize * 1.5
-                    color: "white"
-                }
-
-                Label {
-                    horizontalAlignment: TextInput.AlignHCenter
-                    anchors.horizontalCenter:  parent.horizontalCenter
-                    text: qsTr("We are going to guide you through a few important steps and help<BR />you with the configuration of your newly installed system.<BR /><BR />Now, click on <i>Media sources</i> to go to the first step.");
-                    textFormat: Text.RichText
-                    color: "white"
-                }
-            }
-        }
+        Welcome {}
+        
         // Configure source page
-        Rectangle {
-            property var title: qsTr("Media sources")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-            Flickable {
-                width: view.width; height: view.height
-                contentWidth: gridRepo.width; contentHeight: gridRepo.height
-                clip: true
-                flickableDirection: Flickable.VerticalFlick
-            GridLayout {
-                id: gridRepo
-                columns: 2
-                    Label {
-                        Layout.columnSpan: 2
-                        Layout.topMargin: 10
-                        Layout.leftMargin: 10
-                        text: qsTr("Configure software repositories"); font.bold: true;
-                        color: "white" }
-                    Label {
-                        Layout.columnSpan: 2
-                        Layout.topMargin: 10
-                        Layout.leftMargin: 10
-                        text: qsTr("Mageia official repositories contain:");
-                        color: "white"  }
-                    Button {id: coreBg
-                        Layout.margins: 5
-                        Layout.alignment: Qt.AlignTop
-                        Layout.fillWidth: true
-                        //height: Qt.application.font.pixelSize * 1.3
-                        style: ButtonStyle {
-                            label: Label {
-                                horizontalAlignment: TextInput.AlignHCenter
-                                //: Should be as displayed in software manager, thus in general not translated
-                                text: qsTr("core");
-                                font.bold: true; color: "black";
-                            }
-                            background: Rectangle {
-                                LinearGradient {
-                                    anchors.fill: parent
-                                    start: Qt.point(0, 0)
-                                    end: Qt.point(0, 20)
-                                    gradient: Gradient {
-                                        GradientStop { position: 0.0; color: "lightgreen" }
-                                        GradientStop { position: 1.0; color: "green" }
-                                    }
-                                }
-                            }
-
-                        }
-                    }
-                    Label {
-                        text: qsTr("- the free-open-source packages");
-                        wrapMode: Text.WordWrap
-                        Layout.maximumWidth: slideshow.width -20 - coreBg.width
-                        color: "white"
-                    }
-                    Button {
-                        Layout.margins: 5
-                        Layout.alignment: Qt.AlignTop
-                        Layout.fillWidth: true
-                        style: ButtonStyle {
-                            label: Label {
-                                horizontalAlignment: TextInput.AlignHCenter
-                                //: Should be as displayed in software manager, thus in general not translated
-                                text: qsTr("nonfree");
-                                font.bold: true; color: "white";
-                            }
-                            background: Rectangle {
-                                LinearGradient {
-                                    anchors.fill: parent
-                                    start: Qt.point(0, 0)
-                                    end: Qt.point(0, 20)
-                                    gradient: Gradient {
-                                        GradientStop { position: 0.0; color: "red" }
-                                        GradientStop { position: 1.0; color: "darkred" }
-                                    }
-                                }
-                            }
-
-                        }
-                    }
-                    Label {
-                        width: parent.width
-                        text: qsTr("- closed-source programs, e.g. Nvidia proprietary drivers, non-free drivers for some Wi-Fi cards, etc");
-                        Layout.maximumWidth: slideshow.width - 110
-                        wrapMode: Text.WordWrap
-                        color: "white"
-                    }
-                    Button {
-                        Layout.margins: 5
-                        Layout.alignment: Qt.AlignTop
-                        Layout.fillWidth: true
-                        style: ButtonStyle {
-                            label: Label {
-                                horizontalAlignment: TextInput.AlignHCenter
-                                //: Should be as displayed in software manager, thus in general not translated
-                                text: qsTr("tainted");
-                                font.bold: true; color: "white";
-                            }
-                            background: Rectangle {
-                                LinearGradient {
-                                    anchors.fill: parent
-                                    start: Qt.point(0, 0)
-                                    end: Qt.point(0, 20)
-                                    gradient: Gradient {
-                                        GradientStop { position: 0.0; color: "red" }
-                                        GradientStop { position: 1.0; color: "darkred" }
-                                    }
-                                }
-                            }
-
-                        }
-                    }
-                    Label {
-                        text: qsTr("- these packages (eg audio and video codecs needed for certain multimedia files or commercial DVDs) may infringe on patents or copyright laws in certain countries. ");
-                        wrapMode: Text.WordWrap
-                        Layout.maximumWidth: slideshow.width -110
-                        color: "white"
-                    }
-                    Button {
-                        Layout.margins: 5
-                        Layout.alignment: Qt.AlignTop
-                        Layout.fillWidth: true
-                        style: ButtonStyle {
-                            label: Label {
-                                horizontalAlignment: TextInput.AlignHCenter
-                                //: Should be as displayed in software manager, thus in general not translated
-                                text: qsTr("backports");
-                                font.bold: true; color: "black";
-                            }
-                            background: Rectangle {
-                                LinearGradient {
-                                    anchors.fill: parent
-                                    start: Qt.point(0, 0)
-                                    end: Qt.point(0, 20)
-                                    gradient: Gradient {
-                                        GradientStop { position: 0.0; color: "lightgray" }
-                                        GradientStop { position: 1.0; color: "darkgray" }
-                                    }
-                                }
-                            }
-
-                        }
-                    }
-                    Label {
-                        text: qsTr("- include new versions of packages, and new packages, that do not meet the updates policy.");
-                        wrapMode: Text.WordWrap
-                        Layout.maximumWidth: slideshow.width -110
-                        color: "white"
-                    }
-                    Button {
-                        Layout.margins: 5
-                        Layout.alignment: Qt.AlignTop
-                        Layout.fillWidth: true
-                        style: ButtonStyle {
-                            label: Label {
-                                horizontalAlignment: TextInput.AlignHCenter
-                                text: qsTr("Note! ");
-                                font.bold: true; color: "black";
-                            }
-                            background: Rectangle {
-                                color: "#e6c200";
-                            }
-
-                        }
-                    }
-                    Label { text: qsTr("If you enabled the online repositories during installation, some media sources should be installed already. Otherwise, we will now configure these online repositories.
-    If this computer will have access to the Internet, you can delete the <i>Local</i> entry from the list of repositories.");
-                          wrapMode: Text.WordWrap
-                          textFormat: Text.RichText
-                          color: "white"
-                          Layout.fillWidth: true
-                          Layout.maximumWidth: slideshow.width - 110
-                        }
-                    Label { text: qsTr("Now, please enable or disable the online repositories of your choice: click on the <i>Edit software repositories</i> button. Select at least the <i>release</i> and <i>updates</i> pair. <i>Debug</i> and <i>Testing</i> are for special cases.")+"<BR />"+
-                                  qsTr("After you have checked and enabled the repositories you need, you can go to the next slide.")
-                          wrapMode: Text.WordWrap
-                          textFormat: Text.RichText
-                          color: "white"
-                          Layout.fillWidth: true
-                          Layout.maximumWidth: slideshow.width - 10
-                          Layout.columnSpan: 2
-                          Layout.margins: 10
-                        }
-                    MButton {
-                        Layout.columnSpan: 2
-                        Layout.alignment: Qt.AlignHCenter
-                        objectName: "launch"
-                        onMbuttonClicked: { launch.command(["drakrpm-edit-media",])}
-                        buttonText: qsTr("Edit software sources")+" *"
-                    }
-                }
-                }
-
-                Label {
-                    anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
-                    text: qsTr("(*) Administrator password is needed.")
-                    Layout.maximumWidth: slideshow.width * .4
-                    font.italic: true
-                    color: "white"
-                }
+        Sources {}
 
-        }
         // Update page
-        Rectangle {
-            property var title: qsTr("Update")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-            Column {
-                spacing: 10
-                Label { text: qsTr("How Mageia manages updates"); font.bold: true;
-                    topPadding: 30 ; leftPadding: 20
-                    color: "white"}
-                Label {
-                    width: slideshow.width - 40
-                    padding: 20
-                    text: qsTr("Mageia provides software which may be updated in order to fix bugs or security issues. It is highly recommended that you update your system regularly. \
-An Update icon will appear in your task bar when new updates are available. To run the updates, just click on the icon below and give your user password - or use the Software Manager (root password). \
-This is a background process and you will be able to use your computer normally during the updates."+"\n");
-                    wrapMode: Text.WordWrap
-                    color: "white"
-                }
-
-                MButton {
-                    anchors.horizontalCenter:  parent.horizontalCenter
-                    objectName: "launch"
-                    onMbuttonClicked: { launch.command(["drakrpm-update",])}
-                    buttonText: qsTr("Check system updates")+" *"
-                }
-                MButton {
-                    anchors.horizontalCenter:  parent.horizontalCenter
-                    objectName: "link"
-                    //: (en) indicates that the content of the link is in English
-                    onMbuttonClicked: { link.weblink("https://advisories.mageia.org/")}
-                    buttonText: qsTr("Advisories of updates (en)")
-                }
+        Updates {}
 
-            }
-            Label {
-                anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4  }
-                text: qsTr("(*) User password is needed")
-                wrapMode: Text.WordWrap
-                font.italic: true
-                color: "white"
-            }
-        }
         // MCC Page
-        Rectangle {
-            //: The button in the buttons bar, shortcut for Mageia Control Center
-            property var title: qsTr("MCC")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-
-            Column {
-                x: 10; y: 30
-                spacing: 10
-                   Label {
-                       text: qsTr("<b>Mageia Control Center</b> (aka drakconf) is a set of tools to help you configure your system.")
-                       width: view.width * 0.9
-                       padding: 10
-                       wrapMode: Text.WordWrap
-                       textFormat: Text.RichText
-                       color: "white"
-                   }
-                   Label {
-                       padding: 5
-                       anchors.horizontalCenter: parent.horizontalCenter
-                       text: "<ul><li>"+qsTr("Software Management")+"</li><li>"
-                   + qsTr("Hardware")+"</li><li>"
-                   + qsTr("Network and Internet")+"</li><li>"
-                   + qsTr("System")+"</li><li>"
-                   + qsTr("Network Sharing")+"</li><li>"
-                   + qsTr("Local Disks")+"</li><li>"
-                   + qsTr("Security")+"</li><li>"
-                   + qsTr("Boot")+"</li></ul>";
-                       wrapMode: Text.WordWrap;textFormat: Text.RichText
-                       color: "white"
-                   }
-
-                   MButton {
-                       anchors.horizontalCenter:  parent.horizontalCenter
-                       objectName: "launch"
-                       onMbuttonClicked: { launch.command(["drakconf",])}
-                       buttonText: qsTr("Mageia Control Center")+" *"
-                   }
-                   MButton {
-                       anchors.horizontalCenter:  parent.horizontalCenter
-                       objectName: "link"
-                       onMbuttonClicked: { link.weblink("https://www.mageia.org/doc")}
-                       buttonText: qsTr("MCC documentation")
-                   }
-                }
-                Label {
-                anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
-                text: qsTr("(*) Administrator password is needed")
-                wrapMode: Text.WordWrap
-                font.italic: true
-                color: "white"
-                }
-        }
+        Mcc {}
+        
         // Install software page
-        Rectangle {
-            property var title: qsTr("Install software")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-            Column {
-                   Label {
-                       text: qsTr("Install and remove software")
-                       width: slideshow.width
-                       topPadding: 30; leftPadding: 20;
-                       padding: 10
-                       font.bold: true
-                       wrapMode: Text.WordWrap
-                       color: "white"
-                   }
-                   Label {
-                       text: qsTr("With Mageia, you will find the software in the media repositories. Mageia users simply access these media via one of the Software Managers.");
-                       width: slideshow.width
-                       padding: 20
-                       wrapMode: Text.WordWrap
-                       textFormat: Text.RichText
-                       color: "white"
-                   }
-                   MButton {
-                       anchors.left: parent.left; anchors.leftMargin: 20;
-                       width: slideshow.width * .35
-                       objectName: "launch"
-                       onMbuttonClicked: { launch.command(["rpmdrake",])}
-                       buttonText: qsTr("RPMdrake")+" *"
-                   }
-                   Label {
-                       text: qsTr("The next slide shows a small selection of popular applications - any of which may be installed at this point.<BR/>");
-                       width: slideshow.width
-                       padding: 20
-                       wrapMode: Text.WordWrap
-                       textFormat: Text.RichText
-                       color: "white"
-                   }
-                   Label {
-                       text: qsTr("You can find a more detailed list here:");
-                       width: slideshow.width
-                       padding: 20
-                       wrapMode: Text.WordWrap
-                       textFormat: Text.RichText
-                       color: "white"
-                   }
-                   MButton {
-                       anchors.left: parent.left; anchors.leftMargin: 20
-                       width: slideshow.width * .35
-                       objectName: "link"
-                       //: Translate only if the link is to a specific page for your language
-                       onMbuttonClicked: { link.weblink(qsTr("https://wiki.mageia.org/en/List_of_applications"))}
-                       buttonText: qsTr("List of applications (wiki)")
-                   }
-            }
-            Label {
-                anchors {top: parent.bottom; topMargin: 3; horizontalCenter: parent.left; horizontalCenterOffset: parent.width * .4 }
-                text: qsTr("(*) Administrator password is needed")
-                wrapMode: Text.WordWrap
-                font.italic: true
-                color: "white"
-            }
-        }
+        Install {}
+        
         // Applications page
         function update_list(group) {
             appListDM.items.remove(0,appListDM.count );
@@ -728,131 +345,12 @@ This is a background process and you will be able to use your computer normally
                 }
             }
         }
+        
         // Configuration summary Page
-        Rectangle {
-            Version {id:version}
-            property var title: qsTr("Your configuration")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-
-            Column {
-                Rectangle{
-                    height: 50
-                    width:1
-                    color:"transparent"
-                }
-                ListView {
-                    id: confList
-                    width: view.width
-                    height: view.height -150
-                    model: ConfList
-                    delegate: Label {
-                        text: name
-                        leftPadding: 50
-                        textFormat: Text.RichText
-                        color: "white"
-                    }
-                }
-                MButton {
-                    anchors.horizontalCenter: parent.horizontalCenter
-                    objectName: "launch"
-                    onMbuttonClicked: { about.open() }
-                    buttonText: qsTr("About")
-                }
-                MessageDialog {
-                    id: about
-                    title: qsTr("About Mageiawelcome")
-                    //: %1 will be replaced with the release number, %2 with author's names
-                    text: qsTr("Release %1<br />Authors : %2").arg(version.version).arg("Daniel Napora, Papoteur, Antony Baker<br />")
-                    //: replace with the list of translator's names
-                    detailedText: qsTr("Translators: English is the source language")
-                    standardButtons: StandardButton.Close
-                }
-            }
-        }
+        Configuration {}
+        
         // Links page
-        Rectangle {
-            property var title: qsTr("More information")
-            width: view.width; height: view.height
-            Loader { sourceComponent: slidebackground ;
-                anchors.fill: parent}
-            Column {
-                anchors.horizontalCenter: parent.horizontalCenter
-                anchors.verticalCenter:  parent.verticalCenter
-                Grid {
-                    columns: 3
-                    spacing: view.width * .03
-                    Label {
-                        horizontalAlignment: TextInput.AlignHCenter
-                        width: view.width * .2
-                        text: qsTr("Documentation")
-                        wrapMode: Text.WordWrap
-                        font.bold: true
-                        color: "white"
-                    }
-                    Label {
-                        horizontalAlignment: TextInput.AlignHCenter
-                        width: view.width * .2
-                        text: qsTr("Support")
-                        wrapMode: Text.WordWrap
-                        font.bold: true
-                        color: "white"
-                    }
-                    Label {
-                        horizontalAlignment: TextInput.AlignHCenter
-                        width: view.width * .2
-                        text: qsTr("Community")
-                        wrapMode: Text.WordWrap
-                        font.bold: true
-                        color: "white"
-                    }
-                    Repeater{
-                        model: [{'name': qsTr("Release notes"), 'url':
-                                //: Translate only if the link is to a specific page for your language
-                                 qsTr("https://wiki.mageia.org/en/Mageia_7_Release_Notes")},
-                                 {'name': qsTr("Forums"),'url':
-                                //: Translate only if the link is to a specific page for your language
-                                 qsTr("https://forums.mageia.org/en/")},
-                                 {'name': qsTr("Community Center"),'url': "https://www.mageia.org/community/"},
-                                 {'name': qsTr("Errata"), 'url':
-                                //: Translate only if the link is to a specific page for your language
-                                qsTr("https://wiki.mageia.org/en/Mageia_7_Errata")},
-                                 {'name': qsTr("Wiki"), 'url':
-                                //: Translate only if the link is to a specific page for your language
-                                qsTr("https://wiki.mageia.org/en/Documentation")},
-                                 {'name': qsTr("Contribute"),'url': "https://www.mageia.org/contribute/"},
-                                 {'name': qsTr("Newcomers Howto"),'url':
-                                //: Translate only if the link is to a specific page for your language
-                                qsTr("https://wiki.mageia.org/en/Newcomers_start_here")},
-                                 {'name': qsTr("Chat Room"),
-                                //: Translate only if the link is to a specific page for your language
-                                'url': qsTr("irc://irc.freenode.net/#mageia")},
-                                 {'name': qsTr("Donations"),'url': "https://www.mageia.org/donate/"},
-                                 {'name': qsTr("Documentation"),'url': "https://www.mageia.org/doc/"},
-                                 {'name': qsTr("Bugs tracker"),'url': "https://bugs.mageia.org/"},
-                                 {'name': qsTr("Join us!"),'url': "https://identity.mageia.org/"}]
-                        delegate: Button {
-                                width: view.width * .2
-                                objectName: "link"
-                                onClicked: { link.weblink(modelData.url)}
-                                style: ButtonStyle {
-                                    label: Label {
-                                        text: modelData.name
-                                        horizontalAlignment: TextInput.AlignHCenter
-                                        color: "black"
-                                        width: parent.width
-                                        wrapMode: Text.WordWrap }
-                                    background: Rectangle {
-                                        color: "lightgrey"
-                                        radius: 5
-                                    }
-                                }
-                            }
-                    }
-                    }
-                }
-            }
+        Links {}
         }
 
         ListView {