diff --git a/app/gui/PcView.qml b/app/gui/PcView.qml
index eaf825de..52b13698 100644
--- a/app/gui/PcView.qml
+++ b/app/gui/PcView.qml
@@ -98,6 +98,18 @@ GridView {
}
}
+ Image {
+ // TODO: Tooltip
+ id: stateIcon
+ anchors.centerIn: pcIcon // TODO: Center within screen
+ visible: !model.addPc && (!model.online || !model.paired)
+ source: !model.online ? "qrc:/res/baseline-warning-24px.svg" : "qrc:/res/baseline-lock-24px.svg"
+ sourceSize {
+ width: 50
+ height: 50
+ }
+ }
+
Text {
id: pcNameText
text: model.name
@@ -110,38 +122,6 @@ GridView {
wrapMode: Text.Wrap
}
- Text {
- function getStatusText(model)
- {
- if (model.online) {
- var text = "Online"
- text += " - "
- if (model.paired) {
- text += "Paired"
- }
- else if (model.busy) {
- text += "Busy"
- }
- else {
- text += "Not Paired"
- }
- return text
- }
- else {
- return "Offline";
- }
- }
-
- id: pcPairedText
- text: getStatusText(model)
- visible: !model.addPc
-
- width: parent.width
- anchors.top: pcNameText.bottom
- font.pointSize: 24
- horizontalAlignment: Text.AlignHCenter
- }
-
Menu {
id: pcContextMenu
MenuItem {
diff --git a/app/res/baseline-lock-24px.svg b/app/res/baseline-lock-24px.svg
new file mode 100644
index 00000000..01aec17b
--- /dev/null
+++ b/app/res/baseline-lock-24px.svg
@@ -0,0 +1,4 @@
+
diff --git a/app/res/baseline-play_circle_filled_white-48px.svg b/app/res/baseline-play_circle_filled_white-48px.svg
new file mode 100644
index 00000000..af0834e8
--- /dev/null
+++ b/app/res/baseline-play_circle_filled_white-48px.svg
@@ -0,0 +1,4 @@
+
diff --git a/app/res/baseline-warning-24px.svg b/app/res/baseline-warning-24px.svg
new file mode 100644
index 00000000..61471309
--- /dev/null
+++ b/app/res/baseline-warning-24px.svg
@@ -0,0 +1,4 @@
+
diff --git a/app/resources.qrc b/app/resources.qrc
index 36e135e7..be6ef0c2 100644
--- a/app/resources.qrc
+++ b/app/resources.qrc
@@ -5,6 +5,9 @@
res/ic_videogame_asset_white_48px.svg
res/ic_tv_white_48px.svg
res/ic_add_to_queue_white_48px.svg
+ res/baseline-lock-24px.svg
+ res/baseline-play_circle_filled_white-48px.svg
+ res/baseline-warning-24px.svg
res/no_app_image.png
res/settings.svg
res/arrow_left.svg