summaryrefslogtreecommitdiff
path: root/launcher/components/Clip.qml
blob: 32176468818146b9783794928209266146f7cccf (plain)
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
import Quickshell
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts

import qs.components
import qs.services
import qs.config

IComponent {
    id: root

    property var clipHist: Clip.query(inputCleaned)
    property int selectedIndex: -1

    name: "Clipboard"

    prefix: "clip"

    implicitHeight: valid ? layout.height : 0

    process: function () {
        const isValid = clipHist.length > 0;
        return {
            valid: isValid,
            priority: isValid
        };
    }

    exec: function () {
        Clip.decodeAndCopy(clipHist[selectedIndex].raw);
    }

    up: function () {
        if (selectedIndex <= 0)
            return true;
        selectedIndex--;
    }
    down: function () {
        if (selectedIndex + 1 > listView.count - 1)
            return true;
        selectedIndex++;
    }

    onClipHistChanged: {
        selectedIndex = 0;
        listView.positionViewAtBeginning();
        syncSelectionState();
    }

    onSelectedIndexChanged: {
        if (selectedIndex >= 0 && selectedIndex < listView.count) {
            listView.positionViewAtIndex(selectedIndex, ListView.Contain);
        }
        syncSelectionState();
    }

    syncSelectionState: function () {
        Qt.callLater(() => {
            let selectedItem = listView.itemAtIndex(selectedIndex);
            if (!selectedItem && selectedIndex >= 0 && selectedIndex < listView.count) {
                // Item not visible, force it to be created
                listView.positionViewAtIndex(selectedIndex, ListView.Contain);
                selectedItem = listView.itemAtIndex(selectedIndex);
            }
            state.selected = selectedItem;
        });
    }

    IInnerComponent {
        id: layout
        fromParent: false
        width: parent.width
        height: Math.min(listView.contentHeight + titleBar.height, Launcher.widgetHeight * 1.5)

        ListView {
            id: listView
            Layout.fillWidth: true
            Layout.fillHeight: true
            clip: true
            model: clipHist
            spacing: 0

            delegate: Item {
                required property var modelData
                required property int index
                width: item.implicitWidth + Launcher.innerMargin * 4
                height: item.height + Launcher.innerMargin * 4

                Row {
                    id: item
                    anchors.left: parent.left
                    anchors.top: parent.top
                    anchors.margins: Launcher.innerMargin * 2
                    spacing: Launcher.innerMargin * 2

                    IconImage {
                        source: modelData?.appIcon
                        implicitSize: parent.height
                    }

                    Column {
                        Loader {
                            sourceComponent: modelData?.type === "image" ? img : text
                            readonly property Component text: IText {
                                text: modelData?.data || ""
                                font.pixelSize: Style.font.size.largerr
                            }
                            readonly property Component img: Image {
                                source: modelData?.data || ""
                            }
                        }
                        Row {
                            spacing: Launcher.innerMargin
                            IText {
                                text: modelData.type
                                color: Colors.foreground3
                                font.pixelSize: Style.font.size.normal
                            }
                            IText {
                                text: TimeDate.sinceWhen(modelData?.timestamp) || ""
                                color: Colors.foreground3
                                font.pixelSize: Style.font.size.normal
                            }
                        }
                    }
                }

                MouseArea {
                    anchors.fill: parent
                    hoverEnabled: true
                    onPositionChanged: {
                        root.selectedIndex = index;
                    }
                    onExited: {
                        root.selectedIndex = 0;
                    }
                    onPressed: {
                        root.exec();
                    }
                }
            }
        }
    }
}