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