aboutsummaryrefslogtreecommitdiffstats
path: root/desktop/modules/kdeconnect/KdeConnectPage.qml
blob: 89df59704593d0aa108d4b2ed3582bc87ba27569 (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
// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
//
// This program is free software; you can redistribute it and/or modify
// it under the terms of the GNU General Public License version 2 as
// published by the Free Software Foundation.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.

import QtQuick
import "../.."

Column {
    id: page

    required property var kc

    spacing: 14

    Row {
        width: page.width
        spacing: 8

        Button {
            text: "Refresh"
            onClicked: page.kc.discover()
        }
    }

    Text {
        width: page.width
        visible: page.kc.error !== ""
        wrapMode: Text.Wrap
        text: page.kc.error
        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 3 }
        color: Theme.red
    }

    // Incoming pairing requests. The property persists while the drawer is
    // closed, so a request raised then is still here when it opens.
    Repeater {
        model: page.kc.requests

        Rectangle {
            required property var modelData

            width: page.width
            implicitHeight: reqCol.implicitHeight + 16
            radius: 8
            color: Qt.alpha(Theme.accent, 0.12)
            border.width: 1
            border.color: Qt.alpha(Theme.accent, 0.4)

            Column {
                id: reqCol
                anchors { left: parent.left; right: parent.right; top: parent.top; margins: 10 }
                spacing: 8

                Text {
                    width: parent.width
                    elide: Text.ElideRight
                    text: page.kc.deviceName(modelData) + " wants to pair"
                    font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2; bold: true }
                    color: Theme.text
                }

                Row {
                    spacing: 8

                    Button {
                        text: "Accept"
                        onClicked: page.kc.accept(modelData)
                    }

                    Button {
                        text: "Reject"
                        danger: true
                        onClicked: page.kc.reject(modelData)
                    }
                }
            }
        }
    }

    Text {
        width: page.width
        visible: page.kc.paired.length > 0
        text: "Paired"
        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2; bold: true }
        color: Theme.subtext
    }

    Repeater {
        model: page.kc.paired

        KdeConnectRow {
            required property var modelData
            kc: page.kc
            device: modelData
            width: page.width
        }
    }

    Text {
        width: page.width
        visible: page.kc.unpaired.length > 0
        text: "Available"
        font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 2; bold: true }
        color: Theme.subtext
    }

    Repeater {
        model: page.kc.unpaired

        KdeConnectRow {
            required property var modelData
            kc: page.kc
            device: modelData
            width: page.width
        }
    }
}