CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: add edit center action (#1222)

Browse Source 
Fixes: #1221
This commit is contained in:
Muskan Khedia
2020-08-23 21:50:55 +05:30
committed by GitHub
parent a783f92ce1
commit e4791d5761
10 changed files with 438 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/centers/centers-routing.module.ts
+12 -1
View File
@@ -14,6 +14,7 @@ import { CentersViewComponent } from './centers-view/centers-view.component';
import { GeneralTabComponent } from './centers-view/general-tab/general-tab.component'; import { GeneralTabComponent } from './centers-view/general-tab/general-tab.component';
import { NotesTabComponent } from './centers-view/notes-tab/notes-tab.component'; import { NotesTabComponent } from './centers-view/notes-tab/notes-tab.component';
import { DatatableTabComponent } from './centers-view/datatable-tab/datatable-tab.component'; import { DatatableTabComponent } from './centers-view/datatable-tab/datatable-tab.component';
import { EditCenterComponent } from './edit-center/edit-center.component';
/** Custom Resolvers */ /** Custom Resolvers */
import { OfficesResolver } from 'app/accounting/common-resolvers/offices.resolver'; import { OfficesResolver } from 'app/accounting/common-resolvers/offices.resolver';
@@ -26,6 +27,7 @@ import { CenterDatatableResolver } from './common-resolvers/center-datatable.res
import { CenterDatatablesResolver } from './common-resolvers/center-datatables.resolver'; import { CenterDatatablesResolver } from './common-resolvers/center-datatables.resolver';
import { CenterActionsComponent } from './centers-view/center-actions/center-actions.component'; import { CenterActionsComponent } from './centers-view/center-actions/center-actions.component';
import { CenterActionsResolver } from './common-resolvers/center-actions.resolver'; import { CenterActionsResolver } from './common-resolvers/center-actions.resolver';
import { CenterDataAndTemplateResolver } from './common-resolvers/center-data-and-template.resolver';
const routes: Routes = [ const routes: Routes = [
Route.withShell([ Route.withShell([
@@ -89,6 +91,14 @@ const routes: Routes = [
} }
] ]
}, },
{
path: 'edit',
component: EditCenterComponent,
data: { title: extract('Edit Center'), breadcrumb: 'Edit', routeParamBreadcrumb: 'Edit' },
resolve: {
centerData: CenterDataAndTemplateResolver,
}
},
{ {
path: 'actions/:name', path: 'actions/:name',
data: { title: extract('Center Actions'), routeParamBreadcrumb: 'name' }, data: { title: extract('Center Actions'), routeParamBreadcrumb: 'name' },
@@ -116,7 +126,8 @@ const routes: Routes = [
CenterNotesResolver, CenterNotesResolver,
CenterDatatableResolver, CenterDatatableResolver,
CenterDatatablesResolver, CenterDatatablesResolver,
CenterActionsResolver CenterActionsResolver,
CenterDataAndTemplateResolver
] ]
}) })
export class CentersRoutingModule { } export class CentersRoutingModule { }
src/app/centers/centers-view/centers-view.component.html
+1 -1
View File
@@ -61,7 +61,7 @@
<span *ngIf="!(centerViewData.status.value=='Active')"> <span *ngIf="!(centerViewData.status.value=='Active')">
<button mat-raised-button *mifosxHasPermission="'ACTIVATE_CENTER'" (click)="doAction('Activate')"><i class="fa fa-check-sign"></i> Activate </button> <button mat-raised-button *mifosxHasPermission="'ACTIVATE_CENTER'" (click)="doAction('Activate')"><i class="fa fa-check-sign"></i> Activate </button>
</span> </span>
<button mat-raised-button *mifosxHasPermission="'UPDATE_CENTER'"><i class="fa fa-edit"></i> Edit </button> <button mat-raised-button *mifosxHasPermission="'UPDATE_CENTER'" (click)="doAction('Edit')"><i class="fa fa-edit"></i> Edit </button>
<button mat-raised-button *mifosxHasPermission="'CREATE_GROUP'"><i class="fa fa-plus"></i> Add Group </button> <button mat-raised-button *mifosxHasPermission="'CREATE_GROUP'"><i class="fa fa-plus"></i> Add Group </button>
<button mat-raised-button *mifosxHasPermission="'ASSOCIATEGROUPS_CENTER'" (click)="doAction('Manage Groups')"> <i class="fa fa-edit"></i> Manage Groups </button> <button mat-raised-button *mifosxHasPermission="'ASSOCIATEGROUPS_CENTER'" (click)="doAction('Manage Groups')"> <i class="fa fa-edit"></i> Manage Groups </button>
<span *ngIf="centerViewData.active"> <span *ngIf="centerViewData.active">
src/app/centers/centers-view/centers-view.component.ts
+3
View File
@@ -87,6 +87,9 @@ export class CentersViewComponent implements OnInit {
break; break;
case 'Delete': case 'Delete':
this.deleteCenter(); this.deleteCenter();
break;
case 'Edit':
this.router.navigate(['edit'], { relativeTo: this.route });
} }
} }
src/app/centers/centers.module.ts
+3 -1
View File
@@ -26,6 +26,7 @@ import { EditCenterMeetingComponent } from './centers-view/center-actions/edit-c
import { EditCenterMeetingScheduleComponent } from './centers-view/center-actions/edit-center-meeting-schedule/edit-center-meeting-schedule.component'; import { EditCenterMeetingScheduleComponent } from './centers-view/center-actions/edit-center-meeting-schedule/edit-center-meeting-schedule.component';
import { ManageGroupsComponent } from './centers-view/center-actions/manage-groups/manage-groups.component'; import { ManageGroupsComponent } from './centers-view/center-actions/manage-groups/manage-groups.component';
import { StaffAssignmentHistoryComponent } from './centers-view/center-actions/staff-assignment-history/staff-assignment-history.component'; import { StaffAssignmentHistoryComponent } from './centers-view/center-actions/staff-assignment-history/staff-assignment-history.component';
import { EditCenterComponent } from './edit-center/edit-center.component';
/** /**
* Centers Module * Centers Module
@@ -57,7 +58,8 @@ import { StaffAssignmentHistoryComponent } from './centers-view/center-actions/s
EditCenterMeetingComponent, EditCenterMeetingComponent,
EditCenterMeetingScheduleComponent, EditCenterMeetingScheduleComponent,
ManageGroupsComponent, ManageGroupsComponent,
StaffAssignmentHistoryComponent StaffAssignmentHistoryComponent,
EditCenterComponent
] ]
}) })
export class CentersModule { } export class CentersModule { }
src/app/centers/centers.service.ts
+199 -179
View File
@@ -12,6 +12,7 @@ import { Observable } from 'rxjs';
providedIn: 'root' providedIn: 'root'
}) })
export class CentersService { export class CentersService {
/** /**
* @param {HttpClient} http Http Client to send requests. * @param {HttpClient} http Http Client to send requests.
*/ */
@@ -42,209 +43,209 @@ export class CentersService {
return this.http.get('/centers', { params: httpParams }); return this.http.get('/centers', { params: httpParams });
} }
/** /**
* @param {any} center Center to be created. * @param {any} center Center to be created.
* @returns {Observable<any>} * @returns {Observable<any>}
*/ */
createCenter(center: any): Observable<any> { createCenter(center: any): Observable<any> {
return this.http.post('/centers', center); return this.http.post('/centers', center);
} }
/** /**
* @param {number} officeId Office Id of office to get staff for. * @param {number} officeId Office Id of office to get staff for.
* @returns {Observable<any>} * @returns {Observable<any>}
*/ */
getStaff(officeId: number): Observable<any> { getStaff(officeId: number): Observable<any> {
const httpParams = new HttpParams()
.set('officeId', officeId.toString())
.set('staffInSelectedOfficeOnly', 'true');
return this.http.get('/centers/template', { params: httpParams });
}
/**
* @param centerId CenterID
* @returns {Observable<any>} Group Data for Center
*/
getCenterData(centerId: string): Observable<any> {
const httpParams = new HttpParams() const httpParams = new HttpParams()
.set('associations', 'groupMembers,collectionMeetingCalendar'); .set('officeId', officeId.toString())
return this.http.get(`/centers/${centerId}`, { params: httpParams } ); .set('staffInSelectedOfficeOnly', 'true');
} return this.http.get('/centers/template', { params: httpParams });
}
/** /**
* @param centerId Center ID * @param centerId CenterID
* @returns {Observable<any>} Returns the entire details of the Center ID * @returns {Observable<any>} Group Data for Center
*/ */
getCenterSummary(centerId: string): Observable<any> { getCenterData(centerId: string): Observable<any> {
const httpParams = new HttpParams().set('R_groupId', centerId) const httpParams = new HttpParams()
.set('genericResultSet', 'false'); .set('associations', 'groupMembers,collectionMeetingCalendar');
return this.http.get(`/runreports/GroupSummaryCounts`, { params: httpParams }); return this.http.get(`/centers/${centerId}`, { params: httpParams } );
} }
/** /**
* @param centerId Center ID * @param centerId Center ID
* @returns {Observable<any>} Returns the saving account for that center * @returns {Observable<any>} Returns the entire details of the Center ID
*/ */
getSavingsAccountDetails(centerId: string): Observable<any> { getCenterSummary(centerId: string): Observable<any> {
return this.http.get(`/centers/${centerId}/accounts`); const httpParams = new HttpParams().set('R_groupId', centerId)
} .set('genericResultSet', 'false');
return this.http.get(`/runreports/GroupSummaryCounts`, { params: httpParams });
}
/** /**
* @param centerId Center Id * @param centerId Center ID
* @returns The notes for particular center * @returns {Observable<any>} Returns the saving account for that center
*/ */
getCenterNotes(centerId: string): Observable<any> { getSavingsAccountDetails(centerId: string): Observable<any> {
return this.http.get(`/groups/${centerId}/notes`); return this.http.get(`/centers/${centerId}/accounts`);
} }
/** /**
* Adds a note to the particular Center Id * @param centerId Center Id
* @param centerId Center ID * @returns The notes for particular center
* @param noteData Note Data to be added */
* @returns {Observable<any>} getCenterNotes(centerId: string): Observable<any> {
*/ return this.http.get(`/groups/${centerId}/notes`);
createCenterNote(centerId: string, noteData: any): Observable<any> { }
return this.http.post(`/groups/${centerId}/notes`, noteData);
}
/** /**
* Edits the Center Note * Adds a note to the particular Center Id
* @param centerId Center ID * @param centerId Center ID
* @param noteId Note ID * @param noteData Note Data to be added
* @param noteData Note Data * @returns {Observable<any>}
*/ */
editCenterNote(centerId: string, noteId: string, noteData: any) { createCenterNote(centerId: string, noteData: any): Observable<any> {
return this.http.put(`/groups/${centerId}/notes/${noteId}`, noteData); return this.http.post(`/groups/${centerId}/notes`, noteData);
} }
/** /**
* Deletes the particular Note * Edits the Center Note
* @param centerId Center ID * @param centerId Center ID
* @param noteId Note ID * @param noteId Note ID
*/ * @param noteData Note Data
deleteCenterNote(centerId: string, noteId: string) { */
return this.http.delete(`/groups/${centerId}/notes/${noteId}`); editCenterNote(centerId: string, noteId: string, noteData: any) {
} return this.http.put(`/groups/${centerId}/notes/${noteId}`, noteData);
}
/** /**
* Get Center Datatables * Deletes the particular Note
*/ * @param centerId Center ID
getcenterDatatables() { * @param noteId Note ID
const httpParams = new HttpParams().set('apptable', 'm_center'); */
return this.http.get(`/datatables`, { params: httpParams }); deleteCenterNote(centerId: string, noteId: string) {
} return this.http.delete(`/groups/${centerId}/notes/${noteId}`);
}
/** /**
* Get Center Datatable * Get Center Datatables
* @param centerId Center ID */
* @param datatableName Datatable Name getcenterDatatables() {
*/ const httpParams = new HttpParams().set('apptable', 'm_center');
getCenterDatatable(centerId: string, datatableName: string) { return this.http.get(`/datatables`, { params: httpParams });
const httpParams = new HttpParams().set('genericResultSet', 'true'); }
return this.http.get(`/datatables/${datatableName}/${centerId}`, { params: httpParams });
}
/** /**
* @param centerId Center Id of center to get add datatable entry for. * Get Center Datatable
* @param datatableName Data Table name. * @param centerId Center ID
* @param data Data. * @param datatableName Datatable Name
* @returns {Observable<any>} */
*/ getCenterDatatable(centerId: string, datatableName: string) {
addCenterDatatableEntry(centerId: string, datatableName: string, data: any): Observable<any> { const httpParams = new HttpParams().set('genericResultSet', 'true');
const httpParams = new HttpParams().set('genericResultSet', 'true'); return this.http.get(`/datatables/${datatableName}/${centerId}`, { params: httpParams });
return this.http.post(`/datatables/${datatableName}/${centerId}`, data, { params: httpParams }); }
}
/** /**
* @param centerId Center Id of center to get add datatable entry for. * @param centerId Center Id of center to get add datatable entry for.
* @param datatableName Data Table name. * @param datatableName Data Table name.
* @param data Data. * @param data Data.
* @returns {Observable<any>} * @returns {Observable<any>}
*/ */
editCenterDatatableEntry(centerId: string, datatableName: string, data: any): Observable<any> { addCenterDatatableEntry(centerId: string, datatableName: string, data: any): Observable<any> {
const httpParams = new HttpParams().set('genericResultSet', 'true'); const httpParams = new HttpParams().set('genericResultSet', 'true');
return this.http.put(`/datatables/${datatableName}/${centerId}`, data, { params: httpParams }); return this.http.post(`/datatables/${datatableName}/${centerId}`, data, { params: httpParams });
} }
/** /**
* @param centerId Center Id of center to get add datatable entry for. * @param centerId Center Id of center to get add datatable entry for.
* @param datatableName Data Table name. * @param datatableName Data Table name.
* @returns {Observable<any>} * @param data Data.
*/ * @returns {Observable<any>}
deleteDatatableContent(centerId: string, datatableName: string): Observable<any> { */
const httpParams = new HttpParams().set('genericResultSet', 'true'); editCenterDatatableEntry(centerId: string, datatableName: string, data: any): Observable<any> {
return this.http.delete(`/datatables/${datatableName}/${centerId}`, { params: httpParams }); const httpParams = new HttpParams().set('genericResultSet', 'true');
} return this.http.put(`/datatables/${datatableName}/${centerId}`, data, { params: httpParams });
}
/** /**
* @param {string} centerId Center Id * @param centerId Center Id of center to get add datatable entry for.
* @param {string} command Command * @param datatableName Data Table name.
* @param {any} data Data * @returns {Observable<any>}
* @returns {Observable<any>} */
*/ deleteDatatableContent(centerId: string, datatableName: string): Observable<any> {
executeCenterActionCommand(centerId: string, command: string, data: any): Observable<any> { const httpParams = new HttpParams().set('genericResultSet', 'true');
const httpParams = new HttpParams().set('command', command); return this.http.delete(`/datatables/${datatableName}/${centerId}`, { params: httpParams });
return this.http.post(`/centers/${centerId}`, data, { params: httpParams }); }
}
/** /**
* @param {string} centerId Center Id * @param {string} centerId Center Id
* @param {string} command Command * @param {string} command Command
* @param {any} data Data * @param {any} data Data
* @returns {Observable<any>} * @returns {Observable<any>}
*/ */
executeGroupActionCommand(centerId: string, command: string, data: any): Observable<any> { executeCenterActionCommand(centerId: string, command: string, data: any): Observable<any> {
const httpParams = new HttpParams().set('command', command); const httpParams = new HttpParams().set('command', command);
return this.http.post(`/groups/${centerId}`, data, { params: httpParams }); return this.http.post(`/centers/${centerId}`, data, { params: httpParams });
} }
/** /**
* @param centerId Center Id of center to get data for. * @param {string} centerId Center Id
* @returns {Observable<any>} Center data. * @param {string} command Command
*/ * @param {any} data Data
getGroupStaffData(centerId: string): Observable<any> { * @returns {Observable<any>}
const httpParams = new HttpParams().set('groupOrCenter', 'centers') */
.set('staffInSelectedOfficeOnly', 'true') executeGroupActionCommand(centerId: string, command: string, data: any): Observable<any> {
.set('template', 'true'); const httpParams = new HttpParams().set('command', command);
return this.http.get(`/groups/${centerId}`, { params: httpParams }); return this.http.post(`/groups/${centerId}`, data, { params: httpParams });
} }
deleteCenter(centerId: any): Observable<any> { /**
return this.http.delete(`/centers/${centerId}`); * @param centerId Center Id of center to get data for.
} * @returns {Observable<any>} Center data.
*/
getGroupStaffData(centerId: string): Observable<any> {
const httpParams = new HttpParams().set('groupOrCenter', 'centers')
.set('staffInSelectedOfficeOnly', 'true')
.set('template', 'true');
return this.http.get(`/groups/${centerId}`, { params: httpParams });
}
getCentersData(centerId: string, associations: string, template?: string) { deleteCenter(centerId: any): Observable<any> {
let httpParams = new HttpParams().set('associations', associations); return this.http.delete(`/centers/${centerId}`);
httpParams = template ? httpParams.set('template', template) : httpParams; }
return this.http.get(`/centers/${centerId}`, {params: httpParams});
}
getMeetingsTemplate(centerId: any, calendarId: any): Observable<any> { getCentersData(centerId: string, associations: string, template?: string) {
const httpParams = new HttpParams().set('calenderId', calendarId); let httpParams = new HttpParams().set('associations', associations);
return this.http.get(`/centers/${centerId}/meetings/template`); httpParams = template ? httpParams.set('template', template) : httpParams;
} return this.http.get(`/centers/${centerId}`, {params: httpParams});
}
assignCenterAttendance(centerId: any, calendarId: any, data: any): Observable<any> { getMeetingsTemplate(centerId: any, calendarId: any): Observable<any> {
const httpParams = new HttpParams().set('calenderId', calendarId); const httpParams = new HttpParams().set('calenderId', calendarId);
return this.http.post(`/centers/${centerId}/meetings`, data, {params: httpParams}); return this.http.get(`/centers/${centerId}/meetings/template`);
} }
getCalendarTemplate(centerId: any): Observable<any> { assignCenterAttendance(centerId: any, calendarId: any, data: any): Observable<any> {
return this.http.get(`/centers/${centerId}/calendars/template`); const httpParams = new HttpParams().set('calenderId', calendarId);
} return this.http.post(`/centers/${centerId}/meetings`, data, {params: httpParams});
}
createCenterMeeting(centerId: any, data: any): Observable<any> { getCalendarTemplate(centerId: any): Observable<any> {
return this.http.post(`/centers/${centerId}/calendars`, data); return this.http.get(`/centers/${centerId}/calendars/template`);
} }
getCalendarAndTemplate(centerId: any, calendarId: any): Observable<any> { createCenterMeeting(centerId: any, data: any): Observable<any> {
const httpParams = new HttpParams().set('template', 'true'); return this.http.post(`/centers/${centerId}/calendars`, data);
return this.http.get(`/centers/${centerId}/calendars/${calendarId}`, { params: httpParams }); }
}
updateCenterMeeting(centerId: any, data: any, calendarId: any): Observable<any> { getCalendarAndTemplate(centerId: any, calendarId: any): Observable<any> {
return this.http.put(`/centers/${centerId}/calendars/${calendarId}`, data); const httpParams = new HttpParams().set('template', 'true');
} return this.http.get(`/centers/${centerId}/calendars/${calendarId}`, { params: httpParams });
}
updateCenterMeeting(centerId: any, data: any, calendarId: any): Observable<any> {
return this.http.put(`/centers/${centerId}/calendars/${calendarId}`, data);
}
/** /**
* Run Report Data for Staff Assignement History. * Run Report Data for Staff Assignement History.
@@ -260,4 +261,23 @@ export class CentersService {
return this.http.get(`/runreports/${reportName}`, { responseType: 'arraybuffer', observe: 'response', params: httpParams }); return this.http.get(`/runreports/${reportName}`, { responseType: 'arraybuffer', observe: 'response', params: httpParams });
} }
/**
* @param centerId Center Id of center to get data for.
* @returns {Observable<any>} Center data and template.
*/
getCenterAndTemplateData(centerId: string): Observable<any> {
const httpParams = new HttpParams().set('staffInSelectedOfficeOnly', 'true')
.set('template', 'true');
return this.http.get(`/centers/${centerId}`, { params: httpParams });
}
/**
* @param centerId Center Id.
* @param data Data to be submitted
* @returns {Observable<any>} Returns the change.
*/
executeEditCenter(centerId: string, data: any): Observable<any> {
return this.http.put(`/groups/${centerId}`, data);
}
} }
src/app/centers/common-resolvers/center-data-and-template.resolver.ts
+31
View File
@@ -0,0 +1,31 @@
/** Angular Imports */
import { Injectable } from '@angular/core';
import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
/** rxjs Imports */
import { Observable } from 'rxjs';
/** Custom Services */
import { CentersService } from '../centers.service';
/**
* Centers data and template resolver.
*/
@Injectable()
export class CenterDataAndTemplateResolver implements Resolve<Object> {
/**
* @param {CentersService} CentersService Centers service.
*/
constructor(private centersService: CentersService) { }
/**
* Returns the Centers and template data.
* @returns {Observable<any>}
*/
resolve(route: ActivatedRouteSnapshot): Observable<any> {
const centerId = route.parent.paramMap.get('centerId');
return this.centersService.getCenterAndTemplateData(centerId);
}
}
src/app/centers/edit-center/edit-center.component.html
+62
View File
@@ -0,0 +1,62 @@
<div class="container">
<mat-card>
<form [formGroup]="editCenterForm" (ngSubmit)="submit()">
<mat-card-content>
<div fxLayout="column">
<mat-form-field>
<mat-label>Name</mat-label>
<input matInput required formControlName="name">
<mat-error *ngIf="editCenterForm.controls.name.hasError('required')">
Center Name is <strong>required</strong>
</mat-error>
<mat-error *ngIf="editCenterForm.controls.name.hasError('pattern')">
Center Name <strong>cannot</strong> begin with a special character or number
</mat-error>
</mat-form-field>
<mat-form-field>
<mat-label>Staff</mat-label>
<mat-select formControlName="staffId">
<mat-option *ngFor="let staff of staffs" [value]="staff.id">
{{ staff.displayName }}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-label>External id</mat-label>
<input matInput formControlName="externalId">
</mat-form-field>
<ng-container *ngIf="centerData.status.value=='Pending'">
<mat-form-field>
<mat-label>Activation date</mat-label>
<input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="activatedOnDatePicker" required
formControlName="activationDate">
<mat-datepicker-toggle matSuffix [for]="activatedOnDatePicker"></mat-datepicker-toggle>
<mat-datepicker #activatedOnDatePicker></mat-datepicker>
<mat-error *ngIf="editCenterForm.controls.activationDate.hasError('required')">
Activation Date is <strong>required</strong>
</mat-error>
</mat-form-field>
</ng-container>
</div>
</mat-card-content>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button [routerLink]="['../general']">Cancel</button>
<button mat-raised-button color="accent" [disabled]="!editCenterForm.valid">Confirm</button>
</mat-card-actions>
</form>
</mat-card>
</div>
src/app/centers/edit-center/edit-center.component.scss
+3
View File
@@ -0,0 +1,3 @@
.container {
max-width: 37rem;
}
src/app/centers/edit-center/edit-center.component.spec.ts
+25
View File
@@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EditCenterComponent } from './edit-center.component';
describe('EditCenterComponent', () => {
let component: EditCenterComponent;
let fixture: ComponentFixture<EditCenterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EditCenterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EditCenterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/centers/edit-center/edit-center.component.ts
+99
View File
@@ -0,0 +1,99 @@
/** Angular Imports */
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
import { Router, ActivatedRoute } from '@angular/router';
import { DatePipe } from '@angular/common';
/** Custom Services */
import { CentersService } from '../centers.service';
import { SettingsService } from 'app/settings/settings.service';
/**
* Edit Center component.
*/
@Component({
selector: 'mifosx-edit-center',
templateUrl: './edit-center.component.html',
styleUrls: ['./edit-center.component.scss']
})
export class EditCenterComponent implements OnInit {
/** Center Data */
centerData: any;
/** Staffs Data */
staffs: any;
/** Minimum date allowed. */
minDate = new Date(2000, 0, 1);
/** Maximum date allowed. */
maxDate = new Date();
/** Activate center form. */
editCenterForm: FormGroup;
/**
* Retrieves the center and template data from `resolve`.
* @param {FormBuilder} formBuilder Form Builder.
* @param {ActivatedRoute} route Activated Route.
* @param {Router} router Router for navigation.
* @param {CentersService} centerService CentersService.
* @param {GroupsService} groupService GroupsService.
* @param {DatePipe} datePipe Date Pipe to format date.
*/
constructor(private formBuilder: FormBuilder,
private route: ActivatedRoute,
private router: Router,
private centersService: CentersService,
private settingsService: SettingsService,
private datePipe: DatePipe) {
this.route.data.subscribe((data: { centerData: any }) => {
this.centerData = data.centerData;
this.staffs = this.centerData.staffOptions;
});
}
/**
* Creates the edit center form.
*/
ngOnInit(): void {
this.createEditCenterForm();
}
/**
* Creates the edit center form.
*/
createEditCenterForm() {
const dateFormat = this.settingsService.dateFormat;
this.editCenterForm = this.formBuilder.group({
'name': [this.centerData.name, [Validators.required, Validators.pattern('(^[A-z]).*')]],
'staffId': [this.centerData.staffId],
'externalId': [this.centerData.externalId]
});
if (this.centerData.status.value === 'Pending') {
this.editCenterForm.addControl('activationDate', new FormControl(this.centerData.activationDate ? this.centerData.activationDate : new Date(), Validators.required));
}
}
/**
* Submits the form to edit the center data,
* if successful redirects to the center.
*/
submit() {
const locale = this.settingsService.language.code;
const dateFormat = this.settingsService.dateFormat;
if (this.centerData.status.value === 'Pending') {
const prevactivationDate: Date = this.editCenterForm.value.activationDate;
this.editCenterForm.patchValue({
activationDate: this.datePipe.transform(prevactivationDate, dateFormat),
});
}
const data = {
...this.editCenterForm.value,
name: this.centerData.name,
dateFormat,
locale
};
this.centersService.executeEditCenter(this.centerData.id, data).subscribe(() => {
this.router.navigate(['../general'], { relativeTo: this.route });
});
}
}