summaryrefslogtreecommitdiff
path: root/rockwork/AppStoreDetailsPage.qml
diff options
context:
space:
mode:
authorAndrew Branson <andrew.branson@cern.ch>2016-02-16 23:40:04 +0100
committerAndrew Branson <andrew.branson@cern.ch>2016-02-16 23:40:04 +0100
commit07fb609095291f8d8544441925dea3d60d636f87 (patch)
treef17f17badc7c0ad8f0147b8968bae91016244a97 /rockwork/AppStoreDetailsPage.qml
parente54ee938a3e637f654b393f41ce2ad123d448639 (diff)
Moved qml to subdir to unbundle
Diffstat (limited to 'rockwork/AppStoreDetailsPage.qml')
-rw-r--r--rockwork/AppStoreDetailsPage.qml278
1 files changed, 0 insertions, 278 deletions
diff --git a/rockwork/AppStoreDetailsPage.qml b/rockwork/AppStoreDetailsPage.qml
deleted file mode 100644
index 696e3c6..0000000
--- a/rockwork/AppStoreDetailsPage.qml
+++ /dev/null
@@ -1,278 +0,0 @@
-import QtQuick 2.4
-import QtQuick.Layouts 1.1
-import Ubuntu.Components 1.3
-import Ubuntu.Components.ListItems 1.3
-import QtGraphicalEffects 1.0
-
-Page {
- id: root
- title: i18n.tr("App details")
-
- property var pebble: null
- property var app: null
-
- ColumnLayout {
- anchors.fill: parent
- spacing: units.gu(1)
-
- Item {
- Layout.fillWidth: true
- height: headerColumn.height + units.gu(1)
-
- RowLayout {
- anchors.fill: parent
- anchors.margins: units.gu(1)
- spacing: units.gu(1)
- height: headerColumn.height
-
- UbuntuShape {
- id: iconShape
- Layout.fillHeight: true
- Layout.preferredWidth: height
-
- source: Image {
- height: iconShape.height
- width: iconShape.width
- source: root.app.icon
- }
- }
-
- ColumnLayout {
- id: headerColumn
- Layout.fillWidth: true
- Label {
- text: root.app.name
- fontSize: "large"
- Layout.fillWidth: true
- elide: Text.ElideRight
- }
- Label {
- text: root.app.vendor
- Layout.fillWidth: true
- }
- }
-
- Button {
- id: installButton
- text: enabled ? i18n.tr("Install") : (installing && !installed ? i18n.tr("Installing...") : i18n.tr("Installed"))
- color: UbuntuColors.green
- enabled: !installed && !installing
- property bool installing: false
- property bool installed: root.pebble.installedApps.contains(root.app.storeId) || root.pebble.installedWatchfaces.contains(root.app.storeId)
- Connections {
- target: root.pebble.installedApps
- onChanged: {
- installButton.installed = root.pebble.installedApps.contains(root.app.storeId) || root.pebble.installedWatchfaces.contains(root.app.storeId)
- }
- }
-
- Connections {
- target: root.pebble.installedWatchfaces
- onChanged: {
- installButton.installed = root.pebble.installedApps.contains(root.app.storeId) || root.pebble.installedWatchfaces.contains(root.app.storeId)
- }
- }
-
- onClicked: {
- root.pebble.installApp(root.app.storeId)
- installButton.installing = true
- }
- }
- }
- }
-
- Flickable {
- Layout.fillHeight: true
- Layout.fillWidth: true
- contentHeight: contentColumn.height
- bottomMargin: units.gu(1)
- clip: true
-
- Column {
- id: contentColumn
- width: parent.width
- height: childrenRect.height
-
- Image {
- width: parent.width
- // ss.w : ss.h = w : h
- height: sourceSize.height * width / sourceSize.width
- fillMode: Image.PreserveAspectFit
- source: root.app.headerImage
- }
-
- RowLayout {
- anchors {
- left: parent.left
- right: parent.right
- }
- height: units.gu(6)
-
- Item {
- Layout.fillWidth: true
- Layout.fillHeight: true
- Row {
- anchors.centerIn: parent
- spacing: units.gu(1)
- Icon {
- name: "like"
- height: parent.height
- width: height
- }
- Label {
- text: root.app.hearts
- }
- }
- }
-
- Rectangle {
- Layout.preferredHeight: parent.height - units.gu(2)
- Layout.preferredWidth: units.dp(1)
- color: UbuntuColors.lightGrey
- }
-
- Item {
- Layout.fillWidth: true
- Layout.fillHeight: true
- Row {
- anchors.centerIn: parent
- spacing: units.gu(1)
- Icon {
- name: root.app.isWatchFace ? "clock-app-symbolic" : "stock_application"
- height: parent.height
- width: height
- }
- Label {
- text: root.app.isWatchFace ? "Watchface" : "Watchapp"
- }
- }
- }
- }
-
- ColumnLayout {
- anchors { left: parent.left; right: parent.right; margins: units.gu(1) }
- spacing: units.gu(1)
-
- PebbleModels {
- id: modelModel
- }
-
-
- Item {
- id: screenshotsItem
- Layout.preferredHeight: units.gu(20)
- Layout.fillWidth: true
-
- property bool isRound: modelModel.get(root.pebble.model).shape === "round"
-
- ListView {
- id: screenshotsListView
- anchors.centerIn: parent
- width: parent.width
- height: screenshotsItem.isRound ? units.gu(10) : units.gu(9.5)
- orientation: ListView.Horizontal
- spacing: units.gu(1)
- snapMode: ListView.SnapToItem
- preferredHighlightBegin: (screenshotsListView.width - height * .95) / 2
- preferredHighlightEnd: (screenshotsListView.width + height * .95) / 2
- highlightRangeMode: ListView.StrictlyEnforceRange
-
- model: root.app.screenshotImages
- delegate: AnimatedImage {
- height: screenshotsListView.height
- width: height * 0.95
- fillMode: Image.PreserveAspectFit
- source: modelData
- }
- }
- Image {
- id: watchImage
- // ssw : ssh = w : h
- height: parent.height
- width: height * sourceSize.width / sourceSize.height
- fillMode: Image.PreserveAspectFit
- anchors.centerIn: parent
- source: modelModel.get(root.pebble.model).image
- Rectangle {
- anchors.centerIn: parent
- height: units.gu(10)
- width: height
- color: "black"
- radius: screenshotsItem.isRound ? height / 2 : 0
- }
- }
-
- OpacityMask {
- anchors.fill: screenshotsListView
- source: screenshotsListView
- maskSource: maskRect
- }
-
- Rectangle {
- id: maskRect
- anchors.fill: screenshotsListView
- color: "transparent"
- visible: false
-
- Rectangle {
- color: "blue"
- anchors.centerIn: parent
- height: screenshotsListView.height
- width: screenshotsItem.isRound ? height : height * 0.9
- radius: screenshotsItem.isRound ? height / 2 : units.gu(.5)
-// anchors.fill: watchImage
-// anchors.margins: units.gu(5)
-// radius: modelModel.get(root.pebble.model).shape === "rectangle" ? units.gu(.5) : height / 2
-// visible: false
- }
- }
-
- }
-
- Label {
- Layout.fillWidth: true
- font.bold: true
- text: i18n.tr("Description")
- }
-
- Rectangle {
- Layout.fillWidth: true
- Layout.preferredHeight: units.dp(1)
- color: UbuntuColors.lightGrey
- }
-
- Label {
- Layout.fillWidth: true
- Layout.fillHeight: true
- wrapMode: Text.WordWrap
- text: root.app.description
- }
-
- GridLayout {
- Layout.fillWidth: true
- Layout.fillHeight: true
- columns: 2
- columnSpacing: units.gu(1)
- rowSpacing: units.gu(1)
- Label {
- text: i18n.tr("Developer")
- font.bold: true
- }
- Label {
- text: root.app.vendor
- Layout.fillWidth: true
- }
- Label {
- text: i18n.tr("Version")
- font.bold: true
- }
- Label {
- text: root.app.version
- Layout.fillWidth: true
- }
- }
- }
- }
- }
- }
-}