Skip to content
Snippets Groups Projects
Completer.qml 11.2 KiB
Newer Older
// SPDX-FileCopyrightText: Nheko Contributors
Nicolas Werner's avatar
Nicolas Werner committed
// SPDX-License-Identifier: GPL-3.0-or-later

Joe Donofry's avatar
Joe Donofry committed
import "./ui"
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
Nicolas Werner's avatar
Nicolas Werner committed
import im.nheko 1.0

Nicolas Werner's avatar
Nicolas Werner committed
Control {
Nicolas Werner's avatar
Nicolas Werner committed
    id: popup

Jedi18's avatar
Jedi18 committed
    property int avatarHeight: 24
    property int avatarWidth: 24
Nicolas Werner's avatar
Nicolas Werner committed
    property bool bottomToTop: true
    property bool centerRowContent: true
    property var completer
    property string completerName
    property alias count: listView.count
    property alias currentIndex: listView.currentIndex
    property bool fullWidth: false
    property string roomId
    property int rowMargin: 0
    property int rowSpacing: Nheko.paddingSmall
Nicolas Werner's avatar
Nicolas Werner committed

    signal completionClicked(string completion)
    signal completionSelected(string id)
Nicolas Werner's avatar
Nicolas Werner committed
    function changeCompleter() {
        if (completerName) {
            completer = TimelineManager.completerFor(completerName, completerName == "room" ? "" : (popup.roomId != "" ? popup.roomId : room.roomId));
            completer.setSearchString("");
        } else {
            completer = undefined;
        }
        currentIndex = -1;
    }
    function currentCompletion() {
        if (currentIndex > -1 && currentIndex < listView.count)
            return completer.completionAt(currentIndex);
Nicolas Werner's avatar
Nicolas Werner committed
            return null;
    function currentUserid() {
        if (popup.completerName == "user") {
            return listView.itemAtIndex(currentIndex).modelData.userid;
        } else {
            return "";
        }
    }
    function down() {
        if (bottomToTop)
            up_();
        else
            down_();
    }
    function down_() {
Nicolas Werner's avatar
Nicolas Werner committed
        currentIndex = currentIndex + 1;
        if (currentIndex >= listView.count)
Nicolas Werner's avatar
Nicolas Werner committed
            currentIndex = -1;
    }
    function finishCompletion() {
        if (popup.completerName == "room")
            popup.completionSelected(listView.itemAtIndex(currentIndex).modelData.roomid);
        else if (popup.completerName == "user")
            popup.completionSelected(listView.itemAtIndex(currentIndex).modelData.userid);
Nicolas Werner's avatar
Nicolas Werner committed
    function up() {
        if (bottomToTop)
            down_();
        else
            up_();
    }
    function up_() {
        currentIndex = currentIndex - 1;
        if (currentIndex == -2)
            currentIndex = listView.count - 1;
Nicolas Werner's avatar
Nicolas Werner committed
    }

    bottomPadding: 1
    leftPadding: 1

    // Workaround palettes not inheriting for popups
    palette: timelineRoot.palette
    rightPadding: 1
Nicolas Werner's avatar
Nicolas Werner committed
    topPadding: 1
Nicolas Werner's avatar
Nicolas Werner committed
    background: Rectangle {
        border.color: palette.mid
        color: palette.base
    }
Nicolas Werner's avatar
Nicolas Werner committed
    contentItem: ListView {
        id: listView
Nicolas Werner's avatar
Nicolas Werner committed

Nicolas Werner's avatar
Nicolas Werner committed
        clip: true
        displayMarginBeginning: height / 2
        displayMarginEnd: height / 2
        highlightFollowsCurrentItem: true

        // If we have fewer than 7 items, just use the list view's content height.
Nicolas Werner's avatar
Nicolas Werner committed
        // Otherwise, we want to show 7 items.  Each item consists of row spacing between rows, row margins
        // on each side of a row, 1px of padding above the first item and below the last item, and nominally
        // some kind of content height.  avatarHeight is used for just about every delegate, so we're using
        // that until we find something better.  Put is all together and you have the formula below!
        implicitHeight: Math.min(contentHeight, 6 * Nheko.paddingSmall + 7 * (popup.avatarHeight + 2 * rowMargin))
        // Broken, see https://bugreports.qt.io/browse/QTBUG-102811
        //reuseItems: true
Nicolas Werner's avatar
Nicolas Werner committed
        implicitWidth: Math.max(listView.contentItem.childrenRect.width, 20)
        model: completer
Nicolas Werner's avatar
Nicolas Werner committed
        spacing: rowSpacing
        verticalLayoutDirection: popup.bottomToTop ? ListView.BottomToTop : ListView.TopToBottom
        delegate: Rectangle {
            property variant modelData: model

            color: model.index == popup.currentIndex ? palette.highlight : palette.base
            height: (chooser.child?.implicitHeight ?? 0) + 2 * popup.rowMargin
            implicitWidth: popup.fullWidth ? ListView.view.width : chooser.child.implicitWidth + 4
Nicolas Werner's avatar
Nicolas Werner committed

            MouseArea {
Joe Donofry's avatar
Joe Donofry committed
                id: mouseArea

                anchors.fill: parent
                hoverEnabled: true
Nicolas Werner's avatar
Nicolas Werner committed

Nicolas Werner's avatar
Nicolas Werner committed
                    popup.completionClicked(completer.completionAt(model.index));
                    if (popup.completerName == "room")
                        popup.completionSelected(model.roomid);
                    else if (popup.completerName == "user")
                        popup.completionSelected(model.userid);
Nicolas Werner's avatar
Nicolas Werner committed
                onPositionChanged: if (!listView.moving && !deadTimer.running)
                    popup.currentIndex = model.index
                color: Qt.rgba(palette.base.r, palette.base.g, palette.base.b, 0.5)
            DelegateChooser {
                id: chooser
Nicolas Werner's avatar
Nicolas Werner committed

                anchors.fill: parent
                anchors.margins: popup.rowMargin
                enabled: false
Nicolas Werner's avatar
Nicolas Werner committed
                roleValue: popup.completerName
                DelegateChoice {
                    roleValue: "user"
                    RowLayout {
                        anchors.centerIn: centerRowContent ? parent : undefined
                        spacing: Nheko.paddingSmall
                        Avatar {
                            displayName: model.displayName
                            enabled: false
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredHeight: popup.avatarHeight
                            Layout.preferredWidth: popup.avatarWidth
Nicolas Werner's avatar
Nicolas Werner committed
                            url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
                            userid: model.userid
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.displayName
Nicolas Werner's avatar
Nicolas Werner committed
                        }
                        Label {
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.buttonText
Nicolas Werner's avatar
Nicolas Werner committed
                            text: "(" + model.userid + ")"
Nicolas Werner's avatar
Nicolas Werner committed
                    }
                }
                DelegateChoice {
                    roleValue: "emoji"
                    RowLayout {
                        anchors.centerIn: parent
                        spacing: Nheko.paddingSmall
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
                            font: Settings.emojiFont
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.unicode
                            visible: !!model.unicode
Nicolas Werner's avatar
Nicolas Werner committed
                            crop: false
                            displayName: model.shortcode
Nicolas Werner's avatar
Nicolas Werner committed
                            enabled: false
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredHeight: popup.avatarHeight
                            //userid: model.shortcode
                            url: (model.url ? model.url : "").replace("mxc://", "image://MxcImage/")
Nicolas Werner's avatar
Nicolas Werner committed
                            visible: !model.unicode
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredWidth: popup.avatarWidth
Nicolas Werner's avatar
Nicolas Werner committed
                        }
                            Layout.leftMargin: Nheko.paddingSmall
                            Layout.rightMargin: Nheko.paddingSmall
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.shortcode
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.buttonText
Nicolas Werner's avatar
Nicolas Werner committed
                            text: "(" + model.packname + ")"
                DelegateChoice {
                    roleValue: "command"

                    RowLayout {
                        anchors.centerIn: parent
                        spacing: Nheko.paddingSmall
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.name
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.buttonText
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.description
                DelegateChoice {
                    roleValue: "room"

                    RowLayout {
                        anchors.centerIn: centerRowContent ? parent : undefined
                        spacing: Nheko.paddingSmall
                            displayName: model.roomName
Nicolas Werner's avatar
Nicolas Werner committed
                            enabled: false
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredHeight: popup.avatarHeight
                            roomid: model.roomid
                            url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredWidth: popup.avatarWidth
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
Nicolas Werner's avatar
Nicolas Werner committed
                            font.bold: model.isSpace
Nicolas Werner's avatar
Nicolas Werner committed
                            font.pixelSize: popup.avatarHeight * 0.5
                            text: model.roomName
Nicolas Werner's avatar
Nicolas Werner committed
                            textFormat: Text.RichText
                        }
                    }
                }
                DelegateChoice {
                    roleValue: "roomAliases"

                    RowLayout {
                        anchors.centerIn: parent
                        spacing: Nheko.paddingSmall
                            displayName: model.roomName
Nicolas Werner's avatar
Nicolas Werner committed
                            enabled: false
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredHeight: popup.avatarHeight
                            roomid: model.roomid
                            url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
Nicolas Werner's avatar
Nicolas Werner committed
                            Layout.preferredWidth: popup.avatarWidth
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.text
Nicolas Werner's avatar
Nicolas Werner committed
                            font.bold: model.isSpace
Nicolas Werner's avatar
Nicolas Werner committed
                            text: model.roomName
Nicolas Werner's avatar
Nicolas Werner committed
                            textFormat: Text.RichText
                            color: model.index == popup.currentIndex ? palette.highlightedText : palette.buttonText
Nicolas Werner's avatar
Nicolas Werner committed
                            text: "(" + model.roomAlias + ")"
Nicolas Werner's avatar
Nicolas Werner committed
                            textFormat: Text.RichText
Nicolas Werner's avatar
Nicolas Werner committed
        onContentYChanged: deadTimer.restart()
Nicolas Werner's avatar
Nicolas Werner committed

Nicolas Werner's avatar
Nicolas Werner committed
        Timer {
            id: deadTimer
Nicolas Werner's avatar
Nicolas Werner committed

Nicolas Werner's avatar
Nicolas Werner committed
            interval: 50
        }
Nicolas Werner's avatar
Nicolas Werner committed
    onCompleterNameChanged: changeCompleter()
    onRoomIdChanged: changeCompleter()
Nicolas Werner's avatar
Nicolas Werner committed
}