subsurface/qt-mobile/qml/StartPage.qml
Sebastian Kügler 2668da3f60 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>
2015-11-29 17:27:20 +01:00

61 lines
No EOL
1.6 KiB
QML

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: MobileComponents.Units.largeSpacing
property int buttonWidth: welcomeText.width * 0.66
MobileComponents.Label {
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Subsurface Divelog"
font.pointSize: welcomeText.font.pointSize * 2
}
MobileComponents.Label {
id: welcomeText
Layout.fillWidth: true
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: MobileComponents.Units.largeSpacing
Layout.preferredWidth: startpage.buttonWidth
text: "Connect to CloudStorage..."
onClicked: {
stackView.push(prefsWindow)
}
}
Button {
id: computerButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Transfer from dive computer..."
onClicked: {
stackView.push(downloadDivesWindow)
}
}
Button {
id: manualButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing
text: "Add dive manually..."
onClicked: {
manager.addDive();
stackView.push(detailsWindow)
}
}
Item {
width: parent.width
Layout.fillHeight: true
}
}
}