From b21ba7f58cd0dd055bd63e7991045f4bb48c0ae4 Mon Sep 17 00:00:00 2001 From: Michael Date: Wed, 15 Jul 2020 17:09:47 +0200 Subject: [PATCH] modified and added comments --- .../sprint-form/sprint-form.component.ts | 104 ++--- .../task-form/task-form.component.ts | 391 +++++++++-------- .../userstory-form.component.ts | 410 +++++++++--------- 3 files changed, 480 insertions(+), 425 deletions(-) diff --git a/src/app/components/sprint-form/sprint-form.component.ts b/src/app/components/sprint-form/sprint-form.component.ts index 8489d2e..632c87a 100644 --- a/src/app/components/sprint-form/sprint-form.component.ts +++ b/src/app/components/sprint-form/sprint-form.component.ts @@ -4,60 +4,62 @@ import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; import { BackendService, ScrumSprint } from '../../services/backend.service'; @Component({ - selector: 'app-task-form', - templateUrl: './sprint-form.component.html', - styleUrls: ['./sprint-form.component.css'], + selector: 'app-task-form', + templateUrl: './sprint-form.component.html', + styleUrls: [ './sprint-form.component.css' ] }) +export // Class implements the logic for a popup window form to create and modify sprints. +class SprintFormComponent implements OnInit { + @Input() public sprint: ScrumSprint; + public editing: Boolean; + public sprintId: string; -// 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 - ) {} + /** + * If no sprint exists a new one will be created. + * In other cases the sprint exists and gets modifiable. + */ + ngOnInit(): void { + if (this.sprint === null || this.sprint === undefined) { + this.sprint = { title: '', startDate: '', endDate: '' }; + this.editing = false; + } else { + this.editing = true; + } + document.getElementById('titleField').focus(); + } - // If no sprint exists a new one will be created. - // In other cases the sprint exists and gets modifiable. - ngOnInit(): void { - if (this.sprint === null || this.sprint === undefined) { - this.sprint = { title: '', startDate: '', endDate: '' }; - this.editing = false; - } else { - this.editing = true; - } - document.getElementById('titleField').focus(); - } + /** + * A new created sprint will be saved in the backend (POST). + * If a sprint already exists, modifiying results an update (PUT) to the backend. + */ + onSubmit() { + if (this.editing) { + this.backendService.putSprint(this.sprint).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } + }); + } else { + this.backendService.postSprint(this.sprint).subscribe((response) => { + console.log('Sprint gespeichert!'); + if (response.status > 399) { + alert('Fehler'); + } else { + // Copy properties returned by the API + Object.assign(this.sprint, response.body); + } + }); + } + // Closes the popup window after submitting/canceling. + this.activeModalService.close(this.sprint); + } - // 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) => { - if (response.status > 399) { - alert('Fehler'); - } - }); - } else { - this.backendService.postSprint(this.sprint).subscribe((response) => { - console.log('Sprint gespeichert!'); - if (response.status > 399) { - alert('Fehler'); - } else { - // Copy properties returned by the API - Object.assign(this.sprint, response.body); - } - }); - } - // 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); - } + /** + * Closes the popup form window (by clicking "close button"): + */ + onClose() { + this.activeModalService.dismiss(this.sprint); + } } diff --git a/src/app/components/task-form/task-form.component.ts b/src/app/components/task-form/task-form.component.ts index 04af383..e28c072 100644 --- a/src/app/components/task-form/task-form.component.ts +++ b/src/app/components/task-form/task-form.component.ts @@ -2,205 +2,234 @@ import { Component, OnInit, Input } from '@angular/core'; import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; import { - BackendService, - ScrumTask, - Priority, - ScrumStatus, - ScrumCategory, - ScrumUser, - ScrumProject, - ScrumUserstory, + BackendService, + ScrumTask, + Priority, + ScrumStatus, + ScrumCategory, + ScrumUser, + ScrumProject, + ScrumUserstory } from '../../services/backend.service'; import { Observable } from 'rxjs'; import { HttpResponse } from '@angular/common/http'; @Component({ - selector: 'app-task-form', - templateUrl: './task-form.component.html', - styleUrls: ['./task-form.component.css'], + selector: 'app-task-form', + templateUrl: './task-form.component.html', + styleUrls: [ './task-form.component.css' ] }) +export // Class implements the logic for a popup window form to create and modify tasks. +class TaskFormComponent implements OnInit { + @Input() public task: ScrumTask; + public editing: boolean; + public creating: boolean; + public userstoryId: string; + public userstories: any[] = []; + public allStatus: any[] = []; + public status: ScrumStatus = { title: '', description: '' }; + public allUser: any[] = []; + public user: ScrumUser = { name: '' }; -// Class implements the logic for a popup window form to create and modify tasks. -export class TaskFormComponent implements OnInit { - @Input() public task: ScrumTask; - public editing: boolean; - public creating: boolean; - public userstoryId: string; - public userstories: any[] = []; - public allStatus: any[] = []; - public status: ScrumStatus = { title: '', description: '' }; - public allUser: any[] = []; - public user: ScrumUser = { name: '' }; + constructor(private backendService: BackendService, private activeModalService: NgbActiveModal) { + this.getUserStories(); + this.getTaskStatus(); + this.getAllUsers(); + } - constructor( - private backendService: BackendService, - private activeModalService: NgbActiveModal - ) { - this.getUserStories(); - this.getTaskStatus(); - this.getAllUsers(); - } + /** + * If no task exists a new on will be created. + * In other cases the task exists and gets modifiable. + */ + ngOnInit(): void { + if (this.task === null || this.task === undefined) { + this.task = { title: '' }; + this.editing = false; + this.creating = false; + } else if (this.task.userstoryId) { + this.editing = true; + } else { + this.creating = true; + } + document.getElementById('titleField').focus(); + this.getRelatedStory(); + } - // If no task exists a new one will be created. - // In other cases the task exists and gets modifiable. - ngOnInit(): void { - if (this.task === null || this.task === undefined) { - this.task = { title: '' }; - this.editing = false; - this.creating = false; - } else if (this.task.userstoryId) { - this.editing = true; - } else { - this.creating = true; - } - document.getElementById('titleField').focus(); - this.getRelatedStory(); - } - // A new created task will be saved in backend (POST). - // If a task already exists, modifying results an update (PUT) to the backend. - onSubmit() { - if (this.editing) { - this.backendService.putTask(this.task).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } - }); - } else { - this.backendService.postTask(this.task).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - // Copy properties returned by the API - Object.assign(this.task, response.body); - } - }); - } - // Closes the popup window after submitting/canceling. - this.activeModalService.close(this.task); - } + /** + * A new created task will be saved in the backend (POST). + * If a task already exists, modifying results an update (PUT) to the backend. + */ + onSubmit() { + if (this.editing) { + this.backendService.putTask(this.task).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } + }); + } else { + this.backendService.postTask(this.task).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + // Copy properties returned by the API + Object.assign(this.task, response.body); + } + }); + } + // Closes the popup window after submitting/canceling. + this.activeModalService.close(this.task); + } - // Closes the popup form window (by clicking "close button"). - onClose() { - this.activeModalService.dismiss(this.task); - } + /** + * Closes the popup form window (by clicking "close button"). + */ + onClose() { + this.activeModalService.dismiss(this.task); + } - // Getting the userstory which is related to a task. - // The related story will be shown in popup window of a task. - getRelatedStory() { - if (!this.task.userstoryId) { - return null; - } - this.backendService - .getUserstory(this.task.userstoryId) - .subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.userstoryId = response.body.title; - } - }); - } + /** + * Getting the userstory which is related to a task. + * The related story will be shown in popup window of a task. + */ + getRelatedStory() { + if (!this.task.userstoryId) { + return null; + } + this.backendService.getUserstory(this.task.userstoryId).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.userstoryId = response.body.title; + } + }); + } - // Getting all userstories from backend to show in a dropdown in popup window. - getUserStories() { - this.backendService.getUserstories().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.userstories.push(...response.body); - } - }); - } + /** + * Getting all userstories from backend to show in a dropdown in popup window. + */ + getUserStories() { + this.backendService.getUserstories().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.userstories.push(...response.body); + } + }); + } - // Getting all available status from backend to list it in status-dropdown in popup window. - getTaskStatus() { - this.backendService.getAllStatus().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allStatus.push(...response.body); - } - }); - } + /** + * Getting all available status from backend to list it in status-dropdown in popup window. + */ + getTaskStatus() { + this.backendService.getAllStatus().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allStatus.push(...response.body); + } + }); + } - // If desired a new arbitrary status (such as "Waiting") can be created, which will be stored in an array. - // The new status is available to all tasks. - createTaskStatus(status: ScrumStatus) { - this.backendService.postStatus(status).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allStatus.push(response.body); - } - }); - } + /** + * If desired a new arbitrary status (such as "Waiting") can be created, which will be stored in an array. + * The new status is available to all tasks. + * @param status Scrumstatus to store in the database + */ + createTaskStatus(status: ScrumStatus) { + this.backendService.postStatus(status).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allStatus.push(response.body); + } + }); + } - // A custom status can even be deleted if not used anymore. - // This will remove the status from status-array. - deleteStatus(id: number) { - var status = this.allStatus.find((x) => x.id === id); - this.backendService.deleteStatus(status).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - const index = this.allStatus.indexOf(status); - if (index !== -1) { - this.allStatus.splice(index, 1); - } - } - this.task.statusId = null; - }); - } + // A custom status can even be deleted if not used anymore. + // This will remove the status from status-array. + /** + * A custom status can even be deleted if not used anymore. + * This will remove the status from status-array + * @param id the id of the chosen status + */ + deleteStatus(id: number) { + var status = this.allStatus.find((x) => x.id === id); + this.backendService.deleteStatus(status).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + const index = this.allStatus.indexOf(status); + if (index !== -1) { + this.allStatus.splice(index, 1); + } + } + this.task.statusId = null; + }); + } - // Getting the values of the Priority enum to be shown in a dropdown in popup window. - getAllPriorities(): Priority[] { - return Object.values(Priority); - } + /** + * Getting the value of the priority enum to be shown in a dropdown in popup window. + */ + getAllPriorities(): Priority[] { + return Object.values(Priority); + } - // necessary????????????????????????????????????????????????????? - getUserstoryTitleById(id: number): string { - if (!id) { - return null; - } - var story = this.userstories.find((x) => x.id === id); - if (!story) { - return null; - } - return story.title; - } + // necessary????????????????????????????????????????????????????? + /** + * Shows the before choosen userstory in the userstory-field in the popup window + * @param id reference to the userstory object + */ + getUserstoryTitleById(id: number): string { + if (!id) { + return null; + } + var story = this.userstories.find((x) => x.id === id); + if (!story) { + return null; + } + return story.title; + } - // Shows the before choosen status in the status-field in the popup window. - getStatusTitleById(id: number): string { - if (!id) { - return null; - } - var status = this.allStatus.find((x) => x.id === id); - if (!status) { - return null; - } - return status.title; - } + /** + * Shows the before choosen status in the status-field in the popup window. + * @param id reference to the status object + */ + getStatusTitleById(id: number): string { + if (!id) { + return null; + } + var status = this.allStatus.find((x) => x.id === id); + if (!status) { + return null; + } + return status.title; + } - // Getting all taskboard users from backend to show in a dropdown in popup window. - getAllUsers() { - this.backendService.getUsers().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allUser.push(...response.body); - } - }); - } + /** + * Getting all taskboard users from the backend to show in a dropdown in popup window. + */ + getAllUsers() { + this.backendService.getUsers().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allUser.push(...response.body); + } + }); + } - // Shows the before assigned user in the author-field in the popup window. - getAuthorById(id: number): string { - if (!id) { - return null; - } - var user = this.allUser.find((x) => x.id === id); - if (!user) { - return null; - } - return user.name; - } + /** + * Shows the before assigned user in the author-field in the popup window. + * @param id reference to the author object + */ + getAuthorById(id: number): string { + if (!id) { + return null; + } + var user = this.allUser.find((x) => x.id === id); + if (!user) { + return null; + } + return user.name; + } } diff --git a/src/app/components/userstory-form/userstory-form.component.ts b/src/app/components/userstory-form/userstory-form.component.ts index 3d74d93..a139017 100644 --- a/src/app/components/userstory-form/userstory-form.component.ts +++ b/src/app/components/userstory-form/userstory-form.component.ts @@ -1,215 +1,239 @@ // Importing necessary components and interfaces. import { Component, OnInit, Input } from '@angular/core'; import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'; -import { - BackendService, - ScrumUserstory, - Priority, -} from '../../services/backend.service'; -import { - ScrumTask, - ScrumStatus, - ScrumCategory, - ScrumUser, - ScrumProject, -} from '../../services/backend.service'; +import { BackendService, ScrumUserstory, Priority } from '../../services/backend.service'; +import { ScrumTask, ScrumStatus, ScrumCategory, ScrumUser, ScrumProject } from '../../services/backend.service'; @Component({ - selector: 'app-userstory-form', - templateUrl: './userstory-form.component.html', - styleUrls: ['./userstory-form.component.css'], + selector: 'app-userstory-form', + templateUrl: './userstory-form.component.html', + styleUrls: [ './userstory-form.component.css' ] }) +export // Class implements the logic for a popup window form to create and modify userstories. +class UserstoryFormComponent implements OnInit { + @Input() public userstory: ScrumUserstory; + public allStatus: any[] = []; + public status: ScrumStatus = { title: '', description: '' }; + public allUser: any[] = []; + public user: ScrumUser = { name: '' }; + public allCategories: any[] = []; + public category: ScrumCategory = { title: '' }; + public editing: boolean; -// Class implements the logic for a popup window form to create and modify userstories. -export class UserstoryFormComponent implements OnInit { - @Input() public userstory: ScrumUserstory; - public allStatus: any[] = []; - public status: ScrumStatus = { title: '', description: '' }; - public allUser: any[] = []; - public user: ScrumUser = { name: '' }; - public allCategories: any[] = []; - public category: ScrumCategory = { title: '' }; - public editing: boolean; + constructor(private backendService: BackendService, private activeModalService: NgbActiveModal) { + this.getUserstoryStatus(); + this.getAllUsers(); + this.getUserstoryCategory(); + } - constructor( - private backendService: BackendService, - private activeModalService: NgbActiveModal - ) { - this.getUserstoryStatus(); - this.getAllUsers(); - this.getUserstoryCategory(); - } + /** + * If no userstory exists a new one will be created. + * In other cases the userstory exists and gets modifiable. + */ + ngOnInit(): void { + if (this.userstory === null || this.userstory === undefined) { + this.userstory = { title: '' }; + this.editing = false; + } else { + this.editing = true; + } + document.getElementById('titleField').focus(); + } - // If no userstory exists a new one will be created. - // In other cases the userstory exists and gets modifiable. - ngOnInit(): void { - if (this.userstory === null || this.userstory === undefined) { - this.userstory = { title: '' }; - this.editing = false; - } else { - this.editing = true; - } - document.getElementById('titleField').focus(); - } + /** + * A new created userstory will be saved in the backend (POST). + * If a userstory already exists, modifying results an update (PUT) to the backend. + */ + onSubmit() { + if (this.editing) { + this.backendService.putUserstory(this.userstory).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } + }); + } else { + this.backendService.postUserstory(this.userstory).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + // Copy properties returned by the API + Object.assign(this.userstory, response.body); + } + }); + } + // Closes the popup window after submitting/canceling. + this.activeModalService.close(this.userstory); + } - // A new created userstory will be saved in backend (POST). - // If a userstory already exists, modifying results an update (PUT) to the backend. - onSubmit() { - if (this.editing) { - this.backendService.putUserstory(this.userstory).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } - }); - } else { - this.backendService - .postUserstory(this.userstory) - .subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - // Copy properties returned by the API - Object.assign(this.userstory, response.body); - } - }); - } - // Closes the popup window after submitting/canceling. - this.activeModalService.close(this.userstory); - } + /** + * Closes the popup form window (by clicking "close button"). + */ + onClose() { + this.activeModalService.dismiss(this.userstory); + } - // Closes the popup form window (by clicking "close button"). - onClose() { - this.activeModalService.dismiss(this.userstory); - } + /** + * Getting all available status from backend to list it in status-dropdown in popup window. + */ + getUserstoryStatus() { + this.backendService.getAllStatus().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allStatus.push(...response.body); + } + }); + } - // Getting all available status from backend to list it in status-dropdown in popup window. - getUserstoryStatus() { - this.backendService.getAllStatus().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allStatus.push(...response.body); - } - }); - } + /** + * If desired a new arbitrary status (such as "Waiting") can be created, which will be stored in an array. + * The new status is available to all userstories. + * @param status the status object which will be created + */ + createUserstoryStatus(status: ScrumStatus) { + this.backendService.postStatus(status).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allStatus.push(response.body); + } + }); + } - // If desired a new arbitrary status (such as "Waiting") can be created, which will be stored in an array. - // The new status is available to all userstories. - createUserstoryStatus(status: ScrumStatus) { - this.backendService.postStatus(status).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allStatus.push(response.body); - } - }); - } + /** + * A custom status can even be deleted if not used anymore. + * This will remove the status from status-array + * @param id reference to the deletable status object + */ + deleteStatus(id: number) { + var status = this.allStatus.find((x) => x.id === id); + this.backendService.deleteStatus(status).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + const index = this.allStatus.indexOf(status); + if (index !== -1) { + this.allStatus.splice(index, 1); + } + } + this.userstory.statusId = null; + }); + } - // A custom status can even be deleted if not used anymore. - // This will remove the status from status-array. - deleteStatus(id: number) { - var status = this.allStatus.find((x) => x.id === id); - this.backendService.deleteStatus(status).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - const index = this.allStatus.indexOf(status); - if (index !== -1) { - this.allStatus.splice(index, 1); - } - } - this.userstory.statusId = null; - }); - } + /** + * Getting the values of the Priority enum to be shown in a dropdown in popup window. + */ + getAllPriorities(): Priority[] { + return Object.values(Priority); + } - // Getting the values of the Priority enum to be shown in a dropdown in popup window. - getAllPriorities(): Priority[] { - return Object.values(Priority); - } + /** + * Shows the before choosen status in the status-field in the popup window. + * @param id reference to the status object + */ + getStatusTitleById(id: number): string { + if (!id) { + return null; + } + var status = this.allStatus.find((x) => x.id === id); + if (!status) { + return null; + } + return status.title; + } - // Shows the before choosen status in the status-field in the popup window. - getStatusTitleById(id: number): string { - if (!id) { - return null; - } - var status = this.allStatus.find((x) => x.id === id); - if (!status) { - return null; - } - return status.title; - } + /** + * Getting all taskboard users from backend to show in a dropdown in popup window. + */ + getAllUsers() { + this.backendService.getUsers().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allUser.push(...response.body); + } + }); + } - // Getting all taskboard users from backend to show in a dropdown in popup window. - getAllUsers() { - this.backendService.getUsers().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allUser.push(...response.body); - } - }); - } + /** + * Shows the before assigned user in the author-field in the popup window. + * @param id reference to the author object + */ + getAuthorById(id: number): string { + if (!id) { + return null; + } + var user = this.allUser.find((x) => x.id === id); + if (!user) { + return null; + } + return user.name; + } - // Shows the before assigned user in the author-field in the popup window. - getAuthorById(id: number): string { - if (!id) { - return null; - } - var user = this.allUser.find((x) => x.id === id); - if (!user) { - return null; - } - return user.name; - } + /** + * Getting all available categories from backend to list it in status-dropdown in popup window. + */ + getUserstoryCategory() { + this.backendService.getCategories().subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allCategories.push(...response.body); + } + }); + } - // Getting all available categories from backend to list it in status-dropdown in popup window. - getUserstoryCategory() { - this.backendService.getCategories().subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allCategories.push(...response.body); - } - }); - } + // If desired a new arbitrary category can be created, which will be stored in an array. + // The new category is available to all userstories. + /** + * If desired a new arbitrary category can be created, which will be stored in an array. + * The new category is available to all userstories. + * @param category the category object which will be created + */ + createUserstoryCategory(category: ScrumCategory) { + this.backendService.postCategory(category).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + this.allCategories.push(response.body); + } + }); + } - // If desired a new arbitrary category can be created, which will be stored in an array. - // The new category is available to all userstories. - createUserstoryCategory(category: ScrumCategory) { - this.backendService.postCategory(category).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - this.allCategories.push(response.body); - } - }); - } + // A custom category can even be deleted if not used anymore. + // This will remove the category from category-array. + /** + * A custom category can even be deleted if not used anymore. + * This will remove the category from category-array. + * @param id reference to the deletable category + */ + deleteCategory(id: number) { + var category = this.allCategories.find((x) => x.id === id); + this.backendService.deleteCategory(category).subscribe((response) => { + if (response.status > 399) { + alert('Fehler'); + } else { + const index = this.allCategories.indexOf(category); + if (index !== -1) { + this.allCategories.splice(index, 1); + } + } + this.userstory.categoryId = null; + }); + } - // A custom category can even be deleted if not used anymore. - // This will remove the category from category-array. - deleteCategory(id: number) { - var category = this.allCategories.find((x) => x.id === id); - this.backendService.deleteCategory(category).subscribe((response) => { - if (response.status > 399) { - alert('Fehler'); - } else { - const index = this.allCategories.indexOf(category); - if (index !== -1) { - this.allCategories.splice(index, 1); - } - } - this.userstory.categoryId = null; - }); - } - // Shows the before choosen category in the category-field in the popup window. - getCategoryById(id: number): string { - if (!id) { - return null; - } - var category = this.allCategories.find((x) => x.id === id); - if (!category) { - return null; - } - return category.title; - } + /** + * Shows the before choosen category in the category-field in the popup window. + * @param id reference to the category + */ + getCategoryById(id: number): string { + if (!id) { + return null; + } + var category = this.allCategories.find((x) => x.id === id); + if (!category) { + return null; + } + return category.title; + } }