Rework left outlet css

api/package.json

@@ -11,20 +11,20 @@
     "e2e": "NODE_ENV=test node server.js"
   },
   "dependencies": {
-    "async": "^2.4.0",
+    "async": "^2.5.0",
     "bcryptjs": "^2.4.3",
     "body-parser": "~1.13.2",
-    "cors": "^2.8.3",
+    "cors": "^2.8.4",
-    "cron": "^1.2.1",
+    "cron": "^1.3.0",
     "debug": "~2.2.0",
     "express": "^4.16.1",
     "imagemin": "^5.2.2",
     "imagemin-pngquant": "^5.0.0",
     "jimp": "^0.2.27",
-    "jsonwebtoken": "^7.4.0",
+    "jsonwebtoken": "^7.4.3",
     "lodash": "^4.17.4",
     "mkdirp": "^0.5.1",
-    "mongoose": "^4.11.4",
+    "mongoose": "^4.12.0",
     "morgan": "~1.6.1",
     "multer": "^1.3.0",
     "node-sha1": "^1.0.1",
@@ -34,7 +34,7 @@
   "devDependencies": {
     "chai": "^3.5.0",
     "chai-http": "^3.0.0",
-    "mocha": "^3.3.0",
+    "mocha": "^3.5.3",
-    "nodemon": "^1.11.0"
+    "nodemon": "^1.12.1"
   }
 }

package.json

