sprint form code clean up

src/app/sprint-form/sprint-form.component.html

@@ -1,3 +1,5 @@
+<!--Popup form to create a new sprint-->
+
 <div class="card" style="width: 100%;">
   <div class="container">
     <div class="card-body">
@@ -9,24 +11,21 @@
         <div class="form-group">
           <label for="Title">Titel</label>
           <input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="sprint.title"
-                 id="titleField">
+            id="titleField">
         </div>
         <div class="form-group">
           <label for="date">Startdatum</label>
           <input #startDate type="Date" class="form-control" id="Date" required name="date"
-                 [value]="sprint.startDate | date: 'yyyy-MM-dd'" (change)="sprint.startDate=startDate.value"
+            [value]="sprint.startDate | date: 'yyyy-MM-dd'" (change)="sprint.startDate=startDate.value"
-                 id="startDateField">
+            id="startDateField">
         </div>
         <div class="form-group">
           <label for="Date">Enddatum</label>
           <input #endDate type="date" class="form-control" id="Date" required name="date"
-                 [value]="sprint.endDate | date: 'yyyy-MM-dd'" (change)="sprint.endDate=endDate.value"
+            [value]="sprint.endDate | date: 'yyyy-MM-dd'" (change)="sprint.endDate=endDate.value" id="endDateField">
-                 id="endDateField">
         </div>
-
         <div>
-          <button (click)="onClose()" type="dismiss" class="btn btn-secondary"
+          <button (click)="onClose()" type="dismiss" class="btn btn-secondary" data-dismiss="modal">Abbrechen
-                  data-dismiss="modal">Abbrechen
           </button>
           <button type="submit" class="btn btn-primary">Sprint starten</button>
         </div>

src/app/sprint-form/sprint-form.component.ts

@@ -1,3 +1,4 @@
+// Importing necessary components and interfaces.
 import { Component, OnInit, Input } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import {
@@ -8,25 +9,31 @@ import {
 @Component({
 	selector: 'app-task-form',
 	templateUrl: './sprint-form.component.html',
-	styleUrls: [ './sprint-form.component.css' ]
+	styleUrls: ['./sprint-form.component.css']
 })
+
+// Class implements the logic for a popup window form to create and modify sprints.
 export class SprintFormComponent implements OnInit {
 	@Input() public sprint: ScrumSprint;
 	public editing: Boolean;
 	public sprintid: string;
 
-	constructor(private backendService: BackendService, private activeModalService: NgbActiveModal) {}
+	constructor(private backendService: BackendService, private activeModalService: NgbActiveModal) { }
 
-  ngOnInit(): void {
+	// If no sprint exists a new one will be created.
-    if (this.sprint === null || this.sprint === undefined) {
+	// In other cases the sprint exists and gets modifiable.
-      this.sprint = { title: '', startDate: '', endDate: ''}; //project id missing...
+	ngOnInit(): void {
-      this.editing = false;
+		if (this.sprint === null || this.sprint === undefined) {
-    } else {
+			this.sprint = { title: '', startDate: '', endDate: '' };
-      this.editing = true;
+			this.editing = false;
-    }
+		} else {
-    document.getElementById('titleField').focus();
+			this.editing = true;
-  }
+		}
+		document.getElementById('titleField').focus();
+	}
 
+	// A new created sprint will be saved in backend (POST). 
+	// If a sprint already exists, modifying results an update (PUT) to the backend.
 	onSubmit() {
 		if (this.editing) {
 			this.backendService.putSprint(this.sprint).subscribe((response) => {
@@ -42,9 +49,11 @@ export class SprintFormComponent implements OnInit {
 				}
 			});
 		}
+		// Closes the popup window after submitting/canceling.
 		this.activeModalService.close(this.sprint);
 	}
 
+	// Closes the popup form window (by clicking "close button").
 	onClose() {
 		this.activeModalService.dismiss(this.sprint);
 	}