diff options
| author | Andrew Branson <andrew.branson@cern.ch> | 2016-02-16 23:40:04 +0100 |
|---|---|---|
| committer | Andrew Branson <andrew.branson@cern.ch> | 2016-02-16 23:40:04 +0100 |
| commit | 07fb609095291f8d8544441925dea3d60d636f87 (patch) | |
| tree | f17f17badc7c0ad8f0147b8968bae91016244a97 /rockwork/AppStoreDetailsPage.qml | |
| parent | e54ee938a3e637f654b393f41ce2ad123d448639 (diff) | |
Moved qml to subdir to unbundle
Diffstat (limited to 'rockwork/AppStoreDetailsPage.qml')
| -rw-r--r-- | rockwork/AppStoreDetailsPage.qml | 278 |
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 - } - } - } - } - } - } -} |
