bar/Network.qml


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

import QtQuick
import QtQuick.Layouts

import qs.services as Services
import qs.components
import qs.config

Item {
    id: root
    property int down: Services.NetworkUsage.down
    property string downUnit: Services.NetworkUsage.downUnit
    property int up: Services.NetworkUsage.up
    property string upUnit: Services.NetworkUsage.upUnit

    property int significantUsage: 30
    property string usageUnit: "M"

    property bool isCollapsed: true

    implicitWidth: container.implicitWidth
    implicitHeight: container.implicitHeight - General.rectMargin

    IRect {
        id: container
        anchors {
            fill: parent
            verticalCenter: parent.verticalCenter
            horizontalCenter: parent.horizontalCenter
        }

        implicitWidth: layout.implicitWidth + General.rectMargin * 2
        implicitHeight: Bar.height
        color: Colors.accent
        radius: Style.rounding.large

        RowLayout {
            id: layout
            anchors {
                verticalCenter: parent.verticalCenter
                horizontalCenter: parent.horizontalCenter
            }
            spacing: Bar.resourceIconTextSpacing

            Item {
                Layout.fillWidth: true
            }

            Icon {
                visible: root.isCollapsed
                text: Services.Network.state
            }
            IText {
                visible: !root.isCollapsed
                text: Services.Network.networkStrength
                renderType: Text.CurveRendering // it's not static and is rapidly updated
            }

            RowLayout {
                spacing: Bar.resourceIconTextSpacing / 2
                Icon {
                    text: Icons.resource.network.download
                    color: root.downUnit == root.usageUnit && root.down > root.significantUsage ? Colors.cyan : Colors.foreground2
                }
                IText {
                    animate: true
                    text: root.down + root.downUnit
                    color: root.downUnit == root.usageUnit && root.down > root.significantUsage ? Colors.cyan : Colors.foreground2
                    renderType: Text.CurveRendering // it's not static and is rapidly updated
                }
            }
            RowLayout {
                spacing: Bar.resourceIconTextSpacing / 2
                Icon {
                    text: Icons.resource.network.upload
                    color: root.upUnit == root.usageUnit && root.up > root.significantUsage ? Colors.cyan : Colors.foreground2
                }
                IText {
                    animate: true
                    text: root.up + root.upUnit
                    color: root.upUnit == root.usageUnit && root.up > root.significantUsage ? Colors.cyan : Colors.foreground2
                    renderType: Text.CurveRendering // it's not static and is rapidly updated
                }
            }

            Item {
                Layout.fillWidth: true
            }
        }
    }
    MouseArea {
        anchors.fill: container
        cursorShape: Qt.PointingHandCursor
        onClicked: {
            root.isCollapsed = !root.isCollapsed;
        }
    }
}