Fixed #39: Backbutton for Electron and Cordova

src/BoardZ/app/components/header/header.html

@@ -10,6 +10,11 @@
 
         <div class="navbar-custom-menu">
             <ul class="nav navbar-nav">
+                <li back-button>
+                    <a>
+                        <i class="fa fa-arrow-circle-left"></i>
+                    </a>
+                </li>
                 <li class="dropdown notifications-menu">
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                         <i class="fa fa-bell-o"> </i>

src/BoardZ/app/components/header/header.ts

@@ -6,10 +6,11 @@ import {LoginService} from '../../services/login.service';
 import {TokenService} from '../../services/token.service';
 import {NotificationService} from '../../services/notification.service';
 import {LogService} from '../../services/log.service';
+import {BackButtonDirective} from '../../directives/back.button.directive';
 
 @Component({
     selector: 'boardz-header',
-    directives: [NgClass],
+    directives: [NgClass, BackButtonDirective],
     templateUrl: 'app/components/header/header.html'
 })
 export class HeaderComponent implements OnInit {

src/BoardZ/app/directives/back.button.directive.ts

@@ -0,0 +1,26 @@
+import {Directive, HostListener} from 'angular2/core';
+import {PlatformInformationService} from '../services/platform.information.service';
+import {Location} from 'angular2/router';
+@Directive({
+    selector: '[back-button]',
+    host: {
+        '[attr.hidden]': 'isHidden'
+    }
+})
+export class BackButtonDirective {
+    public isHidden: boolean = true;
+
+    constructor(private _platformInformationService: PlatformInformationService,
+                private _location: Location) {
+        this.setHidden();
+    }
+
+    private setHidden(): void {
+        this.isHidden = this._platformInformationService.isWeb;
+    }
+
+    @HostListener('click')
+    public onClick() {
+        this._location.back();
+    }
+}

src/BoardZ/app/services/platform.information.service.ts

@@ -24,6 +24,6 @@ export class PlatformInformationService {
     private guessPlatform(): void {
         this._isMobile = !!window.cordova;
         this._isDesktop = window.navigator.userAgent.match(/Electron/) !== null;
-        this._isWeb = !(this._isMobile && this._isDesktop);
+        this._isWeb = !(this._isMobile || this._isDesktop);
     }
 }

src/BoardZ/css/app.css

@@ -26,3 +26,8 @@
 .content-wrapper {
   overflow-y: scroll;
 }
+
+/* Navigation */
+body .navbar-custom-menu [hidden="true"] {
+  display: none;
+}