diff options
Diffstat (limited to 'com.luxoft.greenomics/view/GreenomicsClusterView.qml')
-rw-r--r-- | com.luxoft.greenomics/view/GreenomicsClusterView.qml | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/com.luxoft.greenomics/view/GreenomicsClusterView.qml b/com.luxoft.greenomics/view/GreenomicsClusterView.qml new file mode 100644 index 0000000..acfff73 --- /dev/null +++ b/com.luxoft.greenomics/view/GreenomicsClusterView.qml @@ -0,0 +1,113 @@ +/**************************************************************************** +** +** 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.Style 1.0 +import shared.Sizes 1.0 + +import "../helpers" 1.0 + + +Item { + id: root + + Component { + id: stackMap + + Image { + source: Utils.localAsset("cluster_map") + + MouseArea { + anchors.fill: parent + onClicked: stack.push(stackGlobe) + Tracer { visible: true } + } + } + } + + Component { + id: stackGlobe + + Image { + source: Utils.localAsset("cluster_globe") + + MouseArea { + anchors.fill: parent + onClicked: stack.pop() + Tracer { visible: true } + } + } + } + + StackView { + id: stack + anchors.fill: parent + clip: true + initialItem: stackMap + 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 + } + } + } +} |