diff options
Diffstat (limited to 'modules/bar/components')
| -rw-r--r-- | modules/bar/components/Clock.qml | 2 | ||||
| -rw-r--r-- | modules/bar/components/StatusIcons.qml | 38 |
2 files changed, 38 insertions, 2 deletions
diff --git a/modules/bar/components/Clock.qml b/modules/bar/components/Clock.qml index 91e978c..c4764a5 100644 --- a/modules/bar/components/Clock.qml +++ b/modules/bar/components/Clock.qml @@ -19,7 +19,7 @@ StyledRect { prevAnchor: icon horizontalAlignment: StyledText.AlignHCenter - text: root.vertical ? Time.format("hh\nmm") : Time.format("dd/MM/yy hh:mm") + text: root.vertical ? Time.format("hh\nmm") : Time.format("hh:mm • dddd, dd MMMM") font.pointSize: Appearance.font.size.smaller font.family: Appearance.font.family.mono color: root.colour diff --git a/modules/bar/components/StatusIcons.qml b/modules/bar/components/StatusIcons.qml index d3df67d..dd63fc6 100644 --- a/modules/bar/components/StatusIcons.qml +++ b/modules/bar/components/StatusIcons.qml @@ -3,6 +3,7 @@ import "root:/services" import "root:/utils" import "root:/config" import QtQuick +import QtQuick.Controls StyledRect { id: root @@ -10,9 +11,44 @@ StyledRect { readonly property color colour: Appearance.colours.rosewater MaterialIcon { - id: icon + id: network + animate: true text: Icons.getNetworkIcon(Network.active.strength) color: root.colour } + + AnchorText { + id: bluetooth + + prevAnchor: network + + animate: true + text: Bluetooth.powered ? "bluetooth" : "bluetooth_disabled" + color: root.colour + font.family: Appearance.font.family.material + font.pointSize: Appearance.font.size.larger + } + + BoxLayout { + anchors.left: vertical ? undefined : bluetooth.right + anchors.leftMargin: vertical ? 0 : Appearance.padding.smaller + anchors.top: vertical ? bluetooth.bottom : undefined + anchors.topMargin: vertical ? Appearance.padding.smaller : 0 + + anchors.horizontalCenter: vertical ? bluetooth.horizontalCenter : undefined + anchors.verticalCenter: vertical ? undefined : bluetooth.verticalCenter + + Repeater { + model: Bluetooth.connected + + MaterialIcon { + required property Bluetooth.Device modelData + + animate: true + text: Icons.getBluetoothIcon(modelData.icon) + color: root.colour + } + } + } } |