added check for updates link

src/app/components/floating-column/settings/settings.component.html

@@ -55,7 +55,11 @@
         </div>
 
         <h4 class="panel__subtitle">About</h4>
-        <p class="version">Sengi version: {{version}}</p>
+        <p class="version">
+            Sengi version: {{version}}<br/>
+            <a href class="version__link" (click)="checkForUpdates()">check for updates</a>
+        </p>
+        
 
         <h4 class="panel__subtitle">RESET</h4>
         <div class="sub-section">

src/app/components/floating-column/settings/settings.component.scss

@@ -17,6 +17,14 @@
 .version {
     display: block;
     padding: 0 5px;
+
+    &__link {
+        color: rgb(161, 161, 161);
+
+        &:hover {
+            color: #fff;
+        }
+    }
 }
 
 .sub-section {

src/app/components/floating-column/settings/settings.component.ts

@@ -5,6 +5,7 @@ import { Howl } from 'howler';
 import { environment } from '../../../../environments/environment';
 import { ToolsService } from '../../../services/tools.service';
 import { UserNotificationService, NotificationSoundDefinition } from '../../../services/user-notification.service';
+import { ServiceWorkerService } from '../../../services/service-worker.service';
 
 @Component({
     selector: 'app-settings',
@@ -28,6 +29,7 @@ export class SettingsComponent implements OnInit {
 
     constructor(
         private formBuilder: FormBuilder,
+        private serviceWorkersService: ServiceWorkerService,
         private readonly toolsService: ToolsService,
         private readonly userNotificationsService: UserNotificationService) { }
 
@@ -119,6 +121,11 @@ export class SettingsComponent implements OnInit {
         this.isCleanningAll = false;
         return false;
     }
+
+    checkForUpdates(): boolean {
+        this.serviceWorkersService.checkForUpdates();
+        return false;
+    }
 }
 
 

src/app/services/service-worker.service.ts

@@ -7,12 +7,11 @@ import { interval, concat, BehaviorSubject } from 'rxjs';
     providedIn: 'root'
 })
 export class ServiceWorkerService {
-
     newAppVersionIsAvailable = new BehaviorSubject<boolean>(false);
 
     private isListening = false;
 
-    constructor(appRef: ApplicationRef, updates: SwUpdate) {
+    constructor(appRef: ApplicationRef, private updates: SwUpdate) {
 
         //https://angular.io/guide/service-worker-communications
 
@@ -46,4 +45,12 @@ export class ServiceWorkerService {
     loadNewAppVersion() {
         document.location.reload();
     }
+
+    checkForUpdates(): any {
+        console.log("Check for update");
+        this.updates.checkForUpdate()
+            .catch(err => {
+                console.error(err);
+            });
+    }
 }