Mirrors/overte-HifiExperiments
3
0
Fork 0
mirror of https://github.com/HifiExperiments/overte.git synced 2025-08-04 05:33:10 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

First pass

Browse source
This commit is contained in:
Zach Fox 2017-01-12 15:40:37 -08:00
parent d2c7342a62
commit 117e302b2a
1 changed files with 71 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
interface/resources/qml/hifi/NameCard.qml
View file

@ -55,12 +55,82 @@ Item {
width: parent.width - /*avatarImage.width - parent.spacing - */parent.anchors.leftMargin - parent.anchors.rightMargin
height: childrenRect.height
anchors.verticalCenter: parent.verticalCenter
// DisplayName Text
// DisplayName field for my card
Rectangle {
id: myDisplayName
visible: isMyCard
color: "#C5C5C5"
anchors.left: parent.left
anchors.leftMargin: -10
width: parent.width + 70
height: 35
TextInput {
id: myDisplayNameText
// Properties
text: thisNameCard.displayName
autoScroll: false
maximumLength: 64
width: parent.width
height: parent.height
wrapMode: TextInput.Wrap
// Anchors
anchors.fill: parent
anchors.leftMargin: 10
// Text Positioning
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft
// Style
color: hifi.colors.darkGray
FontLoader { id: firaSansSemiBold; source: "../../fonts/FiraSans-SemiBold.ttf"; }
font.family: firaSansSemiBold.name
font.pointSize: thisNameCard.displayTextHeight
// Signals
onEditingFinished: {
console.log("New displayName: ", text)
}
}
MouseArea {
anchors.fill: parent
acceptedButtons: Qt.LeftButton
hoverEnabled: true
propagateComposedEvents: true
onClicked: {
myDisplayNameText.selectAll();
myDisplayNameText.focus = true;
}
onEntered: myDisplayName.color = hifi.colors.lightGrayText
onExited: myDisplayName.color = "#C5C5C5"
}
// Edit pencil glyph
HiFiGlyphs {
text: hifi.glyphs.edit
// Size
size: thisNameCard.displayTextHeight
// Anchors
anchors.right: parent.right
anchors.rightMargin: size/2
anchors.verticalCenter: parent.verticalCenter
// Style
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
color: hifi.colors.baseGray
}
}
// Spacer for DisplayName for my card
Rectangle {
width: myDisplayName.width
height: 5
visible: isMyCard
opacity: 0
}
// DisplayName Text for others' cards
FiraSansSemiBold {
id: displayNameText
// Properties
text: thisNameCard.displayName
elide: Text.ElideRight
visible: !isMyCard
// Size
width: parent.width
// Anchors