From 2962d1fc9f598a893db70572a2b6aa542796ee5d Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Wed, 14 Feb 2018 22:02:12 +0200
Subject: [PATCH] Styles for update check

---
 client/src/styles/partials/bdsettings/button.scss | 11 ++++++++---
 client/src/ui/components/BdSettingsWrapper.vue    |  8 +++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/client/src/styles/partials/bdsettings/button.scss b/client/src/styles/partials/bdsettings/button.scss
index 3af9a8be..df81d933 100644
--- a/client/src/styles/partials/bdsettings/button.scss
+++ b/client/src/styles/partials/bdsettings/button.scss
@@ -13,9 +13,9 @@
         top: 27px;
     }
 
-	.platform-linux & {
-		top: 0;
-	}
+    .platform-linux & {
+        top: 0;
+    }
 
     .bd-settings-button-btn {
         background-image: $logoSmallBw;
@@ -38,6 +38,11 @@
         &.bd-loading {
             animation: bd-settings-button-pulse 1.5s infinite;
         }
+
+        &.bd-updates {
+            filter: hue-rotate(250deg) !important;
+            opacity: 1 !important;
+        }
     }
 
     &.bd-active {
diff --git a/client/src/ui/components/BdSettingsWrapper.vue b/client/src/ui/components/BdSettingsWrapper.vue
index 0314e5cd..4200ce1e 100644
--- a/client/src/ui/components/BdSettingsWrapper.vue
+++ b/client/src/ui/components/BdSettingsWrapper.vue
@@ -11,7 +11,9 @@
 <template>
     <div class="bd-settings-wrapper" :class="[{active: active}, 'platform-' + this.platform]">
         <div class="bd-settings-button" :class="{'bd-active': active}" @click="showSettings">
-            <div class="bd-settings-button-btn" :class="[{'bd-loading': !loaded}]"></div>
+            <div v-if="updating === 0" v-tooltip.right="'Checking for updates'" class="bd-settings-button-btn bd-loading"></div>
+            <div v-else-if="updating === 2" v-tooltip.right="'Updates available!'" class="bd-settings-button-btn bd-updates"></div>
+            <div v-else class="bd-settings-button-btn" :class="[{'bd-loading': !loaded}]"></div>
         </div>
         <BdSettings :active="active" :close="hideSettings" />
     </div>
@@ -25,6 +27,7 @@
         data() {
             return {
                 loaded: false,
+                updating: false,
                 active: false,
                 platform: global.process.platform
             }
@@ -49,6 +52,9 @@
         },
         created() {
             Events.on('ready', e => this.loaded = true);
+            Events.on('update-check-start', e => this.updating = 0);
+            Events.on('update-check-end', e => this.updating = 1);
+            Events.on('updates-available', e => this.updating = 2);
             window.addEventListener('keyup', this.keyupListener);
         },
         destroyed() {