131 lines
3.5 KiB
TypeScript
131 lines
3.5 KiB
TypeScript
/** Angular Imports */
|
|
import { Component } from '@angular/core';
|
|
import { ActivatedRoute, Router } from '@angular/router';
|
|
|
|
/** Custom Services */
|
|
import { ClientsService } from '../../../clients.service';
|
|
import { AuthenticationService } from '../../../../core/authentication/authentication.service';
|
|
|
|
/**
|
|
* Take Survey Component
|
|
*/
|
|
@Component({
|
|
selector: 'mifosx-take-survey',
|
|
templateUrl: './take-survey.component.html',
|
|
styleUrls: ['./take-survey.component.scss']
|
|
})
|
|
export class TakeSurveyComponent {
|
|
/** List of all Survey Data */
|
|
allSurveyData: any;
|
|
/** User Id */
|
|
userId: any;
|
|
/** Particular Survey Data */
|
|
surveyData: any;
|
|
/** Stores the response from the user */
|
|
componentGroups: any[];
|
|
/** Client ID */
|
|
clientId: any;
|
|
/** Stores the value to send to the API */
|
|
formData: {
|
|
userId: Number;
|
|
clientId: Number;
|
|
surveyId: Number;
|
|
scorecardValues: { questionId: Number; responseId: Number; value: String }[];
|
|
surveyName: String;
|
|
username: String;
|
|
id: Number;
|
|
};
|
|
|
|
/**
|
|
* Retrieves the survey data from `resolve`.
|
|
* @param {ActivatedRoute} route Activated Route
|
|
* @param {ClientsService} clientsService ClientsService
|
|
* @param {Router} router Router
|
|
* @param {AuthenticationService} authenticationService AuthenticationService
|
|
*/
|
|
constructor(
|
|
private route: ActivatedRoute,
|
|
private clientsService: ClientsService,
|
|
private router: Router,
|
|
private authenticationService: AuthenticationService
|
|
) {
|
|
this.route.data.subscribe((data: { clientActionData: any }) => {
|
|
this.allSurveyData = data.clientActionData;
|
|
this.clientId = this.route.parent.snapshot.params['clientId'];
|
|
});
|
|
/** Retrieves User ID */
|
|
const savedCredentials = this.authenticationService.getCredentials();
|
|
this.userId = savedCredentials.userId;
|
|
}
|
|
|
|
// TODO: document the function
|
|
onSurveyChange(resEvent: any) {
|
|
if (resEvent.value) {
|
|
this.surveyData = resEvent.value;
|
|
const result = this.groupBy(this.surveyData.questionDatas, function (item: any) {
|
|
return [item.componentKey];
|
|
});
|
|
|
|
this.componentGroups = result;
|
|
}
|
|
}
|
|
|
|
// TODO: document the function
|
|
groupBy(array: any, func: any) {
|
|
const groups = {};
|
|
array.forEach((ele: any) => {
|
|
const group = JSON.stringify(func(ele));
|
|
groups[group] = groups[group] || [];
|
|
groups[group].push(ele);
|
|
});
|
|
return Object.keys(groups).map(function (group: any) {
|
|
return groups[group];
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Checks if there is any response or not from the user and enables the submit button accordingly
|
|
*/
|
|
isAnyResponse(): boolean {
|
|
if (this.surveyData) {
|
|
this.surveyData.questionDatas.forEach((element: any) => {
|
|
if (element.answer) {
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Submits the user survey response.
|
|
*/
|
|
submit() {
|
|
this.formData = {
|
|
userId: this.userId,
|
|
clientId: this.clientId,
|
|
surveyId: this.surveyData.id,
|
|
surveyName: '',
|
|
username: '',
|
|
id: 0,
|
|
scorecardValues: []
|
|
};
|
|
|
|
this.surveyData.questionDatas.forEach((elem: any) => {
|
|
if (elem.answer) {
|
|
const tmp = {
|
|
questionId: elem.id,
|
|
responseId: elem.answer.id,
|
|
value: elem.answer.value,
|
|
createdOn: new Date().getTime()
|
|
};
|
|
this.formData.scorecardValues.push(tmp);
|
|
}
|
|
});
|
|
|
|
this.clientsService.createNewSurvey(this.surveyData.id, this.formData).subscribe(() => {
|
|
this.router.navigate(['../../general'], { relativeTo: this.route });
|
|
});
|
|
}
|
|
}
|