diff options
Diffstat (limited to 'com.luxoft.greenomics/view/GreenomicsView.qml')
-rw-r--r-- | com.luxoft.greenomics/view/GreenomicsView.qml | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/com.luxoft.greenomics/view/GreenomicsView.qml b/com.luxoft.greenomics/view/GreenomicsView.qml new file mode 100644 index 0000000..e1d6351 --- /dev/null +++ b/com.luxoft.greenomics/view/GreenomicsView.qml @@ -0,0 +1,140 @@ +/**************************************************************************** +** +** Copyright (C) 2019 Luxoft Sweden AB +** Contact: https://www.qt.io/licensing/ +** +** This file is part of the Neptune 3 IVI UI. +** +** $QT_BEGIN_LICENSE:GPL-QTAS$ +** Commercial License Usage +** Licensees holding valid commercial Qt Automotive Suite licenses may use +** this file in accordance with the commercial license agreement provided +** with the Software or, alternatively, in accordance with the terms +** contained in a written agreement between you and The Qt Company. For +** licensing terms and conditions see https://www.qt.io/terms-conditions. +** For further information use the contact form at https://www.qt.io/contact-us. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 3 or (at your option) any later version +** approved by the KDE Free Qt Foundation. The licenses are as published by +** the Free Software Foundation and appearing in the file LICENSE.GPL3 +** included in the packaging of this file. Please review the following +** information to ensure the GNU General Public License requirements will +** be met: https://www.gnu.org/licenses/gpl-3.0.html. +** +** $QT_END_LICENSE$ +** +** SPDX-License-Identifier: GPL-3.0 +** +****************************************************************************/ + +import QtQuick 2.10 +import QtQuick.Controls 2.3 +import shared.utils 1.0 +import shared.controls 1.0 +import shared.Style 1.0 +import shared.Sizes 1.0 + +import "../helpers" 1.0 + +Item { + id: root + + Component { + id: stackRecipeComponent + + Image { + source: Utils.localAsset("recipe_asset") + MouseArea { + id: selectItem + anchors.top: parent.top + anchors.horizontalCenter: parent.horizontalCenter + width: Sizes.dp(400) + height: Sizes.dp(750) + onClicked: stack.push(stackRecipeSelectedComponent) + } + MouseArea { + anchors.top: selectItem.bottom + anchors.horizontalCenter: parent.horizontalCenter + width: Sizes.dp(400) + height: Sizes.dp(300) + onClicked: stack.push(stackFridgeComponent) + } + } + } + + Component { + id: stackFridgeComponent + + Image { + source: Utils.localAsset("fridge_asset") + } + } + + Component { + id: stackRecipeSelectedComponent + + Image { + source: Utils.localAsset("recipe_selected_asset") + } + } + + + ToolButton { + anchors.bottom: stack.top + anchors.left: parent.left + anchors.leftMargin: Sizes.dp(36) + visible: stack.depth >= 2 + baselineOffset: 0 + icon.name: LayoutMirroring.enabled ? "ic_forward" : "ic_back" + text: qsTr("Back") + font.pixelSize: Sizes.fontSizeS + onClicked: stack.pop() + } + + StackView { + id: stack + width: root.width + height: root.height + anchors.top: parent.top + anchors.topMargin: Sizes.dp(20) + clip: true + initialItem: stackRecipeComponent + pushEnter: Transition { + PropertyAnimation { + property: "opacity" + from: 0 + to: 1 + duration: 200 + } + } + + pushExit: Transition { + PropertyAnimation { + property: "opacity" + from: 1 + to: 0 + duration: 200 + } + } + + popEnter: Transition { + PropertyAnimation { + property: "opacity" + from: 0 + to: 1 + duration: 200 + } + } + + popExit: Transition { + PropertyAnimation { + property: "opacity" + from: 1 + to: 0 + duration: 200 + } + } + } +} |