mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 22:34:56 +00:00
johndoe6345789
6e394d7846
191 files reformatted across views, components, widgets, hybrid, contexts. New components: CCreateSchemaDialog, CAddFieldDialog, CAdminContentPanel. JS helpers: connBadgeStatus/Text, adminStats, exampleLabels, onLevelClicked. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
91 lines
2.4 KiB
QML
91 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
|
|
}
|
|
}
|