use mobilecomponents for our pages

This is a dumb port of a number of properties to use the new theme and
units API.

- import the plugin
- change accessors from units and theme to MobileComponents.Unit and
  MobileComponents.Theme

Signed-off-by: Sebastian Kügler <sebas@kde.org>
This commit is contained in:
Sebastian Kügler 2015-11-29 17:27:20 +01:00
parent 4d94441b6d
commit 2668da3f60
5 changed files with 38 additions and 36 deletions

View file

@ -1,32 +1,33 @@
import QtQuick 2.5
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.1
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
Item {
ColumnLayout {
id: startpage
anchors.fill: parent
anchors.margins: units.largeSpacing
anchors.margins: MobileComponents.Units.largeSpacing
property int buttonWidth: welcomeText.width * 0.66
Label {
Layout.bottomMargin: units.largeSpacing
MobileComponents.Label {
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Subsurface Divelog"
font.pointSize: welcomeText.font.pointSize * 2
}
Label {
MobileComponents.Label {
id: welcomeText
Layout.fillWidth: true
Layout.bottomMargin: units.largeSpacing
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "No recorded dives found. You can download your dives to this device from the Subsurface cloud storage service, from your dive computer, or add them manually."
wrapMode: Text.WordWrap
Layout.columnSpan: 2
}
Button {
id: cloudstorageButton
Layout.bottomMargin: units.largeSpacing
Layout.bottomMargin: MobileComponents.Units.largeSpacing
Layout.preferredWidth: startpage.buttonWidth
text: "Connect to CloudStorage..."
onClicked: {
@ -36,7 +37,7 @@ Item {
Button {
id: computerButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: units.largeSpacing
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Transfer from dive computer..."
onClicked: {
stackView.push(downloadDivesWindow)
@ -45,7 +46,7 @@ Item {
Button {
id: manualButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: units.largeSpacing
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Add dive manually..."
onClicked: {
manager.addDive();