summaryrefslogtreecommitdiff
path: root/modules/controlcenter/bluetooth/BtPane.qml
blob: 66fe0c8d08eb94034faa94fdbf9576fe23760f39 (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
pragma ComponentBehavior: Bound

import ".."
import qs.components.effects
import qs.components.containers
import qs.config
import Quickshell.Bluetooth
import QtQuick
import QtQuick.Layouts

RowLayout {
    id: root

    required property Session session

    anchors.fill: parent

    spacing: 0

    Item {
        Layout.preferredWidth: Math.floor(parent.width * 0.4)
        Layout.minimumWidth: 420
        Layout.fillHeight: true

        DeviceList {
            anchors.margins: Appearance.padding.large + Appearance.padding.normal
            anchors.leftMargin: Appearance.padding.large
            anchors.rightMargin: Appearance.padding.large + Appearance.padding.normal / 2

            session: root.session
        }

        InnerBorder {
            leftThickness: 0
            rightThickness: Appearance.padding.normal / 2
        }
    }

    Item {
        Layout.fillWidth: true
        Layout.fillHeight: true

        Loader {
            id: loader

            property BluetoothDevice pane: root.session.bt.active

            anchors.fill: parent
            anchors.margins: Appearance.padding.large * 2 + Appearance.padding.normal
            anchors.leftMargin: Appearance.padding.large * 2
            anchors.rightMargin: Appearance.padding.large * 2 + Appearance.padding.normal / 2

            asynchronous: true
            sourceComponent: pane ? details : settings

            Behavior on pane {
                SequentialAnimation {
                    ParallelAnimation {
                        Anim {
                            property: "opacity"
                            to: 0
                            easing.bezierCurve: Appearance.anim.curves.standardAccel
                        }
                        Anim {
                            property: "scale"
                            to: 0.8
                            easing.bezierCurve: Appearance.anim.curves.standardAccel
                        }
                    }
                    PropertyAction {}
                    ParallelAnimation {
                        Anim {
                            property: "opacity"
                            to: 1
                            easing.bezierCurve: Appearance.anim.curves.standardDecel
                        }
                        Anim {
                            property: "scale"
                            to: 1
                            easing.bezierCurve: Appearance.anim.curves.standardDecel
                        }
                    }
                }
            }
        }

        InnerBorder {
            leftThickness: Appearance.padding.normal / 2
        }

        Component {
            id: settings

            StyledFlickable {
                flickableDirection: Flickable.VerticalFlick
                contentHeight: settingsInner.height

                Settings {
                    id: settingsInner

                    anchors.left: parent.left
                    anchors.right: parent.right
                    session: root.session
                }
            }
        }

        Component {
            id: details

            Details {
                session: root.session
            }
        }
    }

    component Anim: NumberAnimation {
        target: loader
        duration: Appearance.anim.durations.normal / 2
        easing.type: Easing.BezierSpline
    }
}