mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
johndoe6345789
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.
76 lines
1.9 KiB
QML
76 lines
1.9 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import QmlComponents 1.0
|
|
|
|
/**
|
|
* CProfileHeader - User profile header with large avatar, name,
|
|
* role, level badge, and member-since caption.
|
|
*/
|
|
CCard {
|
|
id: root
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: 24
|
|
Layout.rightMargin: 24
|
|
variant: "filled"
|
|
|
|
property string username: ""
|
|
property int level: 1
|
|
property string role: ""
|
|
property string email: ""
|
|
property bool isDark: Theme.mode === "dark"
|
|
property string memberSince: "January 15, 2026"
|
|
|
|
readonly property color onSurfaceVariant: isDark
|
|
? Theme.textSecondary : Theme.textSecondary
|
|
|
|
function userInitials() {
|
|
var name = username
|
|
if (!name || name.length === 0) return "??"
|
|
var parts = name.split(" ")
|
|
if (parts.length >= 2)
|
|
return (parts[0][0] + parts[1][0]).toUpperCase()
|
|
return name.substring(0, 2).toUpperCase()
|
|
}
|
|
|
|
FlexRow {
|
|
Layout.fillWidth: true
|
|
spacing: 16
|
|
|
|
CAvatar {
|
|
initials: root.userInitials()
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 6
|
|
|
|
CText {
|
|
Layout.fillWidth: true
|
|
variant: "h3"
|
|
text: root.username
|
|
}
|
|
|
|
CText {
|
|
Layout.fillWidth: true
|
|
variant: "body2"
|
|
text: root.email
|
|
color: root.onSurfaceVariant
|
|
}
|
|
|
|
FlexRow {
|
|
spacing: 8
|
|
CBadge { text: root.role; badgeColor: Theme.primary }
|
|
CBadge { text: "Level " + root.level; badgeColor: Theme.info }
|
|
}
|
|
|
|
CText {
|
|
Layout.fillWidth: true
|
|
variant: "caption"
|
|
text: "Member since " + root.memberSince
|
|
color: root.onSurfaceVariant
|
|
}
|
|
}
|
|
}
|
|
}
|