76 lines
2.3 KiB
QML
76 lines
2.3 KiB
QML
import QtQuick 2.7
|
|
import QtQuick.Controls 2.2
|
|
import QtQuick.Layouts 1.4
|
|
import "../base" as Base
|
|
|
|
Rectangle {
|
|
function setFocus() { textArea.forceActiveFocus() }
|
|
|
|
id: root
|
|
Layout.fillWidth: true
|
|
Layout.minimumHeight: 32
|
|
Layout.preferredHeight: textArea.implicitHeight
|
|
// parent.height / 2 causes binding loop?
|
|
Layout.maximumHeight: pageStack.height / 2
|
|
color: "#BBB"
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
Base.Avatar {
|
|
id: avatar
|
|
name: Backend.getUserDisplayName(chatPage.userId)
|
|
dimmension: root.Layout.minimumHeight
|
|
//visible: textArea.text === ""
|
|
visible: textArea.height <= root.Layout.minimumHeight
|
|
}
|
|
|
|
ScrollView {
|
|
Layout.fillHeight: true
|
|
Layout.fillWidth: true
|
|
id: sendBoxScrollView
|
|
clip: true
|
|
|
|
TextArea {
|
|
property string typedText: text
|
|
|
|
id: textArea
|
|
placeholderText: qsTr("Type a message...")
|
|
wrapMode: TextEdit.Wrap
|
|
selectByMouse: true
|
|
readOnly: ! visible
|
|
font.family: "Roboto"
|
|
font.pixelSize: 16
|
|
focus: true
|
|
|
|
function setTyping(typing) {
|
|
Backend.clientManager.clients[chatPage.userId]
|
|
.setTypingState(chatPage.roomId, typing)
|
|
}
|
|
|
|
onTypedTextChanged: setTyping(Boolean(text))
|
|
onEditingFinished: setTyping(false) // when lost focus
|
|
|
|
Keys.onReturnPressed: {
|
|
event.accepted = true
|
|
|
|
if (event.modifiers & Qt.ShiftModifier ||
|
|
event.modifiers & Qt.ControlModifier ||
|
|
event.modifiers & Qt.AltModifier) {
|
|
textArea.insert(textArea.cursorPosition, "\n")
|
|
return
|
|
}
|
|
|
|
if (textArea.text === "") { return }
|
|
Backend.clientManager.clients[chatPage.userId]
|
|
.sendMarkdown(chatPage.roomId, textArea.text)
|
|
textArea.clear()
|
|
}
|
|
|
|
Keys.onEnterPressed: Keys.onReturnPressed(event) // numpad enter
|
|
}
|
|
}
|
|
}
|
|
}
|