Files
metabuilder/qml/MetaBuilder/CProfileForm.qml
johndoe6345789 786f91ec64 Add QML Material lib, demo email UI, and QML refactor
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.
2026-03-19 10:18:09 +00:00

83 lines
2.1 KiB
QML

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QmlComponents 1.0
/**
* CProfileForm - Editable profile fields (display name, email, bio).
*
* Expects profile: { displayName, email, bio }.
* Emits save(data) with the edited field values.
*/
CCard {
id: root
Layout.fillWidth: true
Layout.leftMargin: 24
Layout.rightMargin: 24
variant: "filled"
property var profile: ({ displayName: "", email: "", bio: "" })
property bool isDark: Theme.mode === "dark"
signal save(var data)
// ── Local editable copies ───────────────────────────────────
property string editDisplayName: profile.displayName || ""
property string editEmail: profile.email || ""
property string editBio: profile.bio || ""
onProfileChanged: {
editDisplayName = (profile && profile.displayName) ? profile.displayName : ""
editEmail = (profile && profile.email) ? profile.email : ""
editBio = (profile && profile.bio) ? profile.bio : ""
}
CText {
Layout.fillWidth: true
variant: "h4"
text: "Edit Profile"
}
Item { Layout.preferredHeight: 8 }
CDivider { Layout.fillWidth: true }
Item { Layout.preferredHeight: 14 }
CTextField {
Layout.fillWidth: true
label: "Display Name"
placeholderText: "Enter display name"
text: root.editDisplayName
onTextChanged: root.editDisplayName = text
}
Item { Layout.preferredHeight: 14 }
CTextField {
Layout.fillWidth: true
label: "Email"
placeholderText: "Enter email address"
text: root.editEmail
onTextChanged: root.editEmail = text
}
Item { Layout.preferredHeight: 14 }
CTextField {
Layout.fillWidth: true
label: "Bio"
placeholderText: "Tell us about yourself..."
text: root.editBio
onTextChanged: root.editBio = text
}
function getData() {
return {
displayName: editDisplayName,
email: editEmail,
bio: editBio
}
}
}