Explode pages in qml files

1 files changed, 12 insertions, 514 deletions

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 {