summary refs log tree commit diff
path: root/resources/qml/Completer.qml
blob: 2c520dec432bb8624d0628c4df3b8b392a8b6e08 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
import QtQuick 2.9
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.2
import im.nheko 1.0

Popup {
    id: popup

    property int currentIndex: -1
    property string completerName
    property var completer

    function up() {
        currentIndex = currentIndex - 1;
        if (currentIndex == -2)
            currentIndex = repeater.count - 1;

    }

    function down() {
        currentIndex = currentIndex + 1;
        if (currentIndex >= repeater.count)
            currentIndex = -1;

    }

    function currentCompletion() {
        if (currentIndex > -1 && currentIndex < repeater.count)
            return completer.completionAt(currentIndex);
        else
            return null;
    }

    onCompleterNameChanged: {
        if (completerName)
            completer = TimelineManager.timeline.input.completerFor(completerName);
        else
            completer = undefined;
    }
    padding: 0
    onAboutToShow: currentIndex = -1

    Connections {
        onTimelineChanged: completer = null
        target: TimelineManager
    }

    ColumnLayout {
        anchors.fill: parent
        spacing: 0

        Repeater {
            id: repeater

            model: completer

            delegate: Rectangle {
                color: model.index == popup.currentIndex ? colors.window : colors.base
                height: del.implicitHeight + 4
                width: del.implicitWidth + 4

                RowLayout {
                    id: del

                    anchors.centerIn: parent

                    Avatar {
                        height: 24
                        width: 24
                        displayName: model.displayName
                        url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
                    }

                    Label {
                        text: model.displayName
                        color: colors.text
                    }

                }

            }

        }

    }

    enter: Transition {
        NumberAnimation {
            property: "opacity"
            from: 0
            to: 1
            duration: 100
        }

    }

    exit: Transition {
        NumberAnimation {
            property: "opacity"
            from: 1
            to: 0
            duration: 100
        }

    }

    background: Rectangle {
        color: colors.base
        implicitHeight: popup.contentHeight
        implicitWidth: popup.contentWidth
    }

}