Show Homebridge and Homebridge UI versions in update center

[justjam2013]

Feature Description

What is happening?

Currently, Update Center is showing a grey "Up to Date" string for Homebridge, Homebridge UI, and Node.js:

This doesn't add much to the UI, as it is a light grey and not as eye-catching as the checkmark icon (and the icon is a more immediate indicator that all is fine than reading). If there is an update available, it shows a highlighted "Update Available" and the check mark icon is replaced with an upward pointing arrow icon:

What you expect to happen?

When there are no updates available, show the current version for Homebridge, Homebridge UI, and Node.js, instead of "Up to Date".

What problems would this new feature solve?

Primarily it maximizes the real estate on the Status page, by displaying useful information on the UI.

And it reduces the extra clicks, for filling out the Bug template, which asks for Homebridge, Homebridge UI, and Node.js versions. 😁

[justjam2013]

Outdated: New PR opened on branch beta-5.0.0

I looked at the code, but I am not sure what the syntax is supposed to be.
The following substitutions should be done:

For Homebridge version:

homebridge-config-ui-x/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html

Line 67 in feba9ac

{{ 'status.homebridge.up_to_date' | translate }}

to

              v{{ $settings.env.homebridgeVersion }}

For Homebridge UI version:

homebridge-config-ui-x/ui/src/app/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html

Line 108 in feba9ac

{{ 'status.homebridge.up_to_date' | translate }}

to

              v{{ $settings.env.homebridgeUiVersion }}

Still working on where Node.js display is located.

[justjam2013]

Outdated: New PR opened on branch beta-5.0.0

Opened PR with changes for displaying Homebridge and Homebridge UI version: Show Homebridge & Homebridge UI versions in Update Center #2275

[justjam2013]

I was looking at the latest branch, not the beta-5.0.0 branch!

For Homebridge version:

homebridge-config-ui-x/ui/src/app/modules/status/widgets/update-centre-widget/update-centre-widget.component.html

Line 34 in 81ba0bd

<span> {{ 'status.homebridge.up_to_date' | translate }} </span>

should be:

            <span> v{{ $settings.env.homebridgeVersion }} </span>

For Homebridge UI version:

homebridge-config-ui-x/ui/src/app/modules/status/widgets/update-centre-widget/update-centre-widget.component.html

Line 75 in 81ba0bd

<span> {{ 'status.homebridge.up_to_date' | translate }} </span>

should be:

            <span> v{{ $settings.env.homebridgeUiVersion }} </span>

For Node.js version:

homebridge-config-ui-x/ui/src/app/modules/status/widgets/update-centre-widget/update-centre-widget.component.html

Line 147 in 81ba0bd

<span class="grey-text small"> {{ 'status.homebridge.up_to_date' | translate }} </span>

should be:

          <span class="grey-text small"> v{{ $settings.env.nodeVersion }} </span>

[justjam2013]

Closed original PR, as the change should have been made on branch beta-5.0.0.
Opened new PR on branch beta-5.0.0: Show Homebridge & Homebridge UI versions in Update Center (beta)