import QtQuick 2.0 import QtQml.Models 2.1 import QtQuick.Layouts 1.3 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 import QtGraphicalEffects 1 Rectangle { id: box width: 1000; height: 650 property alias view: view Component { id: slidebackground LinearGradient { start: Qt.point(0, 0) end: Qt.point(0, 800) gradient: Gradient { GradientStop { position: 0.0; color: "#2397D4" } GradientStop { position: 1.0; color: "#262F45" } } } } Rectangle { id: banner opacity: 0.95 layer.enabled: true width: parent.width;height: 120 LinearGradient { anchors.fill: parent start: Qt.point(0, 0) end: Qt.point(0, 400) gradient: Gradient { GradientStop { position: 0.0; color: "lightgray" } GradientStop { position: 1.0; color: "white" } } } Image { anchors.fill: parent anchors.bottomMargin: 10 anchors.topMargin: 10 source: "img/mageia-2013-black-alpha.png" fillMode: Image.PreserveAspectFit } } Rectangle { id: slideshow property Item displayItem: null anchors {left: parent.left; top: buttonbox.bottom; bottom: parent.bottom; right: parent.right} color: "#2397D4" width: parent.width ObjectModel { 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: 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
you with the configuration of your newly installed system.

Now, click on Media sources to go to the first step."); textFormat: Text.RichText color: "white" } } } // Configure source page Rectangle { property var title: qsTr("Media sources") width: view.width; height: view.height Loader { sourceComponent: slidebackground ; anchors.fill: parent} Column { anchors.left: parent.left anchors.leftMargin: 20 y: 35 Label { text: qsTr("Configure software repositories"); font.bold: true; color: "white" } Label { text: qsTr("Mageia official repositories contain:"); color: "white" } GridLayout { columns: 2 Rectangle {id: coreBg 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" } } } width: 80; height: 30 Layout.alignment: Qt.AlignTop Layout.fillWidth: true Label { anchors.centerIn: parent text: qsTr("core"); } } Label { text: qsTr("- the free-open-source packages"); wrapMode: Text.WordWrap Layout.maximumWidth: slideshow.width * .6 color: "white" } Rectangle {id: nonfreeBg 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" } } } width: 80; height: 30 Layout.alignment: Qt.AlignTop Layout.fillWidth: true Label { anchors.centerIn: parent text: qsTr("nonfree"); color: "white"} } 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 * .8 wrapMode: Text.WordWrap color: "white" } Rectangle {id: taintedBg 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" } } } width: 80; height: 30 Layout.alignment: Qt.AlignTop Layout.fillWidth: true Label { anchors.centerIn: parent text: qsTr("tainted"); color: "white" } } 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 * .8 color: "white" } Rectangle { color: "lightgrey" width: 80; height: 30 Layout.alignment: Qt.AlignTop Layout.fillWidth: true Label { anchors.centerIn: parent text: qsTr("backports"); } } Label { text: qsTr("- includes software published after a Mageia release, or another version of software already present and not replaced."); wrapMode: Text.WordWrap Layout.maximumWidth: slideshow.width * .8 color: "white" } Button { Layout.maximumWidth: slideshow.width * .25 Layout.columnSpan: 2 Layout.alignment: Qt.AlignHCenter objectName: "launch" onClicked: { launch.command(["drakrpm-edit-media",])} style: ButtonStyle { label: Label { text: qsTr("Edit software repositories")+" *"; width: parent.width wrapMode: Text.WordWrap color: "black" } } } Rectangle {id: noteBg color: "gold"; width: 70 height: 30 Layout.alignment: Qt.AlignTop Layout.fillWidth: true Label { anchors.centerIn: parent text: qsTr("Note! ") } } 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 cdrom entry from the list of repositories.")+"

