add possibility to delete multiple player awardings at once (CC-23)

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

@@ -73,7 +73,9 @@
         <th class="col-sm-2">Begründung</th>
         <th class="col-sm-1 text-right">Datum</th>
         <th class="col-sm-1 text-center">Status</th>
-        <th class="col-sm-1 text-center"></th>
+        <th class="col-sm-1 text-center">
+          <span class="btn btn-default" (click)="deleteAwarding()">Löschen</span>
+        </th>
       </tr>
       </thead>
       <tbody *ngFor="let award of awards">
@@ -97,7 +99,12 @@
           {{award.confirmed === 0 ? 'In Bearbeitung' : (award.confirmed === 1 ? 'Genehmigt' : 'Abgelehnt')}}
         </td>
         <td class="text-center">
-          <span class="glyphicon glyphicon-trash trash" title="Löschen" (click)="deleteAwarding(award._id)"></span>
+          <label>
+            <input name="deleteAward"
+                   type="checkbox"
+                   value="{{award._id}}"
+                   [(ngModel)]="award.checked">
+          </label>
         </td>
       </tr>
       </tbody>

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

@@ -93,17 +93,24 @@ export class AwardUserComponent implements OnInit {
     }
   }
 
-  deleteAwarding(awardingId) {
+  deleteAwarding() {
-    this.awardingService.deleteAwarding(awardingId).subscribe((res) => {
+    const checkedAwardings = this.awards.filter(award => award['checked'] == true);
+
+    if (checkedAwardings.length > 0) {
+      checkedAwardings.forEach(awarding => {
+        this.awardingService.deleteAwarding(awarding._id).subscribe((res) => {
           this.awardingService.getUserAwardings(this.userId)
               .subscribe((awards) => {
                 this.awards = awards;
+              });
+        });
+      });
+
       this.showSuccessLabel = true;
       setTimeout(() => {
         this.showSuccessLabel = false;
-            }, 2000);
+      }, 4000);
-          });
+    }
-    });
   }
 
   cancel() {