Modify submit form to add campaign

api/routes/campaigns.js

@@ -8,6 +8,8 @@ const logger = require('debug')('cc:campaigns');
 const codes = require('./http-codes');
 
 const routerHandling = require('../middleware/router-handling');
+const apiAuthenticationMiddleware = require('../middleware/auth-middleware');
+const checkMT = require('../middleware/permission-check').checkMT;
 
 // Mongoose Model using mongoDB
 const CampaignModel = require('../models/campaign');
@@ -17,7 +19,7 @@ const campaigns = express.Router();
 // routes **********************
 campaigns.route('/')
 
-  .post((req, res, next) => {
+  .post(apiAuthenticationMiddleware, checkMT, (req, res, next) => {
     const campaign = new CampaignModel(req.body);
     // timestamp and default are set automatically by Mongoose Schema Validation
     campaign.save((err) => {
@@ -36,6 +38,26 @@ campaigns.route('/')
     routerHandling.httpMethodNotAllowed
   );
 
+campaigns.route('/:id')
+  .get((req, res, next) => {
+    CampaignModel.findById(req.params.id, (err, item) => {
+      if (err) {
+        err.status = codes.servererror;
+        return next(err);
+      }
+      else if (!item) {
+        err = new Error("item not found");
+        err.status = codes.notfound;
+        return next(err);
+      }
+      res.locals.items = item;
+      return next();
+    });
+  })
+  .all(
+    routerHandling.httpMethodNotAllowed
+  );
+
 // this middleware function can be used, if you like or remove it
 // it looks for object(s) in res.locals.items and if they exist, they are send to the client as json
 campaigns.use(routerHandling.emptyResponse);

api/server.js

@@ -15,7 +15,6 @@ const urls = require('./config/api-url');
 const restAPIchecks = require('./middleware/request-checks.js');
 const errorResponseWare = require('./middleware/error-response');
 const apiAuthenticationMiddleware = require('./middleware/auth-middleware');
-const checkMT = require('./middleware/permission-check').checkMT;
 const checkAdmin = require('./middleware/permission-check').checkAdmin;
 const signatureCronJob = require('./cron-job/cron').cronJobSignature;
 const backupCronJob = require('./cron-job/cron').cronJobBackup;
@@ -81,7 +80,7 @@ app.use(urls.decorations, decorationRouter);
 app.use(urls.request, requestRouter);
 app.use(urls.awards, awardingRouter);
 app.use(urls.wars, warRouter);
-app.use(urls.campaigns, apiAuthenticationMiddleware, checkMT, campaignRouter);
+app.use(urls.campaigns,campaignRouter);
 app.use(urls.command, apiAuthenticationMiddleware, checkAdmin, commandRouter);
 app.use(urls.account, apiAuthenticationMiddleware, checkAdmin, accountRouter);
 

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

@@ -1,7 +1,7 @@
 <div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">
 
   <div class="row">
-    <div class="col-xs-9">
+    <div class="col-xs-8">
       <span>
         <a>{{decoration.name}}</a>
       </span>
@@ -12,7 +12,7 @@
       <small> - Sortierung: {{decoration.sortingNumber}}</small>
     </div>
 
-    <div class="col-xs-3">
+    <div class="col-xs-4">
       <img src="{{imageSrc}}"
            [style.max-height]="imgStyle.height"
            [style.max-width]="imgStyle.width"

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

@@ -41,7 +41,8 @@ export interface War {
   ptOpfor?: number;
   playersBlufor?: number;
   playersOpfor?: number;
-  players: Player[];
+  players?: Player[];
+  campaign?: string;
 }
 
 export interface Squad {

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

@@ -1,7 +1,7 @@
 <div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">
 
   <div class="row">
-    <div class="col-xs-9">
+    <div class="col-xs-8">
       <span>
         <a>{{rank.name}}</a>
       </span>
@@ -11,7 +11,7 @@
       <small> - Stufe {{rank.level}}</small>
     </div>
 
-    <div class="col-xs-3">
+    <div class="col-xs-4">
       <img src="{{imageSrc}}" class="rank-list-preview">
       <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash"></span>
     </div>

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

@@ -1,7 +1,7 @@
 <div class="fade-in list-entry" [ngClass]="{selected : selected}" (click)="select()">
 
   <div class="row">
-    <div class="col-xs-9">
+    <div class="col-xs-8">
       <span>
         <a>{{squad.name}}</a>
       </span>
@@ -10,7 +10,7 @@
       <small *ngIf="squad.fraction == 'BLUFOR'">NATO</small>
     </div>
 
-    <div class="col-xs-3">
+    <div class="col-xs-4">
       <img src="{{imageSrc}}" height="50px"  class="squad-list-preview">
       <span (click)="delete(); $event.stopPropagation()" title="Löschen" class="glyphicon glyphicon-trash trash"></span>
     </div>

static/src/app/statistic/overview/stats-overview.component.css

@@ -1,9 +1,3 @@
-h3 {
-  width: 920px;
-  margin-left: 5%;
-}
-
 .chart-container {
   width: 1200px;
-  margin-left: 5%;
 }

static/src/app/statistic/overview/stats-overview.component.html

@@ -1,3 +1,5 @@
+<h2>{{title}}</h2>
+
 <h3>Punkte</h3>
 
 <div class="chart-container">

static/src/app/statistic/overview/stats-overview.component.ts

@@ -13,6 +13,8 @@ import {ActivatedRoute} from "@angular/router";
 })
 export class StatisticOverviewComponent {
 
+  title = "";
+
   pointData: any[] = [];
   playerData: any[] = [];
 
@@ -44,6 +46,11 @@ export class StatisticOverviewComponent {
     let itemsProcessed = 0;
     campaigns = campaigns.filter(campaign => id === 'all' || campaign._id === id);
     campaigns.forEach(campaign => {
+      if (id === 'all') {
+        this.title = "Gesamtübersicht"
+      } else {
+        this.title = campaign.title
+      }
       wars = wars.concat(campaign.wars);
       itemsProcessed++;
       if (itemsProcessed === campaigns.length) {

static/src/app/statistic/stats.component.css

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

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

@@ -1,6 +1,6 @@
 <div class="overview" xmlns="http://www.w3.org/1999/html">
 
-  <div style="margin-left: 2%; min-height: 263px;">
+  <div style="min-height: 263px;">
     <h2>{{war.title}} - vom {{war.date | date: 'dd.MM.yyyy'}}</h2>
     <h3 class="pull-left">
       <h4>Endpunktestand:</h4>
@@ -9,7 +9,7 @@
       <span class="text-opfor" style="font-weight: bold; margin-left: 10px;">{{war.ptOpfor}} CSAT</span>
     </h3>
 
-    <h3 class="pull-left" style="padding-left: 6%;">
+    <h3 class="pull-left">
       <h4>Teilnehmer:</h4>
       <ngx-charts-pie-chart
         [view]="[150, 150]"
@@ -23,7 +23,7 @@
       </ngx-charts-pie-chart>
     </h3>
 
-    <div style="margin-left: 600px; margin-top:1%">
+    <div style="margin-top:1%">
       <a class="btn btn-default" style="margin: 20px" target="_blank" href="resource/logs/{{war._id}}/clean.log">Logfile
         anzeigen</a>
       <form class="form-group">
@@ -50,7 +50,7 @@
     </div>
   </div>
 
-  <div class="pull-left" style="margin-left: 2%">
+  <div class="pull-left" >
     <div class="table-container scoreboard-table-container">
       <table class="table table-hover" [mfData]="players" #mf="mfDataTable" [(mfSortBy)]="sortBy"
              [(mfSortOrder)]="sortOrder">

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

@@ -5,7 +5,7 @@
     </a>
   </div>
 
-  <div class="fade-in list-entry" style="margin-top: 30px; margin-bottom: 30px;"
+  <div class="fade-in list-entry" style="margin-top: 20px; margin-bottom: 20px;"
        [ngClass]="{selected : selectedWarId == 'all'}" (click)="selectOverview('all')">
     <div class="row">
       <div class="col-xs-9">

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

@@ -42,6 +42,19 @@
     <show-error text="Punkte CSAT" path="ptopf"></show-error>
   </div>
 
+  <div class="form-group">
+    <label for="campaign">Kampagne</label>
+    <select class="form-control"
+            name="campaign"
+            id="campaign"
+            [(ngModel)]="war.campaign"
+            required>
+      <option *ngFor="let campaign of warService.campaigns" [ngValue]="campaign._id">
+        {{campaign.title}}
+      </option>
+    </select>
+  </div>
+
   <div class="form-group">
     <label for="log">Logfile</label>
     <input id="log" name="log" class="ui-button form-control" type="file"

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

@@ -13,6 +13,7 @@ label {
 .overview {
   position: fixed;
   width: 25%;
+  min-width: 500px;
   border-left: thin solid lightgrey;
   padding-left: 50px;
   padding-top: 20px;

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

@@ -1,7 +1,7 @@
 <div class="fade-in user-list-entry" [ngClass]="{selected : selected}" (click)="select()">
 
   <div class="row">
-    <div class="col-sm-9">
+    <div class="col-sm-8">
       <span>
         <a>{{user.username}}</a>
       </span>
@@ -11,7 +11,7 @@
       <small *ngIf="!user.squad">ohne Squad/Fraktion</small>
     </div>
 
-    <div class="col-sm-3">
+    <div class="col-sm-4">
       <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>

static/src/styles.css

@@ -41,17 +41,13 @@ form {
 
 #left {
   width: 20%;
-  min-width: 280px;
+  min-width: 350px;
   max-width: 450px;
   float: left;
   padding-right: 10px;
+
 }
 #right {
-  overflow: hidden
-}
-
-.chat-button {
-  position: absolute;
-  bottom: 0px;
-  right: 10px;
+  overflow: hidden;
+  padding-left: 4%;
 }