moment/harmonyqml/components/chat/SendBox.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
            }
        }
    }
}