diff options
Diffstat (limited to 'apps/com.pelagicore.music/Library.qml')
-rw-r--r-- | apps/com.pelagicore.music/Library.qml | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/apps/com.pelagicore.music/Library.qml b/apps/com.pelagicore.music/Library.qml new file mode 100644 index 00000000..0382557e --- /dev/null +++ b/apps/com.pelagicore.music/Library.qml @@ -0,0 +1,104 @@ +/**************************************************************************** +** +** Copyright (C) 2017 Pelagicore AG +** Contact: https://www.qt.io/licensing/ +** +** This file is part of the Triton 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.6 +import QtQuick.Layouts 1.0 +import QtQuick.Controls 2.0 + +import controls 1.0 +import utils 1.0 +import "." + +Control { + id: root + width: Style.hspan(12) + height: Style.vspan(22) + + signal close() + + Rectangle { + anchors.fill: parent + color: "black" + } + + Tool { + id: closeButton + height: Style.vspan(1) + width: Style.hspan(1) + + anchors.right: parent.right + anchors.top: parent.top + anchors.topMargin: Style.vspan(2) + symbol: 'close' + size: Style.symbolSizeS + onClicked: root.close() + } + + TabView { + id: tabView + width: root.width + height: root.height + anchors.verticalCenter: parent.verticalCenter + anchors.left: parent.left + tabWidth: Style.hspan(4) + viewLeftMargin: letterPicker.width + tabs: [ + { title : "PLAYING", url : nowPlaying, properties : {} }, + { title : "ARTISTS", url : library, properties : { type: "artists" } }, + { title : "ALBUMS", url : library, properties : { type: "albums" } }, + { title : "SONGS", url : library, properties : { type: "songs" } }, + ] + + } + + LetterPicker { + id: letterPicker + height: root.height - tabView.tabHeight + anchors.left: parent.left + anchors.leftMargin: 5 + anchors.bottom: parent.bottom + numOfVisibleLetters: 17 + } + + LibraryList { + id: nowPlaying + visible: false + nowPlaying: true + } + + Component { + id: library + LibraryList { + visible: false + } + } +} + |