mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
81 lines
2.5 KiB
QML
81 lines
2.5 KiB
QML
|
/*
|
||
|
|
* Copyright 2022 Devin Lin <devin@kde.org>
|
||
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
||
|
|
*/
|
||
|
|
|
||
|
|
import QtQuick 2.15
|
||
|
|
import QtQuick.Controls 2.15
|
||
|
|
import QtQuick.Layouts 1.15
|
||
|
|
|
||
|
|
import org.kde.kirigami 2.19 as Kirigami
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A single card that is contained in a form.
|
||
|
|
*
|
||
|
|
* The height will take the implicit height of the contentItem, while the width
|
||
|
|
* is expected to be given by the parent.
|
||
|
|
*/
|
||
|
|
Item {
|
||
|
|
id: root
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The contents of the form card.
|
||
|
|
*/
|
||
|
|
property Item contentItem: Item {}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The maximum width of the card.
|
||
|
|
*/
|
||
|
|
property real maximumWidth: Kirigami.Units.gridUnit * 30
|
||
|
|
|
||
|
|
property real padding: 0
|
||
|
|
property real verticalPadding: padding
|
||
|
|
property real horizontalPadding: padding
|
||
|
|
property real topPadding: verticalPadding
|
||
|
|
property real bottomPadding: verticalPadding
|
||
|
|
property real leftPadding: horizontalPadding
|
||
|
|
property real rightPadding: horizontalPadding
|
||
|
|
|
||
|
|
readonly property bool cardWidthRestricted: root.width > root.maximumWidth
|
||
|
|
|
||
|
|
Kirigami.Theme.colorSet: Kirigami.Theme.View
|
||
|
|
Kirigami.Theme.inherit: false
|
||
|
|
|
||
|
|
implicitHeight: topPadding + bottomPadding + contentItem.implicitHeight
|
||
|
|
|
||
|
|
onContentItemChanged: {
|
||
|
|
// clear old items
|
||
|
|
contentItemLoader.children = "";
|
||
|
|
|
||
|
|
contentItem.parent = contentItemLoader;
|
||
|
|
contentItem.anchors.fill = contentItemLoader;
|
||
|
|
contentItemLoader.children.push(contentItem);
|
||
|
|
}
|
||
|
|
|
||
|
|
Rectangle {
|
||
|
|
border.color: Kirigami.ColorUtils.linearInterpolation(Kirigami.Theme.backgroundColor, Kirigami.Theme.textColor, 0.15)
|
||
|
|
border.width: 1
|
||
|
|
|
||
|
|
// only have card radius if it isn't filling the entire width
|
||
|
|
radius: root.cardWidthRestricted ? Kirigami.Units.smallSpacing : 0
|
||
|
|
color: Kirigami.Theme.backgroundColor
|
||
|
|
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.bottom: parent.bottom
|
||
|
|
anchors.left: parent.left
|
||
|
|
anchors.right: parent.right
|
||
|
|
|
||
|
|
anchors.leftMargin: root.cardWidthRestricted ? Math.round((root.width - root.maximumWidth) / 2) : -1
|
||
|
|
anchors.rightMargin: root.cardWidthRestricted ? Math.round((root.width - root.maximumWidth) / 2) : -1
|
||
|
|
|
||
|
|
Item {
|
||
|
|
id: contentItemLoader
|
||
|
|
anchors.fill: parent
|
||
|
|
anchors.leftMargin: root.leftPadding
|
||
|
|
anchors.rightMargin: root.rightPadding
|
||
|
|
anchors.topMargin: root.topPadding
|
||
|
|
anchors.bottomMargin: root.bottomPadding
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|