ui/components/BottomDrawer.qml

0001 // SPDX-FileCopyrightText: 2023 Mathis Brüchert <mbb@kaidan.im>
0002 //
0003 // SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-only OR LicenseRef-KDE-Accepted-GPL
0004
0005 import QtQuick 2.15
0006 import QtQuick.Controls 2.15 as QQC2
0007 import org.kde.kirigami 2.19 as Kirigami
0008 import QtQuick.Layouts 1.15
0009 import org.kde.phonebook 1.0
0010
0011 QQC2.Drawer {
0012     id: root
0013
0014     property alias drawerContentItem: contents.children
0015
0016     edge: Qt.BottomEdge
0017     x: 0
0018     width: applicationWindow().width
0019     height: contentItem.implicitHeight
0020
0021     interactive: false
0022     background: Kirigami.ShadowedRectangle{
0023         corners.topRightRadius: 10
0024         corners.topLeftRadius: 10
0025         shadow.size: 20
0026         shadow.color: Qt.rgba(0, 0, 0, 0.5)
0027         color: Kirigami.Theme.backgroundColor
0028
0029     }
0030     onAboutToShow: root.interactive = true
0031     onClosed: root.interactive = false
0032
0033     contentItem: ColumnLayout {
0034         id: contents
0035         spacing: 0
0036
0037         QQC2.Control {
0038             Layout.fillWidth: true
0039             Layout.fillHeight: true
0040
0041             background: Kirigami.ShadowedRectangle{
0042                 visible: headerContentItem
0043                 color: Kirigami.Theme.backgroundColor
0044                 corners {
0045                     topRightRadius: 10
0046                     topLeftRadius: 10
0047                 }
0048                 Layout.fillWidth: true
0049                 Kirigami.Theme.colorSet: Kirigami.Theme.Header
0050             }
0051
0052             contentItem: ColumnLayout {
0053                 id: header
0054                 spacing:0
0055                 clip: true
0056                 Rectangle {
0057                     Layout.margins: 5
0058                     radius:50
0059                     Layout.alignment: Qt.AlignHCenter
0060                     color: Kirigami.Theme.textColor
0061                     opacity: 0.5
0062                     width: 40
0063                     height: 4
0064
0065                 }
0066             }
0067         }
0068
0069         Kirigami.Separator{
0070             anchors.bottom: parent.bottom
0071             width: parent.width
0072             Layout.bottomMargin: 2
0073         }
0074     }
0075 }