* added watcher slide type to the slideshow

* auto reloading fixed on revision change
* added shortening pipe to the comment field in watcher view

src/app/display/slide-show.service.ts

@@ -18,20 +18,28 @@ export class SlideShowService {
   }
 
   public nextSlide() {
-    if (this.currentSlideIndex === this.slides.length - 1) {
+    switch (this.currentSlideIndex) {
+      case this.slides.length - 1:
         this.currentSlideIndex++;
         this.router.navigate(['/kanban']);
-    } else if (this.currentSlideIndex === this.slides.length) {
+        break;
+      case this.slides.length:
+        this.currentSlideIndex++;
+        this.router.navigate(['/commit-tracker']);
+        break;
+      case this.slides.length + 1:
         this.currentSlideIndex = -1;
         this.reloadSlides();
-      this.router.navigate(['/commit-tracker']);
+        this.router.navigate(['/watchers-fixed']);
-    } else {
+        break;
+      default:
         this.oddEven = !this.oddEven;
         this.currentSlideIndex++;
         this.router.navigate([
           this.oddEven ? '/slideshow-odd' : '/slideshow-even',
           this.slides[this.currentSlideIndex].id
         ]);
+        break;
     }
   }
 

src/app/display/watchers/watchers.component.html

@@ -31,7 +31,7 @@
           <div class="content">
             <span class="author">{{issue.comment.name}}</span>
             <div class="metadata"><span class="date">{{issue.comment.date}}</span></div>
-            <div class="text">{{issue.comment.content}}</div>
+            <div class="text">{{issue.comment.content|shortenText:500}}</div>
           </div>
         </div>
         </div>

src/app/shared/service/self-updater.service.ts

@@ -1,12 +1,12 @@
 import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
-import { Observable } from 'rxjs';
 import { Location } from '@angular/common';
+import { Observable } from 'rxjs';
 
 @Injectable()
 export class SelfUpdaterService {
 
-  private appRevision: number = 0;
+  private appRevision = 0;
   private initFailed = false;
 
   constructor(private httpClient: HttpClient,
@@ -16,7 +16,7 @@ export class SelfUpdaterService {
       () => {
         console.log(
           '%c Couldn\'t load initial revision data from server. Self update disabled.',
-          'background: #222; color: #bada55;'
+          'background: #222; color: #FFC300;'
         );
         this.initFailed = true;
       }
@@ -31,7 +31,11 @@ export class SelfUpdaterService {
     if (!this.initFailed) {
       this.getDeployedRevision().subscribe(revision => {
         if (revision > this.appRevision) {
-          this.locationService.go('/');
+          console.log(
+            `%c Version change detected (${this.appRevision}=>${revision}), reloading app.`,
+            'background: #222; color: #BADA55;'
+          );
+          window.location.reload(true);
         }
       });
     }