contents/ui/Header.qml

0001 /*
0002  * SPDX-FileCopyrightText: 2019 Fabian Riethmayer <fabian@web2.0-apps.de>
0003  *
0004  * SPDX-License-Identifier: GPL-2.0-only OR GPL-3.0-only OR LicenseRef-KDE-Accepted-GPL
0005  */
0006
0007 import QtQuick 2.6
0008 import QtQuick.Controls 2.2
0009 import QtQuick.Layouts 1.2
0010 import org.kde.kirigami 2.4 as Kirigami
0011 import QtGraphicalEffects 1.0
0012
0013
0014 Rectangle {
0015     id: root
0016     clip: true
0017     default property alias contents: contentContainer.data
0018     property alias stripContent: strip.data
0019
0020     property var backgroundSource
0021
0022     // Background image
0023     Image {
0024         anchors.fill: parent
0025         id: bg
0026         source: root.backgroundSource
0027     }
0028
0029     FastBlur {
0030         anchors.fill: bg
0031         source: bg
0032         radius: 48
0033
0034         ColorOverlay {
0035             anchors.fill: parent
0036             source: parent
0037             color: "#66808080"
0038         }
0039     }
0040
0041
0042     // Container for the content of the header
0043     Item {
0044         anchors.fill: parent
0045         anchors.bottomMargin: strip.children.length > 0 ? strip.height : 0
0046
0047         Item {
0048             id: contentContainer
0049             anchors.fill: parent
0050             anchors.margins: Kirigami.Units.gridUnit
0051             anchors.leftMargin: page.width > 400 ? 100 : Kirigami.Units.largeSpacing
0052             anchors.topMargin: Kirigami.Units.largeSpacing
0053             anchors.bottomMargin: Kirigami.Units.largeSpacing
0054         }
0055     }
0056
0057     Rectangle {
0058         id: strip
0059         color: "#66F0F0F0"
0060         anchors.bottom: parent.bottom;
0061         height: 2 * Kirigami.Units.gridUnit
0062         width: parent.width
0063         visible: children.length > 0
0064     }
0065 }