This repository has been archived by the owner on Jan 11, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 69
/
create.form.component.ts
84 lines (71 loc) · 2.96 KB
/
create.form.component.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import {Component, OnDestroy, OnInit, ViewChild} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {CenterFormComponent, CenterFormData, CenterSaveEvent} from '../form.component';
import {mapEmployee, mapUser} from '../form.mapper';
import {Employee} from '../../../services/office/domain/employee.model';
import {UserWithPassword} from '../../../services/identity/domain/user-with-password.model';
import * as fromEmployees from '../../store';
import {Subscription} from 'rxjs/Subscription';
import {CREATE, RESET_FORM} from '../../store/center.actions';
import {Error} from '../../../services/domain/error.model';
import {EmployeesStore} from '../../store/index';
@Component({
templateUrl: './create.form.component.html'
})
export class CreateCenterFormComponent implements OnInit, OnDestroy {
private formStateSubscription: Subscription;
@ViewChild('form') formComponent: CenterFormComponent;
employeeFormData: CenterFormData = {
user: { identifier: '', role: ''},
employee: { identifier: '', givenName: '', surname: '', contactDetails: [] }
};
constructor(private router: Router, private route: ActivatedRoute, private store: EmployeesStore) {}
ngOnInit(): void {
this.formStateSubscription = this.store.select(fromEmployees.getEmployeeFormError)
.filter((error: Error) => !!error)
.subscribe((error: Error) => {
const detailForm = this.formComponent.detailForm;
const errors = detailForm.get('identifier').errors || {};
errors['unique'] = true;
detailForm.get('identifier').setErrors(errors);
this.formComponent.step.open();
});
}
ngOnDestroy(): void {
this.formStateSubscription.unsubscribe();
this.store.dispatch({ type: RESET_FORM });
}
onSave(event: CenterSaveEvent): void {
const employee: Employee = mapEmployee(event);
const user: UserWithPassword = mapUser(event);
this.store.dispatch({ type: CREATE, payload: {
employee: employee,
user: user,
activatedRoute: this.route
}});
}
onCancel(): void {
this.navigateAway();
}
navigateAway(): void {
this.router.navigate(['../'], { relativeTo: this.route });
}
}