fix(*): loader indicates http requests correct now

Fix the loading bar which is showing router navigations correct but was
binding to non existent api variable.

Attach the api varible to aurelia-api endpoint and adjust binding to
http-client isRequesting variable from aurelia-fetch-client.

---

 src/view-models/app.js | 6 ++++--
 src/views/app.html     | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

Author: MarcScheib

src/view-models/app.js

@@ -1,13 +1,15 @@
+import {Endpoint} from 'aurelia-api';
 import {inject} from 'aurelia-framework';
 import {Router} from 'aurelia-router';
 import AppRouterConfig from '../configuration/router-config';
 import 'jquery';
 import 'twbs/bootstrap';
 
-@inject(Router, AppRouterConfig)
+@inject(Router, Endpoint.of(), AppRouterConfig)
 export class App {
-  constructor(router, appRouterConfig) {
+  constructor(router, api, appRouterConfig) {
     this.router = router;
+    this.api = api;
     this.appRouterConfig = appRouterConfig;
   }
 

src/views/app.html

@@ -9,7 +9,7 @@
     </header>
 
     <main>
-        <loading-indicator loading.bind="router.isNavigating || api.isRequesting"></loading-indicator>
+        <loading-indicator loading.bind="router.isNavigating || api.client.isRequesting"></loading-indicator>
         <navigation-side id="sidebar" class="sidebar-nav"></navigation-side>
 
         <div class="container-fluid" id="content-container">