Display icon in footer when an update is available

This commit is contained in:
Pavel Djundik 2020-01-02 12:55:02 +02:00
parent 0bdac63953
commit efc421c0a6
3 changed files with 25 additions and 2 deletions

View File

@ -52,12 +52,22 @@
aria-controls="settings"
:aria-selected="$route.name === 'Settings'"
/></span>
<span class="tooltipped tooltipped-n tooltipped-no-touch" aria-label="Help"
<span
class="tooltipped tooltipped-n tooltipped-no-touch"
:aria-label="
$store.state.serverConfiguration.isUpdateAvailable
? 'Help\n(update available)'
: 'Help'
"
><router-link
to="/help"
tag="button"
active-class="active"
:class="['icon', 'help']"
:class="[
'icon',
'help',
{notified: $store.state.serverConfiguration.isUpdateAvailable},
]"
aria-label="Help"
role="tab"
aria-controls="help"

View File

@ -906,6 +906,18 @@ background on hover (unless active) */
border-radius: 5px;
}
#footer .help.notified::after {
content: "\f021";
position: absolute;
bottom: 10px;
right: 7px;
padding: 2px;
font-size: 10px;
border-radius: 50%;
color: var(--link-color);
background: var(--body-bg-color);
}
.window li,
.window p,
.window label,

View File

@ -715,6 +715,7 @@ function getClientConfiguration() {
]);
}
config.isUpdateAvailable = changelog.isUpdateAvailable;
config.applicationServerKey = manager.webPush.vapidKeys.publicKey;
config.version = pkg.version;
config.gitCommit = Helper.getGitCommit();