summaryrefslogtreecommitdiff
path: root/modules/bar/components
diff options
context:
space:
mode:
Diffstat (limited to 'modules/bar/components')
-rw-r--r--modules/bar/components/Clock.qml2
-rw-r--r--modules/bar/components/StatusIcons.qml38
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
+ }
+ }
+ }
}