diff options
Diffstat (limited to 'apps/com.pelagicore.qtlocation/panels/HeaderBackgroundMaximizedPanel.qml')
-rw-r--r-- | apps/com.pelagicore.qtlocation/panels/HeaderBackgroundMaximizedPanel.qml | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/apps/com.pelagicore.qtlocation/panels/HeaderBackgroundMaximizedPanel.qml b/apps/com.pelagicore.qtlocation/panels/HeaderBackgroundMaximizedPanel.qml new file mode 100644 index 00000000..65ccb05a --- /dev/null +++ b/apps/com.pelagicore.qtlocation/panels/HeaderBackgroundMaximizedPanel.qml @@ -0,0 +1,107 @@ +/**************************************************************************** +** +** Copyright (C) 2018 Pelagicore 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.8 + +import utils 1.0 +import animations 1.0 + +import com.pelagicore.styles.neptune 3.0 +import "../helpers" + +Item { + id: root + + property int destinationButtonrowHeight: 0 + property bool navigationMode: false + property bool guidanceMode: false + property Helper helper: Helper {} + + height: destinationButtonsPanel.visible ? destinationButtonsPanel.sourceSize.height : searchPanel.height + + BorderImage { + id: outerShadow + anchors.top: destinationButtonsPanel.top + anchors.topMargin: -40 + anchors.left: destinationButtonsPanel.left + anchors.right: destinationButtonsPanel.right + anchors.rightMargin: -Style.vspan(.5) + height: root.navigationMode && !root.guidanceMode ? sourceSize.height - root.destinationButtonrowHeight : sourceSize.height + source: helper.localAsset("panel-shadow", NeptuneStyle.theme) + border { + left: 0 + top: 101 + right: 101 + bottom: 106 + } + } + + BorderImage { + id: destinationButtonsPanel + anchors.top: parent.top + anchors.left: parent.left + anchors.right: parent.right + anchors.rightMargin: -Style.vspan(1) + source: helper.localAsset("panel-more-contrast-background", NeptuneStyle.theme) + visible: !root.navigationMode || root.guidanceMode + border { + left: 0 + top: 20 + right: 32 + bottom: 22 + } + } + + Image { + id: innerShadow + anchors.top: searchPanel.bottom + anchors.right: searchPanel.right + anchors.left: searchPanel.left + width: searchPanel.width + source: Style.gfx2("panel-inner-shadow", NeptuneStyle.theme) + } + + BorderImage { + id: searchPanel + anchors.top: parent.top + anchors.left: parent.left + anchors.right: parent.right + anchors.rightMargin: -Style.vspan(1) + height: root.guidanceMode ? sourceSize.height : destinationButtonsPanel.sourceSize.height - root.destinationButtonrowHeight + source: helper.localAsset("panel-background", NeptuneStyle.theme) + border { + left: 0 + top: 20 + right: 22 + bottom: 0 + } + } +} |