\n \n ![\"\"](\"../../../assets/img/logo.png\")
\n \n\n \n \n
\n \n\n \n\n \n \n \n \n
\n","import {Component, Inject, OnInit} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ToastrService} from 'ngx-toastr';\nimport {FormBuilder, Validators} from '@angular/forms';\nimport {TaskService} from '../../../shared/services/task.service';\nimport {GlobalFunctionsService} from '../../../shared/services/globalFunctions.service';\nimport {CustomValidators} from '../../../shared/services/custom.validators';\nimport {TaskStatusService} from '../../../shared/services/taskStatus.service';\nimport {TaskStatus} from '../../../shared/models/taskStatus';\nimport {DatePipe} from '@angular/common';\nimport {Customer} from '../../../shared/models/customer';\nimport {MatTableDataSource} from '@angular/material/table';\nimport {CustomerBoxType} from '../../../shared/models/customerBoxType';\nimport {CustomerService} from '../../../shared/services/customer.service';\nimport {DialogService} from '../../../shared/dialogs/dialog.service';\nimport {Sms} from '../../../shared/models/notification/sms';\nimport {SmsRecipients} from '../../../shared/models/notification/smsRecipients';\nimport {MailRecipients} from '../../../shared/models/mail/mailNotification/mailRecipients';\nimport {Mail} from '../../../shared/models/mail/mailNotification/mail';\nimport {NgxSpinnerService} from 'ngx-spinner';\nimport {NotificationService} from '../../../shared/models/notification.service';\nimport {TaskCustomerBoxType} from '../../../shared/models/taskCustomerBoxType';\nimport {Task} from 'src/app/shared/models/task';\n\n@Component({\n selector: 'task',\n templateUrl: 'task.component.html',\n styleUrls: ['./task.component.scss']\n})\n\nexport class TaskComponent implements OnInit {\n constructor(public taskService: TaskService, private fb: FormBuilder, private spinner: NgxSpinnerService,\n private toastrService: ToastrService, private taskStatusService: TaskStatusService, public notificationService: NotificationService,\n public globalFunctionsService: GlobalFunctionsService, private datePipe: DatePipe, public customerService: CustomerService,\n public dialogRef: MatDialogRef\n \n \n \n \n \n
\n\n\n \n \n Title \n {{element.title}} \n \n \n Status \n {{element.taskStatus.name}} \n \n \n Kategori \n {{element.type}} \n \n \n Dato fejlmeldt \n {{element.error | danishDate: false}} \n \n \n Dato løst \n {{element.solved | danishDate: false}} \n \n \n Oprettet/redigeret \n {{element.modifiedOn| danishDate: true}} \n \n \n Medarbejder \n {{globalFunctionsService.findEmployeeNameFromId(element.modifiedBy)}}\n \n \n \n \n \n \n \n \n \n \n Indlæser data...\n \n \n \n \n Ingen data...\n \n \n \n
\n","import {Component, OnInit, ViewChild} from '@angular/core';\nimport {FormBuilder} from '@angular/forms';\nimport {ToastrService} from 'ngx-toastr';\nimport {MatPaginator} from '@angular/material/paginator';\nimport {MatSort} from '@angular/material/sort';\nimport {MatTableDataSource} from '@angular/material/table';\nimport {MatDialog} from '@angular/material/dialog';\nimport {DialogService} from '../../../shared/dialogs/dialog.service';\nimport {Task} from 'src/app/shared/models/task';\nimport {GlobalFunctionsService} from '../../../shared/services/globalFunctions.service';\nimport {TaskService} from '../../../shared/services/task.service';\nimport {TaskComponent} from '../task/task.component';\nimport {EmployeeService} from \"../../../shared/services/employee.service\";\n\n@Component({\n selector: 'taskView',\n templateUrl: 'taskView.component.html',\n styleUrls: ['./taskView.component.scss']\n})\n\nexport class TaskViewComponent implements OnInit {\n constructor(public taskService: TaskService, private fb: FormBuilder, private toastrService: ToastrService,\n public globalFunctionsService: GlobalFunctionsService, private dialog: MatDialog,\n private dialogSrv: DialogService, public employeeService: EmployeeService) {\n }\n\n listData: MatTableDataSource\n
\n\n
\nDRIFT STATUS
\n\n
\n\n\n\n\n
\n \n
\n\n
\n \n
\n\n STATUS
\n Titel
\n Kategori
\n DATO FEJLMELDT
\n DATO LØST
\n OPRETTET/REDIGERET
\n \n \n \n
\n \n \n \n \n \n
\n {{task.title}}
\n \n \n {{taskCustomerBoxType.customerBoxType.name}}\n \n
\n {{task.error | danishDate: false}}
{{task.solved | danishDate: false}}
{{task.modifiedOn | danishDate}}
\n
\n {{task.description}}
\n\n
\n","import {Component, OnInit} from '@angular/core';\nimport {TaskPublicService} from '../../shared/services/taskPublic.service';\nimport { Loader } from '@googlemaps/js-api-loader';\n\n@Component({\n selector: 'index',\n templateUrl: 'index.component.html',\n styleUrls: ['./index.component.scss']\n})\n\nexport class IndexComponent implements OnInit {\n constructor(private taskPublicService: TaskPublicService) {\n }\n\n public tasks = [];\n public open;\n public map: google.maps.Map;\n\n ngOnInit(): void {\n this.taskPublicService.get().subscribe((res) => {\n this.tasks = res;\n });\n\n const loader = new Loader({\n apiKey: 'AIzaSyBidVHCAy2qvdaA3C2Al4GrNmku4Qunkew',\n version: 'weekly',\n });\n\n loader.load().then(() => {\n this.initMap();\n });\n }\n\n toggleTask(task: any) {\n if (this.open === task.taskId) {\n this.open = undefined;\n } else {\n this.open = task.taskId;\n }\n }\n\n\n\n initMap(): void {\n this.map = new google.maps.Map(\n document.getElementById('map') as HTMLElement,\n {\n zoom: 8,\n center: { lat: 55.432800, lng: 11.807050},\n gestureHandling: 'greedy',\n }\n );\n // The locations\n const locations = [\n { lat: 55.432800, lng: 11.807050 },\n { lat: 55.230360, lng: 11.758280 },\n ];\n\n const image = '../../../assets/img/Google-Maps-Pointer-skaleret-1.png';\n\n // Add some markers to the map.\n // Note: The code uses the JavaScript Array.prototype.map() method to\n // create an array of markers based on a given \"locations\" array.\n // The map() method here has nothing to do with the Google Maps API.\n const markers = locations.map((location, i) => {\n return new google.maps.Marker({\n position: location,\n map: this.map,\n icon: image\n\n // label: labels[i % labels.length],\n });\n });\n\n }\n}\n","import {Injectable} from '@angular/core';\nimport {MatDialog} from '@angular/material/dialog';\nimport {MatConfirmDialogComponent} from './matConfirmDialog/matConfirmDialog.component';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class DialogService {\n constructor(private dialog: MatDialog) {\n }\n\n public modalOpen = false;\n\n openConfirmDialog(msg, header = '', yesButton = 'Yes', noButton = 'Cancel') {\n return this.dialog.open(MatConfirmDialogComponent, {\n width: '390px',\n panelClass: 'confirm-dialog-container',\n disableClose: false,\n hasBackdrop: true,\n position: {top: '130px'},\n autoFocus: false,\n data: {\n header: header,\n message: msg,\n yesButton: yesButton,\n noButton: noButton\n }\n });\n }\n}\n","import {GlobalFunctionsService} from '../../services/globalFunctions.service';\nimport {Component, OnInit, Inject} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\n\n\n@Component({\n selector: 'matConfirmDialog',\n templateUrl: './matConfirmDialog.component.html',\n styleUrls: ['./matConfirmDialog.component.css']\n})\nexport class MatConfirmDialogComponent implements OnInit {\n\n constructor(@Inject(MAT_DIALOG_DATA) public data, public dialogRef: MatDialogRef\n
\n\n \n
\n KONTAKT OS
\n \n \n
\n \n Ønsker du at høre mere om hvordan vi kan skabe værdi for dig og din virksomhed, har du spørgsmål til et\n specifikt produkt eller noget helt tredje?\n
\n Så hører vi meget gerne fra dig! Vi tager altid gerne en kop uforpligtende kaffe og hører nærmere om lige netop\n dine udfordringer.\n
\n Smid en mail på info@itoperators.dk eller ring til os på 70 221 228 – Vi glæder os til at høre fra dig!\n
\n \n
\n \n
\n \n ![\"\"](\"../../../assets/img/it-operators-ApS-200x77.jpg\")
\n
\n \n \n
\n \n
\n \n \n
\n \n IT Operators ApS\n Jættevej 50B\n 4100 Ringsted\n CVR: 33 25 55 35\n
\n \n
\n \n \n
\n \n IT Operators ApS\n Axeltorv 5,\n 3. th,\n 4700 Næstved\n
\n \n
\n \n
\n \n \n \n +45 70 221 228\n \n
\n \n \n
\n \n \n Mandag-Fredag: Døgnet rundt\n
\n \n \n Lørdag-Søndag: Døgnet rundt\n
\n \n \n Du er altid velkommen forbi, vi giver gerne en kop varm kaffe!\n \n \n
\n \n
\n \n
\n \n \n \n
\n\n
\n \n
\n \n \n
\n \n Vi er specialister i værdiskabende IT løsninger der tager udgangspunkt i dine behov og udfordringer. Gennem tæt dialog finder vi frem til- og implementerer de rigtige løsninger der skaber grundlag for en effektiv arbejdsdag såvel som understøtter virksomhedens strategi og målsætninger på den lange bane.\n \n \n \n UDVALGTE YDELSER\n
\n - \n
- Hosting \n
- Drift \n
- Support \n
- Webudvikling \n
- Backup \n
- Kontakt IT Operators \n
\n KONTAKT INFORMATIONER\n
\n \n
\n \n \n
\n \n IT Operators ApS\n Jættevej 50B\n 4100 Ringsted\n CVR: 33 25 55 35\n
\n \n
\n \n \n
\n \n IT Operators ApS\n Axeltorv 5,\n 3. th,\n 4700 Næstved\n
\n \n \n \n +45 70 221 228\n \n
\n \n \n \n Mandag-Fredag: Døgnet rundt\n
\n \n \n Lørdag-Søndag: Døgnet rundt\n
\n \n VUNDNE PRISER\n
\n \n
\n \n ![\"\"](\"../../../assets/img/gazelle-2017-2018.png\")
\n ![\"\"](\"../../../assets/img/AAA-Silver_5.png\")
\n
\n \n \n \n
\n","import {MatPaginatorIntl} from '@angular/material/paginator';\n\nconst dutchRangeLabel = (page: number, pageSize: number, length: number) => {\n if (length === 0 || pageSize === 0) {\n return `0 af ${length}`;\n }\n\n length = Math.max(length, 0);\n\n const startIndex = page * pageSize;\n\n // If the start index exceeds the list length, do not try and fix the end index to the end.\n const endIndex = startIndex < length ?\n Math.min(startIndex + pageSize, length) :\n startIndex + pageSize;\n\n return `${startIndex + 1} - ${endIndex} af ${length}`;\n};\n\nexport function getDanishPaginatorIntl() {\n const paginatorIntl = new MatPaginatorIntl();\n paginatorIntl.itemsPerPageLabel = 'Enheder pr side:';\n paginatorIntl.nextPageLabel = 'Næste side';\n paginatorIntl.previousPageLabel = 'Forrige side';\n paginatorIntl.getRangeLabel = dutchRangeLabel;\n return paginatorIntl;\n}\n","import {MatToolbarModule} from '@angular/material/toolbar';\n\nimport {NgModule} from '@angular/core';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatDialogModule} from '@angular/material/dialog';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatNativeDateModule, MatRippleModule} from '@angular/material/core';\nimport {MatCheckboxModule} from '@angular/material/checkbox';\nimport {MatTableModule} from '@angular/material/table';\nimport {MatPaginatorModule} from '@angular/material/paginator';\nimport {MatSortModule} from '@angular/material/sort';\nimport {MatTooltipModule} from '@angular/material/tooltip';\nimport {MatRadioModule} from '@angular/material/radio';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatDividerModule} from '@angular/material/divider';\nimport {MatDatepickerModule} from '@angular/material/datepicker';\n\n\n@NgModule({\n declarations: [],\n imports: [\n MatToolbarModule,\n MatDialogModule,\n MatIconModule,\n MatButtonModule,\n MatInputModule,\n MatRippleModule,\n MatCheckboxModule,\n MatTableModule,\n MatPaginatorModule,\n MatSortModule,\n MatSelectModule,\n MatDividerModule,\n MatDatepickerModule,\n MatNativeDateModule,\n MatDatepickerModule,\n MatDividerModule,\n ],\n exports: [\n MatToolbarModule,\n MatDialogModule,\n MatIconModule,\n MatFormFieldModule,\n MatButtonModule,\n MatInputModule,\n MatRippleModule,\n MatCheckboxModule,\n MatTableModule,\n MatPaginatorModule,\n MatSortModule,\n MatTooltipModule,\n MatRadioModule,\n MatSelectModule,\n MatDividerModule,\n MatDatepickerModule,\n MatNativeDateModule,\n MatDatepickerModule,\n MatDividerModule,\n ],\n})\nexport class MaterialModule {\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\nimport {Sms} from './notification/sms';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class NotificationService {\n\n constructor(private http: HttpClient) {\n }\n\n sendSms(notification) {\n return this.http.post('/api/notification/sms', notification)\n .pipe(\n map((data: Sms) => {\n return data;\n }));\n }\n\n sendEmail(email) {\n return this.http.post('/api/notification/email', email)\n .pipe(\n map((data: any) => {\n return data;\n }));\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\nimport {formatCurrency} from '@angular/common';\n\n@Pipe({\n name: 'danishCurrency',\n})\nexport class DanishCurrencyPipe implements PipeTransform {\n transform(\n value: number,\n // This value changes the text after the number\n currencyCode: string = '',\n display:\n | 'code'\n | 'symbol'\n | 'symbol-narrow'\n | string\n | boolean = 'symbol',\n digitsInfo: string = '3.2-2',\n locale: string = 'da-DK',\n ): string | null {\n return formatCurrency(\n value,\n locale,\n currencyCode,\n digitsInfo,\n );\n }\n}\n","import {Pipe, PipeTransform} from '@angular/core';\n\n@Pipe({name: 'danishDate'})\nexport class DanishDatePipe implements PipeTransform {\n transform(value: any, datetime: boolean = true) {\n if (value && value !== 'Invalid Date') {\n const splitted = String(value).split('-');\n if (splitted.length > 1) {\n const splittedTime = splitted[2].split('T');\n if (datetime) {\n return splittedTime[0] + '-' + splitted [1] + '-' + splitted [0] + ' ' + value.split('T')[1].split('+')[0];\n } else {\n return splittedTime[0] + '-' + splitted [1] + '-' + splitted [0];\n }\n }\n }\n }\n}\n","import {AbstractControl, FormGroup} from '@angular/forms';\nimport {Injectable} from '@angular/core';\n\n// This class is used for validating form groups and displaying a error message\n\n@Injectable()\nexport class CustomValidators {\n\n // Error message\n static validationMessages = {\n 'username': {\n 'required': 'Skal være udfyldt',\n },\n 'password': {\n 'required': 'Skal være udfyldt',\n 'passwordNotMatch': 'Adgangskode skal være ens',\n 'passwordPolicy': 'Adgangskode skal minimum være 10 tegn, Stort, lille bogstav, 1 Specialtegn og 1 tal',\n },\n 'password2': {\n 'required': 'Skal være udfyldt',\n },\n 'employeeGroup': {\n 'required': 'Skal være udfyldt',\n }\n };\n\n // Is set to true when submit is clicked\n public submitClicked;\n\n static passwordMatch(control: AbstractControl) {\n const pass = control.get('password').value;\n const confirmPass = control.get('password2').value;\n if (pass === confirmPass) {\n control.get('password').setErrors(null);\n if (pass != null && pass !== '' && !pass.toString().match(/^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s).{8,}$/)) {\n control.get('password').setErrors({'passwordPolicy': true});\n }\n return null;\n } else {\n control.get('password').setErrors({'passwordNotMatch': true});\n }\n }\n\n static passwordMatch2(control: AbstractControl) {\n const pass = control.get('password').value;\n const confirmPass = control.get('password2').value;\n if (pass === confirmPass && pass != '') {\n control.get('password').setErrors(null);\n if (pass != null && pass !== '' && !pass.toString().match(/^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\\d]){1,})(?=(.*[\\W]){1,})(?!.*\\s).{8,}$/)) {\n control.get('password').setErrors({'passwordPolicy': true});\n }\n return null;\n } else {\n control.get('password').setErrors({'passwordNotMatch': true});\n }\n }\n\n // Validating all fields in form group and setting the correct error message\n public logValidationErrors(group: FormGroup, formErrors): void {\n Object.keys(group.controls).forEach((key: string) => {\n const abstractControl = group.get(key);\n if (abstractControl instanceof FormGroup) {\n this.logValidationErrors(abstractControl, formErrors);\n } else {\n formErrors[key] = '';\n if (abstractControl && !abstractControl.valid && (this.submitClicked === true) ||\n (abstractControl.touched || abstractControl.dirty)) {\n const messages = CustomValidators.validationMessages[key];\n for (const errorKey in abstractControl.errors) {\n if (errorKey) {\n if (typeof messages === 'undefined') {\n console.log(key + ' har ingen error handling!!!');\n } else {\n formErrors[key] += messages[errorKey] + ' ';\n }\n }\n }\n }\n }\n });\n }\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\nimport {CustomerBoxType} from '../models/customerBoxType';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class CustomerService {\n constructor(private http: HttpClient) {\n }\n\n getCustomerBoxType() {\n return this.http.get('/api/customers/boxType')\n .pipe(\n map((data: CustomerBoxType[]) => {\n return data;\n }));\n }\n\n getCustomersWithBoxType(customerBoxTypes) {\n return this.http.post('api/customers/customersWithCustomerBoxTypes', customerBoxTypes).pipe(\n map((data: any) => {\n return data;\n }));\n }\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class EmployeeService {\n constructor(private http: HttpClient) {\n }\n\n get() {\n return this.http.get('/api/employee')\n .pipe(\n map((data: any[]) => {\n return data;\n }));\n }\n\n getCurrentEmployee() {\n return this.http.get('/api/employee/employeeInformation')\n .pipe(\n map((data: any) => {\n return data;\n }));\n }\n}\n","import {Injectable} from '@angular/core';\nimport {MatDialogConfig} from '@angular/material/dialog';\nimport {Employee} from '../models/employee/employee';\nimport {ToastrService} from 'ngx-toastr';\n\n@Injectable()\nexport class GlobalFunctionsService {\n constructor(public toastrService: ToastrService) {\n }\n\n // Create a random name so google can't autofill\n static randomName = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);\n // All employees for easing getting name from id\n static employees: Employee[] = [];\n // Current employee\n static employee: Employee;\n\n // Font awesome icons\n public closeIcon = 'fas fa-times';\n public plusIcon = 'fas fa-plus';\n public editIcon = 'fas fa-pen';\n public deleteIcon = 'fas fa-trash-alt';\n\n // Table sort size and options\n public pageSizeOptions = [200, 500, 1000];\n public pageSize = 200;\n\n static getEmployeeId() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return Number(token.EmployeeId);\n }\n }\n\n static getEmployeeUsername() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return token.Username;\n }\n }\n\n static getEmployeeGroupId() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return Number(token.EmployeeGroupId);\n }\n }\n\n // Standard config of a dialog\n static matDialogConfigStandard(data = null): any {\n const dialogConfig = new MatDialogConfig();\n dialogConfig.disableClose = true;\n dialogConfig.autoFocus = false;\n dialogConfig.width = '100%';\n dialogConfig.maxHeight = '91vh';\n dialogConfig.data = data;\n return dialogConfig;\n }\n\n // Message when dialogBackDrop is clicked\n static dialogBackDropClick() {\n return !confirm('Er du sikker på du vil lukke modal');\n }\n\n // Check if modal is dirty and support escape\n static dialogCloseConfirm(dialogRef, form) {\n dialogRef.backdropClick().subscribe(() => {\n if (form.dirty) {\n if (GlobalFunctionsService.dialogBackDropClick()) {\n return false;\n }\n }\n dialogRef.close();\n });\n\n dialogRef.keydownEvents().subscribe(event => {\n if (event.key === 'Escape') {\n dialogRef.close();\n }\n });\n }\n\n // Convert , to .\n static commaToDot(string) {\n if (string != null) {\n return string.toString().replace(',', '.');\n }\n }\n\n // Convert . to ,\n static dotToComma(string) {\n if (string != null) {\n return string.toString().replace('.', ',');\n }\n }\n\n static danishDateToEnglish(danishDate) {\n if (danishDate && danishDate !== '') {\n return new Date(danishDate.split('-').reverse().join('-'));\n }\n }\n\n public getEmployeeId() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return Number(token.EmployeeId);\n }\n }\n\n public getEmployeeUsername() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return token.Username;\n }\n }\n\n public getEmployeeGroupId() {\n if (localStorage.getItem('token')) {\n const token = JSON.parse(atob(localStorage.getItem('token').split('.')[1]));\n return Number(token.EmployeeGroupId);\n }\n }\n\n public getEmployeeById(employeeId): Employee {\n if (GlobalFunctionsService.employees) {\n return GlobalFunctionsService.employees.find(a => a.employeeId === employeeId);\n }\n }\n\n public findEmployeeNameFromId(id) {\n if (GlobalFunctionsService.employees && GlobalFunctionsService.employees.length > 0) {\n return GlobalFunctionsService.employees.find(a => a.employeeId === id).username;\n }\n }\n\n public successToast(message: string) {\n this.toastrService.success(message, 'Success', {\n timeOut: 1500\n });\n }\n\n public errorToast(message: string) {\n this.toastrService.error(message, 'Error', {\n timeOut: 1500\n });\n }\n\n public warningToast(message: string) {\n this.toastrService.warning(message, 'Error', {\n timeOut: 1500\n });\n }\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\nimport {Task} from '../models/task';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class TaskService {\n constructor(private http: HttpClient) {\n }\n\n get() {\n return this.http.get('/api/task')\n .pipe(\n map((data: any[]) => {\n return data;\n }));\n }\n\n insert(task: Task) {\n return this.http.post('api/task', task).pipe(\n map((data: any) => {\n return data;\n }));\n }\n\n update(task: Task) {\n return this.http.put('/api/task', task)\n .pipe(\n map((data: Task) => {\n return data;\n }));\n }\n\n delete(taskId) {\n return this.http.delete('/api/task/' + taskId)\n .pipe(\n map((data: Task) => {\n return data;\n }));\n }\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class TaskPublicService {\n constructor(private http: HttpClient) {\n }\n\n get() {\n return this.http.get('/public/task')\n .pipe(\n map((data: any[]) => {\n return data;\n }));\n }\n}\n","import {Injectable} from '@angular/core';\nimport {map} from 'rxjs/operators';\nimport {HttpClient} from '@angular/common/http';\nimport {Task} from '../models/task';\n\n@Injectable({\n providedIn: 'root'\n})\n\nexport class TaskStatusService {\n constructor(private http: HttpClient) {\n }\n\n get() {\n return this.http.get('/api/taskStatus')\n .pipe(\n map((data: any[]) => {\n return data;\n }));\n }\n}\n","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false\n};\n\n/*\n * In development mode, to ignore zone related error stack frames such as\n * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can\n * import the following file, but please comment it out in production mode\n * because it will have performance impact when throw error\n */\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.\n","/***************************************************************************************************\n * Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.\n */\nimport '@angular/localize/init';\nimport {enableProdMode} from '@angular/core';\nimport {platformBrowserDynamic} from '@angular/platform-browser-dynamic';\n\nimport {AppModule} from './app/app.module';\nimport {environment} from './environments/environment';\n\nexport function getBaseUrl() {\n return document.getElementsByTagName('base')[0].href;\n}\n\nconst providers = [\n {provide: 'BASE_URL', useFactory: getBaseUrl, deps: []}\n];\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic(providers).bootstrapModule(AppModule)\n .catch(err => console.log(err));\n"]}\n {{data.header}}\n
\n \n {{data.message}}\n
\n \n \n