From efc421c0a695971ad4cb66079123ca11032fc30c Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Thu, 2 Jan 2020 12:55:02 +0200
Subject: [PATCH] Display icon in footer when an update is available

---
 client/components/Sidebar.vue | 14 ++++++++++++--
 client/css/style.css          | 12 ++++++++++++
 src/server.js                 |  1 +
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/client/components/Sidebar.vue b/client/components/Sidebar.vue
index 742c2d33..724dac00 100644
--- a/client/components/Sidebar.vue
+++ b/client/components/Sidebar.vue
@@ -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"
diff --git a/client/css/style.css b/client/css/style.css
index b5f427d0..e88b85c0 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -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,
diff --git a/src/server.js b/src/server.js
index 0d907079..904a0995 100644
--- a/src/server.js
+++ b/src/server.js
@@ -715,6 +715,7 @@ function getClientConfiguration() {
 		]);
 	}
 
+	config.isUpdateAvailable = changelog.isUpdateAvailable;
 	config.applicationServerKey = manager.webPush.vapidKeys.publicKey;
 	config.version = pkg.version;
 	config.gitCommit = Helper.getGitCommit();