Add squad module; reformat

minify.sh

@@ -4,12 +4,12 @@
 cd $(dirname $0)
 
 # array of files to minify
-FILES=(inline main polyfills scripts styles vendor)
+FILES=(inline.bundle main.bundle polyfills.bundle scripts.bundle styles.bundle vendor.bundle 0.chunk 1.chunk 2.chunk 3.chunk 4.chunk 5.chunk 6.chunk 7.chunk)
 OPTIONS="-c toplevel,dead_code=true,unused=true"
 
 for i in "${FILES[@]}"
 do
   echo "minify ${i} ..."
-  $(npm bin)/uglifyjs public/${i}.bundle.js ${OPTIONS} -o public/${i}.bundle.js
-  rm -f public/${i}.bundle.js.map
+  $(npm bin)/uglifyjs public/${i}.js ${OPTIONS} -o public/${i}.js
+  rm -f public/${i}.js.map
 done

static/e2e/test.e2e-spec.ts

@@ -1,4 +1,4 @@
-import {browser, element, by} from 'protractor';
+import {browser, by, element} from 'protractor';
 
 
 describe('Main Page Access', function () {
@@ -7,7 +7,7 @@ describe('Main Page Access', function () {
     browser.get('/')
   });
 
-  it('should open army overview initially', async() => {
+  it('should open army overview initially', async () => {
     let elem = element(by.css('h1'));
     let text = elem.getText();
     expect(text).toBe("Übersicht über alle Spieler, Squads und Armeen");

static/karma.conf.js

@@ -13,13 +13,13 @@ module.exports = function (config) {
       require('@angular/cli/plugins/karma')
     ],
     files: [
-      { pattern: './src/test.ts', watched: false }
+      {pattern: './src/test.ts', watched: false}
     ],
     preprocessors: {
       './src/test.ts': ['@angular/cli']
     },
     mime: {
-      'text/x-typescript': ['ts','tsx']
+      'text/x-typescript': ['ts', 'tsx']
     },
     remapIstanbulReporter: {
       reports: {

static/protractor-html-reporter.conf.js

@@ -29,23 +29,24 @@ exports.config = {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {
+    }
   },
   useAllAngular2AppRoots: true,
-  beforeLaunch: function() {
+  beforeLaunch: function () {
     require('ts-node').register({
       project: 'e2e'
     });
-    return new Promise(function(resolve){
+    return new Promise(function (resolve) {
       reporter.beforeLaunch(resolve);
     });
   },
-  afterLaunch: function(exitCode) {
-    return new Promise(function(resolve){
+  afterLaunch: function (exitCode) {
+    return new Promise(function (resolve) {
       reporter.afterLaunch(resolve.bind(this, exitCode));
     });
   },
-  onPrepare: function() {
+  onPrepare: function () {
     jasmine.getEnv().addReporter(reporter);
     jasmine.getEnv().addReporter(new SpecReporter());
   },

static/protractor.conf.js

@@ -1,9 +1,9 @@
 // Protractor configuration file, see link for more information
 // https://github.com/angular/protractor/blob/master/lib/config.ts
 
-const { SpecReporter } = require('jasmine-spec-reporter');
+const {SpecReporter} = require('jasmine-spec-reporter');
 
-exports.config= {
+exports.config = {
   allScriptsTimeout: 11000,
   specs: [
     './e2e/**/*.e2e-spec.ts'
@@ -17,14 +17,15 @@ exports.config= {
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {}
+    print: function () {
+    }
   },
-  beforeLaunch: function() {
+  beforeLaunch: function () {
     require('ts-node').register({
       project: 'e2e/tsconfig.e2e.json'
     });
   },
   onPrepare() {
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+    jasmine.getEnv().addReporter(new SpecReporter({spec: {displayStacktrace: true}}));
   }
 };

static/src/app/admin/admin.component.ts

@@ -61,7 +61,7 @@ export class AdminComponent {
   /**
    * compare ngValue with ngModel to assign selected element
    */
-  equals(o1: Squad , o2: Squad) {
+  equals(o1: Squad, o2: Squad) {
     if (o1 && o2) {
       return o1._id === o2._id;
     }

static/src/app/app.component.css

@@ -47,11 +47,19 @@ unprocessed-child:hover {
 
 /* Safari 4.0 - 8.0 */
 @-webkit-keyframes color-blink {
-  from {background-color: #222222;}
-  to {background-color: orange;}
+  from {
+    background-color: #222222;
+  }
+  to {
+    background-color: orange;
+  }
 }
 
 @keyframes color-blink {
-  from {background-color: #222222;}
-  to {background-color: orange;}
+  from {
+    background-color: #222222;
+  }
+  to {
+    background-color: orange;
+  }
 }

static/src/app/app.component.html

@@ -53,17 +53,21 @@
             </ul>
           </li>
           <li *ngIf="loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown">
-            <a href="#"  [ngClass]="{'unprocessed': promotionService.hasUnprocessedPromotion || awardingService.hasUnprocessedAwards}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+            <a href="#"
+               [ngClass]="{'unprocessed': promotionService.hasUnprocessedPromotion || awardingService.hasUnprocessedAwards}"
+               class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">
               Anträge
               <span class="caret"></span>
             </a>
             <ul class="dropdown-menu">
               <li>
-                <a [ngClass]="{'unprocessed-child': promotionService.hasUnprocessedPromotion}" routerLink="{{config.request}}/{{config.confirmPromotionPath}}">Beförderung</a>
+                <a [ngClass]="{'unprocessed-child': promotionService.hasUnprocessedPromotion}"
+                   routerLink="{{config.request}}/{{config.confirmPromotionPath}}">Beförderung</a>
               </li>
               <li>
-                <a [ngClass]="{'unprocessed-child': awardingService.hasUnprocessedAwards}" routerLink="{{config.request}}/{{config.confirmAwardPath}}">Orden/ Auszeichnung</a>
+                <a [ngClass]="{'unprocessed-child': awardingService.hasUnprocessedAwards}"
+                   routerLink="{{config.request}}/{{config.confirmAwardPath}}">Orden/ Auszeichnung</a>
               </li>
             </ul>
           </li>

static/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import {Component, Inject, Optional} from '@angular/core';
+import {Component} from '@angular/core';
 import {Router} from '@angular/router';
 import {LoginService} from './services/login-service/login-service';
 import {PromotionService} from "./services/promotion-service/promotion.service";

static/src/app/app.config.ts

@@ -1,4 +1,3 @@
-
 export class AppConfig {
 
   public readonly apiUrl = '/api';

static/src/app/app.module.ts

@@ -8,7 +8,6 @@ import {SquadService} from "./services/squad-service/squad.service";
 import {SquadStore} from "./services/stores/squad.store";
 import {DecorationStore} from "./services/stores/decoration.store";
 import {DecorationService} from "./services/decoration-service/decoration.service";
-import {SquadItemComponent} from "./squads/squad-list/squad-item.component";
 import {RankStore} from "./services/stores/rank.store";
 import {RankService} from "./services/rank-service/rank.service";
 import {AppConfig} from "./app.config";
@@ -43,8 +42,7 @@ import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
   ],
   declarations: [
     AppComponent,
-    routingComponents,
-    SquadItemComponent],
+    routingComponents],
   bootstrap: [AppComponent]
 })
 export class AppModule {

static/src/app/app.routing.ts

@@ -2,7 +2,6 @@ import {RouterModule, Routes} from "@angular/router";
 import {LoginComponent} from "./login/index";
 import {NotFoundComponent} from "./common/not-found/not-found.component";
 import {LoginGuardAdmin, LoginGuardHL, LoginGuardMT, LoginGuardSQL} from "./login/login.guard";
-import {squadsRoutes, squadsRoutingComponents} from "./squads/squads.routing";
 import {armyRoutes, armyRoutingComponents} from "./army/army.routing";
 import {SignupComponent} from "./login/signup.component";
 import {RouteConfig} from "./app.config";
@@ -20,8 +19,12 @@ export const appRoutes: Routes = [
   {path: RouteConfig.request, loadChildren: './request/request.module#RequestModule'},
 
   {path: RouteConfig.userPath, loadChildren: './users/users.module#UsersModule', canActivate: [LoginGuardHL]},
-  {path: RouteConfig.squadPath, children: squadsRoutes, canActivate: [LoginGuardHL]},
-  {path: RouteConfig.decorationPath, loadChildren: './decorations/decoration.module#DecorationsModule', canActivate: [LoginGuardHL]},
+  {path: RouteConfig.squadPath, loadChildren: './squads/squads.module#SquadsModule', canActivate: [LoginGuardHL]},
+  {
+    path: RouteConfig.decorationPath,
+    loadChildren: './decorations/decoration.module#DecorationsModule',
+    canActivate: [LoginGuardHL]
+  },
   {path: RouteConfig.rankPath, loadChildren: './ranks/ranks.module#RanksModule', canActivate: [LoginGuardHL]},
 
   {path: RouteConfig.adminPanelPath, loadChildren: './admin/admin.module#AdminModule', canActivate: [LoginGuardAdmin]},
@@ -33,6 +36,6 @@ export const appRoutes: Routes = [
 
 export const appRouting = RouterModule.forRoot(appRoutes);
 
-export const routingComponents = [LoginComponent, SignupComponent, ...armyRoutingComponents, NotFoundComponent, ...squadsRoutingComponents];
+export const routingComponents = [LoginComponent, SignupComponent, ...armyRoutingComponents, NotFoundComponent];
 
 export const routingProviders = [LoginGuardSQL, LoginGuardHL, LoginGuardMT, LoginGuardAdmin];

static/src/app/army/army-member.component.ts

@@ -3,7 +3,7 @@ import {User} from "../models/model-interfaces";
 import {ActivatedRoute, Router} from "@angular/router";
 import {UserService} from "../services/user-service/user.service";
 import {Subscription} from "rxjs/Subscription";
-import {AppConfig, RouteConfig} from "../app.config";
+import {RouteConfig} from "../app.config";
 
 
 @Component({

static/src/app/army/army.component.html

@@ -16,7 +16,8 @@
           </div>
           <div class=" div-table-row" style="padding-left: 8px">
             <div *ngFor="let member of squad.members">
-              <div class="member-link text-blufor" (click)="select(member._id)">{{member.rank}} {{member.username}}</div>
+              <div class="member-link text-blufor" (click)="select(member._id)">{{member.rank}} {{member.username}}
+              </div>
             </div>
             <br>
             <br>

static/src/app/common/show-error/show-error.component.ts

@@ -1,5 +1,5 @@
-import {Component, Input, Optional} from '@angular/core';
-import {NgForm, FormGroup} from '@angular/forms';
+import {Component, Input} from '@angular/core';
+import {FormGroup, NgForm} from '@angular/forms';
 
 @Component({
   selector: 'show-error',

static/src/app/decorations/decoration-list/decoration-item.component.ts

@@ -8,7 +8,7 @@ import {Decoration} from "../../models/model-interfaces";
   styleUrls: ['./decoration-item.component.css', '../../style/list-entry.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   inputs: ['decoration', 'selected'],
-  outputs: ['decorationDelete','decorationSelected'],
+  outputs: ['decorationDelete', 'decorationSelected'],
 })
 export class DecorationItemComponent {
 

static/src/app/login/login.component.css

@@ -79,6 +79,10 @@
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }

static/src/app/login/login.guard.ts

@@ -1,5 +1,5 @@
 import {Injectable} from '@angular/core';
-import {Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot} from '@angular/router';
+import {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot} from '@angular/router';
 
 @Injectable()
 export class LoginGuardSQL implements CanActivate {

static/src/app/models/app-validators.ts

@@ -1,11 +1,6 @@
 import {Directive, forwardRef} from '@angular/core';
-import {
-  FormControl,
-  AbstractControl,
-  NG_VALIDATORS, NG_ASYNC_VALIDATORS
-} from '@angular/forms';
+import {AbstractControl, FormControl, NG_ASYNC_VALIDATORS, NG_VALIDATORS} from '@angular/forms';
 import {UserService} from "../services/user-service/user.service";
-import {Observable} from "rxjs";
 
 export function asyncIfNotBacklogThenAssignee(control): Promise<any> {
   const promise = new Promise((resolve, reject) => {

static/src/app/models/model-interfaces.ts

@@ -28,11 +28,13 @@ export interface Player {
   respawn?: number;
   flagTouch?: number;
 }
+
 export interface Campaign {
   _id?: string;
   title?: string;
   wars?: War[];
 }
+
 export interface War {
   _id?: string;
   title?: string;

static/src/app/ranks/edit-rank/edit-rank.component.ts

@@ -30,7 +30,7 @@ export class EditRankComponent {
 
   constructor(private route: ActivatedRoute,
               private router: Router,
-              private rankService : RankService) {
+              private rankService: RankService) {
   }
 
   ngOnInit() {

static/src/app/request/award/req-award.component.html

@@ -47,7 +47,7 @@
   <div class="form-group">
     <label for="reason">Begründung</label>
     <textarea class="form-control center-block" name="reason" [(ngModel)]="reason" required
-              id="reason" placeholder="Begründung eingeben..." rows="3" ></textarea>
+              id="reason" placeholder="Begründung eingeben..." rows="3"></textarea>
   </div>
 
   <button id="cancel"

static/src/app/request/confirm-promotion/confirm-promotion.component.ts

@@ -1,5 +1,4 @@
 import {Component} from "@angular/core";
-import {ActivatedRoute, Router} from "@angular/router";
 import {Promotion, Rank} from "../../models/model-interfaces";
 import {RankService} from "../../services/rank-service/rank.service";
 import {PromotionService} from "../../services/promotion-service/promotion.service";

static/src/app/services/app-user-service/app-user.service.ts

@@ -1,8 +1,7 @@
 import {Injectable} from "@angular/core";
-import {AppUser, User} from "../../models/model-interfaces";
-import {URLSearchParams} from "@angular/http";
+import {AppUser} from "../../models/model-interfaces";
 import {Observable} from "rxjs/Observable";
-import {ADD, EDIT, LOAD, REMOVE} from "../stores/user.store";
+import {EDIT, LOAD, REMOVE} from "../stores/user.store";
 import {AppConfig} from "../../app.config";
 import {HttpClient} from "../http-client";
 import {AppUserStore} from "../stores/app-user.store";

static/src/app/services/http-client.ts

@@ -1,7 +1,6 @@
 import {Injectable} from "@angular/core";
 import {Headers, Http, RequestMethod} from "@angular/http";
 import {Router} from "@angular/router";
-import {LoginService} from "./login-service/login-service";
 
 @Injectable()
 export class HttpClient {

static/src/app/services/login-service/login-service.ts

@@ -48,12 +48,12 @@ export class LoginService {
     return localStorage.getItem('currentUser') != null;
   }
 
-  hasPermission(level : number) {
+  hasPermission(level: number) {
     let currentUser = JSON.parse(localStorage.getItem('currentUser'));
     return this.isLoggedIn() && currentUser.permission >= level;
   }
 
-  getCurrentUser() :AppUser {
+  getCurrentUser(): AppUser {
     return JSON.parse(localStorage.getItem('currentUser'));
   }
 

static/src/app/services/squad-service/squad.service.ts

@@ -3,7 +3,7 @@ import {Squad} from "../../models/model-interfaces";
 import {RequestMethod, RequestOptions, URLSearchParams} from "@angular/http";
 import {Observable} from "rxjs/Observable";
 
-import {SquadStore, ADD, EDIT, LOAD, REMOVE} from "../stores/squad.store";
+import {ADD, EDIT, LOAD, REMOVE, SquadStore} from "../stores/squad.store";
 import {AppConfig} from "../../app.config";
 import {HttpClient} from "../http-client";
 
@@ -18,7 +18,7 @@ export class SquadService {
     this.squads$ = squadStore.items$;
   }
 
-  findSquads(query = '', fractionFilter='') {
+  findSquads(query = '', fractionFilter = '') {
     const searchParams = new URLSearchParams();
     searchParams.append('q', query);
     searchParams.append('fractFilter', fractionFilter);

static/src/app/services/stores/app-user.store.ts

@@ -1,5 +1,5 @@
 import {BehaviorSubject} from "rxjs/BehaviorSubject";
-import {AppUser, User} from "../../models/model-interfaces";
+import {AppUser} from "../../models/model-interfaces";
 
 export const LOAD = 'LOAD';
 export const ADD = 'ADD';

static/src/app/services/stores/generic-store.ts

@@ -7,6 +7,7 @@ export const REMOVE = 'REMOVE';
 
 
 type Id = string | number;
+
 interface Identifiable {
   id?: Id;
 }

static/src/app/services/war-service/war.service.ts

@@ -6,7 +6,7 @@ import {HttpClient} from "../http-client";
 @Injectable()
 export class WarService {
 
-  campaigns :Campaign[];
+  campaigns: Campaign[];
 
   constructor(private http: HttpClient,
               private config: AppConfig) {

static/src/app/squads/edit-squad/edit-squad.component.ts

@@ -30,7 +30,7 @@ export class EditSquadComponent {
 
   constructor(private route: ActivatedRoute,
               private router: Router,
-              private squadService : SquadService) {
+              private squadService: SquadService) {
   }
 
   ngOnInit() {

static/src/app/squads/squads.module.ts

@@ -0,0 +1,15 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from "@angular/common";
+import {SharedModule} from "../shared.module";
+import {squadRouterModule, squadsRoutingComponents} from "./squads.routing";
+import {SquadStore} from "../services/stores/squad.store";
+import {SquadService} from "../services/squad-service/squad.service";
+
+@NgModule({
+  declarations: squadsRoutingComponents,
+  imports: [CommonModule, SharedModule, squadRouterModule],
+  providers: [SquadStore, SquadService]
+})
+export class SquadsModule {
+  static routes = squadRouterModule;
+}

static/src/app/squads/squads.routing.ts

@@ -1,7 +1,9 @@
-import {Routes} from "@angular/router";
+import {RouterModule, Routes} from "@angular/router";
 import {SquadComponent} from "./squads.component";
 import {SquadListComponent} from "./squad-list/squad-list.component";
 import {EditSquadComponent} from "./edit-squad/edit-squad.component";
+import {ModuleWithProviders} from "@angular/core";
+import {SquadItemComponent} from "./squad-list/squad-item.component";
 
 export const squadsRoutes: Routes = [{
   path: '', component: SquadComponent,
@@ -23,5 +25,7 @@ export const squadsRoutes: Routes = [{
     outlet: 'right'
   }];
 
-export const squadsRoutingComponents = [SquadComponent, SquadListComponent, EditSquadComponent];
+export const squadRouterModule: ModuleWithProviders = RouterModule.forChild(squadsRoutes);
+
+export const squadsRoutingComponents = [SquadComponent, SquadItemComponent, SquadListComponent, EditSquadComponent];
 

static/src/app/statistic/war-detail/war-detail.component.ts

@@ -1,7 +1,6 @@
 import {Component} from "@angular/core";
-import {ActivatedRoute, Router} from "@angular/router";
+import {ActivatedRoute} from "@angular/router";
 import {WarService} from "../../services/war-service/war.service";
-import {LoginService} from "../../services/login-service/login-service";
 import {Player, War} from "../../models/model-interfaces";
 
 

static/src/app/statistic/war-list/war-item.component.html

@@ -6,11 +6,12 @@
         <a>{{war.title}}</a>
       </span>
       <br>
-      <small >vom {{war.date | date: 'dd.MM.yyyy'}}</small>
+      <small>vom {{war.date | date: 'dd.MM.yyyy'}}</small>
     </div>
 
     <div class="col-xs-3">
-      <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash" *ngIf="loginService.hasPermission(3)"></span>
+      <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash"
+            *ngIf="loginService.hasPermission(3)"></span>
     </div>
 
   </div>

static/src/app/style/list-entry.css

@@ -40,7 +40,7 @@ span {
 }
 
 .trash {
-  float:right;
+  float: right;
   padding-top: 18px;
   font-size: 17px;
 }

static/src/app/users/user-list/user-item.component.html

@@ -12,7 +12,8 @@
     </div>
 
     <div class="col-sm-4">
-      <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash pull-right"></span>
+      <span (click)="delete(); $event.stopPropagation()" title="Löschen"
+            class="glyphicon glyphicon-trash trash pull-right"></span>
       <span (click)="award(); $event.stopPropagation()" title="Auszeichnungen" class="icon-award pull-right"></span>
     </div>
   </div>

static/src/environments/environment.e2e.ts

@@ -1,4 +1,3 @@
-
 export const environment = {
   production: false,
   e2eMode: true

static/src/index.html

@@ -9,6 +9,6 @@
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
 <body>
-  <app-root>Loading...</app-root>
+<app-root>Loading...</app-root>
 </body>
 </html>

static/src/main.ts

@@ -1,8 +1,8 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import {enableProdMode} from '@angular/core';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
+import {AppModule} from './app/app.module';
+import {environment} from './environments/environment';
 
 
 import 'rxjs/add/observable/of';

static/src/polyfills.ts

@@ -13,11 +13,9 @@
  *
  * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
  */
-
 /***************************************************************************************************
  * BROWSER POLYFILLS
  */
-
 /** IE9, IE10 and IE11 requires all of the following polyfills. **/
 // import 'core-js/es6/symbol';
 // import 'core-js/es6/object';
@@ -32,31 +30,21 @@
 // import 'core-js/es6/regexp';
 // import 'core-js/es6/map';
 // import 'core-js/es6/set';
-
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
 // import 'classlist.js';  // Run `npm install --save classlist.js`.
-
 /** IE10 and IE11 requires the following to support `@angular/animation`. */
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
 /** Evergreen browsers require these. **/
 import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
-
-
 /** ALL Firefox browsers require the following to support `@angular/animation`. **/
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */
 import 'zone.js/dist/zone'; // Included with Angular CLI.
 
 
-
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */

static/src/styles.css

@@ -47,6 +47,7 @@ form {
   padding-right: 10px;
 
 }
+
 #right {
   overflow: hidden;
   padding-left: 4%;

static/src/test.ts

@@ -9,18 +9,16 @@ import 'zone.js/dist/fake-async-test';
 
 import 'rxjs/Rx';
 
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
+import {getTestBed} from '@angular/core/testing';
+import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@angular/platform-browser-dynamic/testing';
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
 declare var __karma__: any;
 declare var require: any;
 
 // Prevent Karma from running prematurely.
-__karma__.loaded = function () {};
+__karma__.loaded = function () {
+};
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(

static/tslint.json

@@ -12,7 +12,10 @@
     "curly": true,
     "eofline": true,
     "forin": true,
-    "import-blacklist": [true, "rxjs"],
+    "import-blacklist": [
+      true,
+      "rxjs"
+    ],
     "import-spacing": true,
     "indent": [
       true,
@@ -97,9 +100,18 @@
       "check-separator",
       "check-type"
     ],
-
-    "directive-selector": [true, "attribute", "app", "camelCase"],
-    "component-selector": [true, "element", "app", "kebab-case"],
+    "directive-selector": [
+      true,
+      "attribute",
+      "app",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "app",
+      "kebab-case"
+    ],
     "use-input-property-decorator": true,
     "use-output-property-decorator": true,
     "use-host-property-decorator": true,