751a27157c
Display name change working
82 lines
2.2 KiB
QML
82 lines
2.2 KiB
QML
// Copyright 2019 miruka
|
|
// This file is part of harmonyqml, licensed under LGPLv3.
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Layouts 1.12
|
|
import "../../Base"
|
|
import "../../utils.js" as Utils
|
|
|
|
Page {
|
|
id: editAccount
|
|
padding: currentSpacing < 8 ? 0 : currentSpacing
|
|
Behavior on padding { HNumberAnimation {} }
|
|
|
|
property bool wide: width > 414 + padding * 2
|
|
property int thinMaxWidth: 240
|
|
property int normalSpacing: 8
|
|
property int currentSpacing:
|
|
Math.min(normalSpacing * width / 400, normalSpacing * 2)
|
|
|
|
property string userId: ""
|
|
readonly property var userInfo: users.find(userId)
|
|
|
|
header: HRectangle {
|
|
width: parent.width
|
|
height: theme.bottomElementsHeight
|
|
color: theme.pageHeadersBackground
|
|
|
|
HRowLayout {
|
|
width: parent.width
|
|
|
|
HLabel {
|
|
text: qsTr("Account settings for %1").arg(
|
|
Utils.coloredNameHtml(userInfo.displayName, userId)
|
|
)
|
|
textFormat: Text.StyledText
|
|
font.pixelSize: theme.fontSize.big
|
|
elide: Text.ElideRight
|
|
maximumLineCount: 1
|
|
|
|
Layout.leftMargin: currentSpacing
|
|
Layout.rightMargin: Layout.leftMargin
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
|
|
background: null
|
|
|
|
HColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 16
|
|
|
|
HRectangle {
|
|
color: theme.box.background
|
|
// radius: theme.box.radius
|
|
|
|
Layout.alignment: Qt.AlignCenter
|
|
|
|
Layout.preferredWidth: wide ? parent.width : thinMaxWidth
|
|
Layout.maximumWidth: Math.min(parent.width, 640)
|
|
|
|
Layout.preferredHeight: childrenRect.height
|
|
Layout.maximumHeight: parent.height
|
|
|
|
Profile { width: parent.width }
|
|
}
|
|
|
|
// HRectangle {
|
|
// color: theme.box.background
|
|
// radius: theme.box.radius
|
|
// ClientSettings { width: parent.width }
|
|
// }
|
|
|
|
// HRectangle {
|
|
// color: theme.box.background
|
|
// radius: theme.box.radius
|
|
// Devices { width: parent.width }
|
|
// }
|
|
}
|
|
}
|