Dashboard refactored

src/Squidex/app/components/internal/app/dashboard/dashboard-page.component.html

@@ -1,3 +1,6 @@
+<sqx-title message="{app} | Dashboard" parameter="app" value="{{appName() | async}}"></sqx-title>
+
+
 <div class="layout">
     <div class="layout-left">
         <sqx-left-menu></sqx-left-menu>

src/Squidex/app/components/internal/app/dashboard/dashboard-page.component.ts

@@ -7,33 +7,21 @@
 
 import * as Ng2 from '@angular/core';
 
-import { AppsStoreService, TitleService } from 'shared';
+import {
+    AppComponentBase,
+    AppsStoreService,
+    NotificationService,
+    UsersProviderService
+ } from 'shared';
 
 @Ng2.Component({
     selector: 'sqx-dashboard-page',
     styles,
     template
 })
-export class DashboardPageComponent implements Ng2.OnInit {
+export class DashboardPageComponent extends AppComponentBase {
-    private appSubscription: any | null = null;
+    constructor(apps: AppsStoreService, notifications: NotificationService, users: UsersProviderService) {
-
+        super(apps, notifications, users);
-    constructor(
-        private readonly titles: TitleService,
-        private readonly appsStore: AppsStoreService
-    ) {
-    }
-
-    public ngOnInit() {
-        this.appSubscription =
-            this.appsStore.selectedApp.subscribe(app => {
-                if (app) {
-                    this.titles.setTitle('{appName} | Dashboard', { appName: app.name });
-                }
-            });
-    }
-
-    public ngOnDestroy() {
-        this.appSubscription.unsubscribe();
     }
 }
 

src/Squidex/app/framework/angular/autocomplete.component.ts

@@ -44,7 +44,7 @@ export const SQX_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR: any = {
     template,
     providers: [SQX_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR]
 })
-export class AutocompleteComponent implements Ng2Forms.ControlValueAccessor  {
+export class AutocompleteComponent implements Ng2Forms.ControlValueAccessor, Ng2.OnDestroy {
     private subscription: Subscription | null = null;
     private lastQuery: string | null;
     private changeCallback: (value: any) => void = NOOP;
@@ -93,6 +93,10 @@ export class AutocompleteComponent implements Ng2Forms.ControlValueAccessor  {
         this.touchedCallback = fn;
     }
 
+    public ngOnDestroy() {
+        this.cancelRequest();
+    }
+
     public setDisabledState(isDisabled: boolean): void {
         if (isDisabled) {
             this.reset();
@@ -102,13 +106,17 @@ export class AutocompleteComponent implements Ng2Forms.ControlValueAccessor  {
         }
     }
 
-    private loadItems(query: string) {
+    private cancelRequest() {
-        const source = this.source;
-
         if (this.subscription != null) {
             this.subscription.unsubscribe();
             this.subscription = null;
         }
+    }
+
+    private loadItems(query: string) {
+        const source = this.source;
+
+        this.cancelRequest();
 
         if (!source) {
             return;

src/Squidex/tslint.json

@@ -47,7 +47,7 @@
     "no-shadowed-variable": true,
     "no-string-literal": false,
     "no-switch-case-fall-through": true,
-    "no-trailing-whitespace": false,
+    "no-trailing-whitespace": true,
     "no-unused-expression": true,
     "no-unused-variable": true,
     "no-use-before-declare": true,