@@ -16,7 +16,7 @@
     "test-e2e": "npm run e2e --prefix ./static"
   },
   "dependencies": {
-    "uglify-js": "^3.0.26"
+    "uglify-js": "^3.1.3"
   },
   "devDependencies": {
     "concurrently": "^3.4.0",

static/package.json

@@ -11,37 +11,37 @@
     "e2e": "ng e2e --serve=false"
   },
   "dependencies": {
-    "@angular/animations": "^4.3.2",
+    "@angular/animations": "^4.4.4",
-    "@angular/cli": "^1.4.0-rc.2",
+    "@angular/cli": "^1.4.5",
-    "@angular/common": "^4.3.2",
+    "@angular/common": "^4.4.4",
-    "@angular/compiler": "^4.3.2",
+    "@angular/compiler": "^4.4.4",
-    "@angular/compiler-cli": "^4.3.2",
+    "@angular/compiler-cli": "^4.4.4",
-    "@angular/core": "^4.3.2",
+    "@angular/core": "^4.4.4",
-    "@angular/forms": "^4.3.2",
+    "@angular/forms": "^4.4.4",
-    "@angular/http": "^4.3.2",
+    "@angular/http": "^4.4.4",
-    "@angular/platform-browser": "^4.3.2",
+    "@angular/platform-browser": "^4.4.4",
-    "@angular/platform-browser-dynamic": "^4.3.2",
+    "@angular/platform-browser-dynamic": "^4.4.4",
-    "@angular/router": "^4.3.2",
+    "@angular/router": "^4.4.4",
     "@swimlane/ngx-charts": "^6.0.2",
     "@swimlane/ngx-datatable": "^10.2.3",
     "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
-    "d3": "^4.10.0",
+    "d3": "^4.11.0",
     "jquery": "^3.1.0",
     "jquery-ui": "^1.12.0",
     "jquery-ui-bundle": "^1.11.4",
-    "ngx-bootstrap": "^1.8.1",
+    "ngx-bootstrap": "^1.9.3",
-    "ngx-clipboard": "^8.0.2",
+    "ngx-clipboard": "^8.1.0",
     "ngx-cookie-service": "^1.0.9",
     "rxjs": "^5.2.0",
     "ts-helpers": "^1.1.1",
-    "typescript": "^2.3.2",
+    "typescript": "^2.5.3",
-    "webpack": "^3.5.5",
+    "webpack": "^3.6.0",
-    "zone.js": "^0.8.5"
+    "zone.js": "^0.8.18"
   },
   "devDependencies": {
     "@types/jasmine": "2.5.38",
-    "@types/node": "~6.0.60",
+    "@types/node": "^6.0.89",
     "codelyzer": "~2.0.0-beta.1",
     "jasmine-core": "^2.5.2",
     "jasmine-spec-reporter": "^3.2.0",

static/src/app/app.component.html

@@ -86,7 +86,7 @@
   </nav>
 
 </div>
-<div class="content">
+<div>
   <span *ngIf="loading" class="load-indicator load-arrow glyphicon-refresh-animate"></span>
   <div id="left">
     <router-outlet></router-outlet>

static/src/app/app.routing.ts

@@ -1,7 +1,7 @@
 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 {LoginGuardAdmin, LoginGuardHL} from "./login/login.guard";
 import {armyRoutes, armyRoutingComponents} from "./army/army.routing";
 import {SignupComponent} from "./login/signup.component";
 import {RouteConfig} from "./app.config";

static/src/app/decorations/decoration-list/decoration-list.component.css

@@ -1,8 +0,0 @@
-.search-bar {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.decoration-list {
-  width: 100%;
-}

static/src/app/decorations/decoration-list/decoration-list.component.html

@@ -1,7 +1,5 @@
-<div class="decoration-list">
+<div class="select-list">
-  <h2>Übersicht</h2>
+  <div class="input-group list-header pull-left">
-  <div class="input-group search-bar" style="padding-bottom: 5px; width:100%">
-    <form class="pull-left form-group">
     <label class="radio-inline">
       <input type="radio" name="fractSelect"
              [checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
@@ -27,14 +25,12 @@
              #fractRadioGlobal
              (change)="filterSquadsByFraction(query.value, fractRadioGlobal.value)">Global
     </label>
-
-    </form>
     <a class="pull-right btn btn-success" (click)="openNewSquadForm()">
-      Neue Auszeichnung hinzufügen
+      Auszeichnung hinzufügen
     </a>
   </div>
 
-  <div class="input-group search-bar" style="padding-top: 0;">
+  <div class="input-group list-header">
     <input id="search-tasks"
            type="text" #query class="form-control"
            (keyup.enter)="findSquads(query.value)"

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

@@ -10,7 +10,7 @@ import {DecorationService} from "../../services/decoration-service/decoration.se
 @Component({
   selector: 'decoration-list',
   templateUrl: './decoration-list.component.html',
-  styleUrls: ['./decoration-list.component.css']
+  styleUrls: ['./decoration-list.component.css', '../../style/select-list.css']
 })
 export class DecorationListComponent implements OnInit {
 

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

@@ -1,6 +1,5 @@
 import {Injectable} from '@angular/core';
 import {ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot} from '@angular/router';
-import {CookieService} from "ngx-cookie-service";
 import {LoginService} from "../services/login-service/login-service";
 
 @Injectable()
@@ -11,7 +10,7 @@ export class LoginGuardSQL implements CanActivate {
   }
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if(this.loginService.hasPermission(1)) {
+    if (this.loginService.hasPermission(1)) {
       return true;
     }
     // not logged in so redirect to login page with the return url
@@ -28,7 +27,7 @@ export class LoginGuardHL implements CanActivate {
   }
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if(this.loginService.hasPermission(2)) {
+    if (this.loginService.hasPermission(2)) {
       return true;
     }
     // not logged in so redirect to login page with the return url
@@ -45,7 +44,7 @@ export class LoginGuardMT implements CanActivate {
   }
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if(this.loginService.hasPermission(3)) {
+    if (this.loginService.hasPermission(3)) {
       return true;
     }
     // not logged in so redirect to login page with the return url
@@ -62,7 +61,7 @@ export class LoginGuardAdmin implements CanActivate {
   }
 
   canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
-    if(this.loginService.hasPermission(4)) {
+    if (this.loginService.hasPermission(4)) {
       return true;
     }
     // not logged in so redirect to login page with the return url

static/src/app/ranks/rank-list/rank-list.component.css

@@ -1,8 +0,0 @@
-.search-bar {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.rank-list {
-  width: 100%;
-}

static/src/app/ranks/rank-list/rank-list.component.html

@@ -1,7 +1,6 @@
-<div class="rank-list">
+<div class="select-list">
-  <h2>Übersicht</h2>
+  <div class="input-group list-header">
-  <div class="input-group search-bar" style="padding-bottom: 5px; width:100%">
+    <form class="pull-left">
-    <form class="pull-left form-group">
       <label class="radio-inline">
         <input type="radio" name="fractSelect"
                [checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
@@ -22,11 +21,11 @@
       </label>
     </form>
     <a class="pull-right btn btn-success" (click)="openNewRankForm()">
-      Neuen Rang hinzufügen
+      Rang hinzufügen
     </a>
   </div>
 
-  <div class="input-group search-bar" style="padding-top: 0;">
+  <div class="input-group list-header">
     <input id="search-tasks"
            type="text" #query class="form-control"
            (keyup.enter)="findRanks(query.value)"

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

@@ -10,7 +10,7 @@ import {RankService} from "../../services/rank-service/rank.service";
 @Component({
   selector: 'rank-list',
   templateUrl: './rank-list.component.html',
-  styleUrls: ['./rank-list.component.css']
+  styleUrls: ['./rank-list.component.css', '../../style/select-list.css']
 })
 export class RankListComponent implements OnInit {
 

static/src/app/ranks/ranks.component.css

@@ -1,9 +0,0 @@
-#left {
-  width: 320px;
-  float: left;
-  padding-right: 10px;
-}
-
-#right {
-  overflow: hidden
-}

static/src/app/request/request.module.ts

@@ -8,8 +8,6 @@ import {ConfirmAwardComponent} from "./confirm-award/confirm-award.component";
 import {ConfirmPromotionComponent} from "./confirm-promotion/confirm-promotion.component";
 import {RequestAwardComponent} from "./award/req-award.component";
 import {RequestPromotionComponent} from "./promotion/req-promotion.component";
-import {UserService} from "../services/user-service/user.service";
-import {UserStore} from "../services/stores/user.store";
 
 @NgModule({
   declarations: [RequestComponent, RequestPromotionComponent, RequestAwardComponent, ConfirmPromotionComponent,

static/src/app/squads/squad-list/squad-list.component.html

@@ -1,7 +1,5 @@
-<div class="squad-list">
+<div class="select-list">
-  <h2>Übersicht</h2>
+  <div class="input-group list-header pull-left">
-  <div class="input-group search-bar" style="padding-bottom: 5px; width:100%">
-    <form class="pull-left form-group">
     <label class="radio-inline">
       <input type="radio" name="fractSelect"
              [checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
@@ -20,9 +18,8 @@
              #fractRadioOpfor
              (change)="filterSquadsByFraction(query.value, fractRadioOpfor.value)">CSAT
     </label>
-    </form>
     <a class="pull-right btn btn-success" (click)="openNewSquadForm()">
-      Neues Squad hinzufügen
+      Squad hinzufügen
     </a>
   </div>
 

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

@@ -10,7 +10,7 @@ import {SquadService} from "../../services/squad-service/squad.service";
 @Component({
   selector: 'squad-list',
   templateUrl: './squad-list.component.html',
-  styleUrls: ['./squad-list.component.css']
+  styleUrls: ['./squad-list.component.css', '../../style/select-list.css']
 })
 export class SquadListComponent implements OnInit {
 

static/src/app/squads/squads.component.css

@@ -1,9 +0,0 @@
-#left {
-  width: 320px;
-  float: left;
-  padding-right: 10px;
-}
-
-#right {
-  overflow: hidden
-}

static/src/app/statistic/war-list/war-list.component.css

@@ -1,7 +1,3 @@
-.war-list {
-  padding-top: 30px;
-}
-
 :host /deep/ .card-header {
   background-color: rgba(34, 34, 34, 0.80);
   cursor: pointer;

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

@@ -1,5 +1,5 @@
-<div class="war-list">
+<div class="select-list">
-  <div class="input-group search-bar" style="margin-bottom:12px; width:100%;" *ngIf="loginService.hasPermission(3)">
+  <div class="input-group list-header" *ngIf="loginService.hasPermission(3)">
     <a class="pull-left btn btn-success" (click)="selectNewWar()">
       Schlacht hinzufügen
     </a>

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

@@ -8,7 +8,7 @@ import {CampaignService} from "../../services/campaign-service/campaign.service"
 @Component({
   selector: 'war-list',
   templateUrl: './war-list.component.html',
-  styleUrls: ['./war-list.component.css', '../../style/list-entry.css']
+  styleUrls: ['./war-list.component.css', '../../style/list-entry.css', '../../style/select-list.css']
 })
 export class WarListComponent implements OnInit {
 

static/src/app/style/load-indicator.css

@@ -1,9 +1,10 @@
 .load-indicator {
-  position:absolute;
+  position: absolute;
-  top:50%;
+  top: 50%;
-  left:50%;
+  left: 50%;
-  transform:translate(-50%, -50%);
+  transform: translate(-50%, -50%);
-  width:50%;
+  width: 50%;
+  z-index: 1;
 }
 
 .load-arrow {

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

@@ -0,0 +1,8 @@
+.select-list {
+  padding: 20px 2% 0 5%;
+}
+
+.list-header {
+  width: 100%;
+  padding-bottom: 20px;
+}

static/src/app/users/user-list/user-list.component.css

@@ -1,18 +0,0 @@
-.search-bar {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.user-list {
-  width: 100%;
-}
-
-.fraction-blufor {
-  color: mediumblue;
-  font-weight: bold;
-}
-
-.fraction-opfor {
-  color: red;
-  font-weight: bold;
-}

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

@@ -1,7 +1,5 @@
-<div class="user-list">
+<div class="select-list">
-  <h2>Übersicht</h2>
+  <div class="input-group list-header pull-left">
-  <div class="input-group search-bar" style="padding-bottom: 5px; width:100%">
-    <form class="pull-left form-group">
     <label class="radio-inline">
       <input type="radio" name="fractSelect"
              [checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
@@ -27,13 +25,12 @@
              #fractRadioUnassigned
              (change)="filterUsersByFraction(query.value, fractRadioUnassigned.value)">Ohne Squad
     </label>
-    </form>
     <a class="pull-right btn btn-success" (click)="openNewUserForm()">
-      Neuen Teilnehmer hinzufügen
+      Teilnehmer hinzufügen
     </a>
   </div>
 
-  <div class="input-group search-bar" style="padding-top: 0;">
+  <div class="input-group list-header">
     <input id="search-tasks"
            type="text" #query class="form-control"
            (keyup.enter)="findUsers(query.value)"

static/src/app/users/user-list/user-list.component.ts

@@ -10,7 +10,7 @@ import {User} from "../../models/model-interfaces";
 @Component({
   selector: 'squad-list',
   templateUrl: './user-list.component.html',
-  styleUrls: ['./user-list.component.css']
+  styleUrls: ['./user-list.component.css', '../../style/select-list.css']
 })
 export class UserListComponent implements OnInit {
 

static/src/app/users/users.module.ts

@@ -1,7 +1,5 @@
 import {NgModule} from '@angular/core';
 import {routes, usersRoutingComponents} from './users.routing';
-import {UserStore} from "../services/stores/user.store";
-import {UserService} from "../services/user-service/user.service";
 import {CommonModule} from "@angular/common";
 import {SharedModule} from "../shared.module";
 

static/src/app/utils/chart-utils.ts

@@ -1,6 +1,6 @@
 export class ChartUtils {
 
-  public static getShortDateString(date) : string {
+  public static getShortDateString(date): string {
     const isoDate = date.slice(0, 10);
     const dayDate = parseInt(isoDate.slice(8, 10)) + 1;
     return (dayDate < 10 ? "0" + dayDate : dayDate) + '.'

static/src/styles.css

@@ -1,7 +1,5 @@
 body {
-  padding-left: 20px;
   padding-top: 50px;
-
 }
 
 .tabs-container {
@@ -44,11 +42,8 @@ form {
   min-width: 350px;
   max-width: 450px;
   float: left;
-  padding-right: 10px;
-
 }
 
 #right {
   overflow: hidden;
-  padding-left: 4%;
 }