mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-05-06 19:49:36 +00:00
git
786f91ec64
Add a large set of QML components (qml/Material, qml/MetaBuilder, qml/dbal) and a QmlComponents symlink for local development; migrate many frontends/qt6 files into qml/qt6. Replace the email client bootloader with a self-contained demo UI using FakeMUI primitives (MailboxLayout, ThreadList, EmailHeader, ComposeWindow), demo data, handlers, and new folder-navigation styles in globals.css. Update several QML component APIs to new signal/handler names (e.g. selectAllChanged→selectAllToggled, pageChanged→pageRequested, *Changed→*Edited) to standardize events. Add find_config_files() to frontends/qt6/generate_cmake.py to include config JS/JSON in QML/files and resources. Also add /frontends/qt6/_build to .gitignore.
88 lines
2.4 KiB
QML
88 lines
2.4 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
|
|
import "MaterialPalette.qml" as MaterialPalette
|
|
|
|
Rectangle {
|
|
id: root
|
|
property alias text: label.text
|
|
property bool outlined: false
|
|
property bool elevated: true
|
|
property string iconPath: ""
|
|
property color fillColor: outlined ? "transparent" : MaterialPalette.primary
|
|
property color borderColor: outlined ? MaterialPalette.outline : "transparent"
|
|
property color textColor: outlined ? MaterialPalette.primary : MaterialPalette.onPrimary
|
|
property color rippleColor: outlined ? MaterialPalette.primary : MaterialPalette.onPrimary
|
|
property bool disabled: false
|
|
property real cornerRadius: 12
|
|
signal clicked()
|
|
|
|
implicitHeight: 48
|
|
implicitWidth: contentRow.implicitWidth + 32
|
|
radius: cornerRadius
|
|
color: disabled ? MaterialPalette.surfaceVariant : fillColor
|
|
border.color: disabled ? MaterialPalette.surfaceVariant : borderColor
|
|
border.width: outlined ? 1 : 0
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: "transparent"
|
|
|
|
Rectangle {
|
|
id: ripple
|
|
anchors.fill: parent
|
|
color: rippleColor
|
|
opacity: 0
|
|
}
|
|
|
|
Row {
|
|
id: contentRow
|
|
anchors.centerIn: parent
|
|
anchors.leftMargin: 12
|
|
anchors.rightMargin: 12
|
|
spacing: iconPath.length > 0 ? 8 : 0
|
|
|
|
Image {
|
|
source: iconPath
|
|
visible: iconPath.length > 0
|
|
width: 20
|
|
height: 20
|
|
fillMode: Image.PreserveAspectFit
|
|
opacity: disabled ? 0.5 : 1
|
|
}
|
|
|
|
Text {
|
|
id: label
|
|
text: root.text
|
|
font.pixelSize: 15
|
|
font.bold: true
|
|
color: disabled ? MaterialPalette.surface : textColor
|
|
}
|
|
}
|
|
}
|
|
|
|
NumberAnimation {
|
|
id: rippleFade
|
|
target: ripple
|
|
property: "opacity"
|
|
from: 0.3
|
|
to: 0
|
|
duration: 360
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
enabled: !disabled
|
|
hoverEnabled: true
|
|
onClicked: root.clicked()
|
|
onPressed: {
|
|
root.opacity = 0.85
|
|
ripple.opacity = 0.35
|
|
rippleFade.running = false
|
|
rippleFade.start()
|
|
}
|
|
onReleased: root.opacity = 1
|
|
}
|
|
}
|