adjust design army overview & stats

static/src/app/app.component.css

@@ -22,3 +22,9 @@ li {
   float: left;
   width: calc(100% - 400px);
 }
+
+.scrollable-menu {
+  height: auto;
+  max-height: 200px;
+  overflow-x: hidden;
+}

static/src/app/app.component.html

@@ -27,7 +27,7 @@
               Schlacht Statistik
               <span class="caret"></span>
             </a>
-            <ul class="dropdown-menu">
+            <ul class="dropdown-menu scrollable-menu">
               <li *ngFor="let war of wars">
                 <a [routerLink]="['/cc-wars/' + war._id]">{{war.title}} <small>{{war.date | date: 'dd.MM.yy'}}</small></a>
               </li>
@@ -45,7 +45,7 @@
           <li *ngIf="loginService.hasPermission(2)" routerLinkActive="active">
             <a routerLink='/cc-ranks' class="link">Ränge</a>
           </li>
-          <li *ngIf="loginService.hasPermission(1) && !loginService.hasPermission(2)" class="dropdown">
+          <li *ngIf="loginService.hasPermission(1) && !loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">
               Beantragen
@@ -60,7 +60,7 @@
               </li>
             </ul>
           </li>
-          <li *ngIf="loginService.hasPermission(2)" class="dropdown">
+          <li *ngIf="loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                aria-expanded="false">
               Anträge

static/src/app/army/army.component.css

@@ -1,15 +1,14 @@
 h1 {
   width: 920px;
-  float: left;
   margin-bottom: 50px;
+  margin-left: 25%
 }
 
-img{
+img {
   margin-top: 10px;
   padding-right: 30px;
 }
 
-
 .div-table {
   display: table;
   border-radius: 10px;

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

@@ -1,6 +1,6 @@
 <h1>Übersicht über alle Spieler, Squads und Armeen</h1>
 
-<div style="width: 1000px;">
+<div style="width: 1900px; margin-left: 25%">
 
   <div class="div-table" style="width: 490px; float:left">
     <h3 class="text-blufor army-head">NATO</h3>
@@ -30,7 +30,7 @@
     <div style="padding-left: 80px">Armeemitglieder: {{army.NATO.memberCount}}</div>
   </div>
 
-  <div class="div-table" style="width: 490px; float:right">
+  <div class="div-table" style="width: 540px; padding-left: 50px">
     <h3 class="text-opfor army-head">CSAT</h3>
     <div *ngFor="let squad of army.CSAT.squads" style="outline:1px solid #D4D4D4;">
       <div class="div-table-row">

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

@@ -45,4 +45,9 @@ export class LoginService {
     return this.isLoggedIn() && currentUser.permission >= level;
   }
 
+  hasSquad() {
+    let currentUser = JSON.parse(localStorage.getItem('currentUser'));
+    return currentUser.squad != null;
+  }
+
 }

static/src/app/wars/war-detail.component.css

@@ -19,6 +19,12 @@
   table-layout: fixed;
 }
 
+.scoreboard-table-container {
+  min-width: 920px;
+  max-width: 920px;
+  margin-left: 5%
+}
+
 .table-container {
   margin-top: 10px;
   overflow-x: auto;

static/src/app/wars/war-detail.component.html

@@ -9,7 +9,7 @@
       <span class="text-opfor" style="font-weight: bold; margin-left: 10px;">{{war.ptOpfor}} CSAT</span>
     </h3>
 
-    <div style="margin-left: 50%; margin-top:1%">
+    <div style="margin-left: 500px; margin-top:1%">
       <a class="btn btn-default btn-" style="margin: 20px" target="_blank" href="resource/logs/{{war._id}}/clean.log">Logfile
         anzeigen</a>
       <form class="form-group">
@@ -37,7 +37,7 @@
   </div>
 
   <div class="pull-left" style="margin-top:20px;">
-    <div class="table-container" style="width: 75%; min-width: 500px">
+    <div class="table-container scoreboard-table-container">
       <table class="table table-hover" [mfData]="players" #mf="mfDataTable" [(mfSortBy)]="sortBy"
              [(mfSortOrder)]="sortOrder">
         <thead>