"+ qsTr("Now, please enable or disable the online repositories of your choice: click on the Edit software repositories button. Select at least the release and updates pair. Debug and Testing are for special cases.")+"
"+ 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 * .85 } } Label { x: 84 text: qsTr("(*) Administrator password is needed.") Layout.maximumWidth: slideshow.width * .25 wrapMode: Text.WordWrap font.italic: true color: "white" } } } // Update page Rectangle { property var title: qsTr("Update") width: view.width; height: view.height Loader { sourceComponent: slidebackground ; anchors.fill: parent} Column { x:10; y: 30 spacing: 10 Label { text: qsTr("How Mageia manages updates"); font.bold: true; padding: 10 color: "white"} Label { width: slideshow.width * .9 padding: 10 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" } Button { x:10 width: view.width * .18; objectName: "launch" onClicked:{ launch.command(["drakrpm-update",])} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter text: qsTr("Check system updates")+" *"; width: parent.width wrapMode: Text.WordWrap color: "black" } } } Button { x:10 width: view.width * .18; objectName: "link" onClicked:{ link.weblink("https://advisories.mageia.org/")} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter //: (en) indicates that the content of the link is in English text: qsTr("Advisories of updates (en)"); width: parent.width wrapMode: Text.WordWrap color: "black" } } } } Label { anchors {bottom: parent.bottom; } anchors.bottomMargin: 10 x:20 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("Mageia Control Center (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 text: ""; width: view.width/2; wrapMode: Text.WordWrap;textFormat: Text.RichText color: "white" } Button { id: mcc x: 10 width: view.width * .18; objectName: "launch" onClicked: { launch.command(["drakconf"])} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter text: qsTr("Mageia Control Center")+" *"; width: parent.width wrapMode: Text.WordWrap color: "black" } } } Button { x: 10 width: view.width * .18; objectName: "link" onClicked: { link.weblink("https://www.mageia.org/doc")} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter text: qsTr("MCC documentation"); width: parent.width wrapMode: Text.WordWrap color: "black" } } } } Label { anchors {bottom: parent.bottom; } anchors.bottomMargin: 10 x:20 text: qsTr("(*) Administrator password is needed") wrapMode: Text.WordWrap font.italic: true color: "white" } } // Install software page Rectangle { property var title: qsTr("Install software") width: view.width; height: view.height Loader { sourceComponent: slidebackground ; anchors.fill: parent} Column { //anchors.left: parent.left //anchors.verticalCenter: parent.verticalCenter x:10; y: 30 Label { text: qsTr("Install and remove software") width: slideshow.width * .9 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 * .9; padding: 10 wrapMode: Text.WordWrap textFormat: Text.RichText color: "white" } Label { text: qsTr("The next slide shows a small selection of popular applications - any of which may be installed at this point.
"); width: slideshow.width * .9; padding: 10 wrapMode: Text.WordWrap textFormat: Text.RichText color: "white" } Label { text: qsTr("You can find a more detailed list here:"); width: slideshow.width * .9; padding: 10 wrapMode: Text.WordWrap textFormat: Text.RichText color: "white" } Button { id: listApplicationsWiki x: 10 objectName: "link" //: Translate only if the link is to a specific page for your language onClicked: { link.weblink(qsTr("https://wiki.mageia.org/en/List_of_applications"))} style: ButtonStyle { label: Label { text: qsTr("List of applications (wiki)"); width: slideshow.width * .5 wrapMode: Text.WordWrap color: "black" } } } Label { text: "
"+qsTr("You can find details of how to contact the community by selecting the More information tab."); width: slideshow.width * .9; padding: 10 wrapMode: Text.WordWrap textFormat: Text.RichText color: "white" } Button { id: rpmdrake x: 10 objectName: "launch" onClicked: { launch.command(["rpmdrake",])} style: ButtonStyle { label: Label { text: qsTr("RPMdrake")+" *"; width: slideshow.width * .35 wrapMode: Text.WordWrap color: "black" } } } } Label { anchors {bottom: parent.bottom; } anchors.bottomMargin: 10 x:20 text: qsTr("(*) Administrator password is needed") wrapMode: Text.WordWrap font.italic: true color: "white" } } // Applications page function update_list(group) { appListDM.items.remove(0,appListDM.count ); var rowCount = appList.count; for( var i = 0;i < rowCount;i++ ) { var entry = appList.get(i); var pattern = new RegExp(group, "g"); if(pattern.test(entry.group) ) { appListDM.items.insert(entry, "group"); } } appListDM.filterOnGroup = "items"; } Rectangle { property var title: qsTr("Applications") width: view.width; height: view.height Loader { sourceComponent: slidebackground ; anchors.fill: parent} Column { Rectangle { // Bandeau avertissement id: warning width: view.width height: warnText.height color: "gold" Label { id: warnText width: view.width horizontalAlignment: TextInput.AlignHCenter font.pixelSize: Qt.application.font.pixelSize * .9 text: qsTr("Here is a small selection of popular applications - any of which may be installed or launched at this point.")+"
"+qsTr("Ensure that you have enabled the Media sources.") textFormat: Text.RichText wrapMode: Text.WordWrap } } Row { // Under the warning Column { // Software categories id:categoriesColumn Component { //The hightlight id: catHighlight Rectangle { width: 190 height: Qt.application.font.pixelSize + 16 anchors.horizontalCenter: parent.horizontalCenter color: "#262F45" y: categoriesList.currentItem.y; } } ListView { id:categoriesList anchors {left: parent.left;} width: 190 highlight: catHighlight highlightFollowsCurrentItem: false focus: true model: [{'name': qsTr("Featured"), 'group': "featured"}, {'name': qsTr("Games"),'group': "games"}, {'name':qsTr("Internet"),'group': "internet"}, {'name':qsTr("Video"),'group': "video"}, {'name':qsTr("Audio"),'group': "audio"}, {'name':qsTr("Office"),'group': "office"}, {'name':qsTr("Graphics"),'group': "graphics"}, {'name':qsTr("System"),'group': "system"}, {'name':qsTr("Programming"),'group': "programming"}] height: (Qt.application.font.pixelSize + 16) * 9 delegate: Rectangle{ property variant myGroup: modelData.group width: parent.width height: Qt.application.font.pixelSize + 16 color:"#20FFFFFF" Label {id: catLabel; anchors.horizontalCenter: parent.horizontalCenter text: modelData.name ; padding: 7 color: "white" } MouseArea { anchors.centerIn: parent width: parent.width height: 25 onClicked: { categoriesList.currentIndex = index; itemModel.update_list(modelData.group); } } } } } Rectangle { // Software list height: box.height - 222 x: 210 DelegateModel { id: appListDM model: AppList {id: appList} groups: [ DelegateModelGroup { includeByDefault: false name: "group" } ] filterOnGroup: "group" Component.onCompleted: { var rowCount = appList.count; items.remove(0,rowCount); for( var i = 0;i < rowCount;i++ ) { var entry = appList.get(i); var pattern = /featured/g; if(pattern.test(entry.group) ) { items.insert(entry, "group"); } } } delegate: Row { spacing: 10 Image { source: icon width: 32 height: 32 } //CheckBox{ enabled: installable //} Column{ Label { text: title font.weight: Font.DemiBold color: "white" } Label { text: description font.italic: true font.pixelSize: Qt.application.font.pixelSize * .9 width: view.width - (200 + 44 +38 + Qt.application.font.pixelSize * 4 * 2) wrapMode: Text.WordWrap color: "white" } } Loader { Component { id: button; Button { width: Qt.application.font.pixelSize * 4; height: Qt.application.font.pixelSize * 1.3 objectName: "launch" onClicked: { launch.command(["gurpmi",name,])} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter verticalAlignment: TextInput.AlignVCenter text: qsTr("Install"); font.pixelSize: Qt.application.font.pixelSize * .8 color: "black" } } } } Component { id: launcher; Button { width: Qt.application.font.pixelSize * 4; height: Qt.application.font.pixelSize * 1.3 objectName: "launch" onClicked: { launch.command([command,])} style: ButtonStyle { label: Label { horizontalAlignment: TextInput.AlignHCenter verticalAlignment: TextInput.AlignVCenter text: qsTr("Launch"); font.pixelSize: Qt.application.font.pixelSize * .8 color: "black" } } } } Component { id: dummy;Label {text: qsTr("Installed") padding: 2 horizontalAlignment: TextInput.AlignHCenter font.pixelSize: Qt.application.font.pixelSize * .8 width: Qt.application.font.pixelSize * 4 color: "white" } } sourceComponent: ( pyinstallable.installable(name, repo)) ? button : (command === "" ? dummy : launcher) } Loader { Component { id: repotag Rectangle { color: "#FF4C4C" radius: 3 width: Qt.application.font.pixelSize * 3.2; height: Qt.application.font.pixelSize * 1.3 Label { anchors.centerIn: parent text: repo font.pixelSize: Qt.application.font.pixelSize * .8 color: "white" } } } Component { id: dumm; Label {text: " "}} sourceComponent: repo == "" ? dumm : repotag } } } Rectangle { height: view.height-warning.height width: view.width-200 color: "transparent" ListView { id: applicationsListView anchors.fill: parent clip: true model: appListDM spacing: 5 } } } } } } // Configuration summary Page Rectangle { property var title: qsTr("Your configuration") width: view.width; height: view.height Loader { sourceComponent: slidebackground ; anchors.fill: parent} ListView { id: confList anchors.fill: parent anchors.margins: 50 model: ConfList delegate: Label { text: name textFormat: Text.RichText color: "white" } } } // 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 } } } } } } } } ListView { id: view z: 1 anchors.rightMargin: 0 anchors.leftMargin: 0 anchors.topMargin: 0 anchors { fill: parent; bottomMargin: 30 } model: itemModel preferredHighlightBegin: 0; preferredHighlightEnd: 0 highlightRangeMode: ListView.StrictlyEnforceRange orientation: ListView.Horizontal snapMode: ListView.SnapOneItem; flickDeceleration: 2000 highlightFollowsCurrentItem: true highlightMoveDuration: 800 cacheBuffer: 200 } } Rectangle { id: buttonbox width: banner.width; height: 46 anchors { top: banner.bottom; } color: "#262F45" Row { anchors.centerIn: parent spacing: 10 Repeater { model: itemModel.count Rectangle { width: banner.width/9; height: 35 radius: 5 color: view.currentIndex == index ? "#2397D4" : "white" Label{ anchors.verticalCenter: parent.verticalCenter text: itemModel.get(index).title font.pointSize: 8 width: parent.width color: view.currentIndex == index ? "white" : "#262F45" horizontalAlignment: Text.AlignHCenter wrapMode : Text.WordWrap } MouseArea { width: banner.width/8; height: 35 anchors.centerIn: parent onClicked: view.currentIndex = index } } } } } Row { anchors.right: box.right anchors.bottom: box.bottom anchors.margins: 6 CheckBox { text: qsTr("Show this window at startup") checked: startupcheck onClicked: norun.setRunAtLaunch(checked) } } Connections { target: launch onInstalled: { // get the signal to reload the applist itemModel.update_list(categoriesList.currentItem.myGroup) } } }