* @file Add Edit Component.
*/
import { HttpHeaders } from '@angular/common/http';
-import { Component, Injector, Input, OnInit } from '@angular/core';
+import { ChangeDetectorRef, Component, Injector, Input, OnInit } from '@angular/core';
import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
import { TranslateService } from '@ngx-translate/core';
import { NotifierService } from 'angular-notifier';
import { APIURLHEADER, ERRORDATA, LOGINPARAMS, MODALCLOSERESPONSEDATA, TYPESECTION } from 'CommonModel';
import { environment } from 'environment';
import { RestService } from 'RestService';
+import { Observable } from 'rxjs';
import { SharedService, isNullOrUndefined } from 'SharedService';
/**
/** Input contains Modal dialog component Instance @public */
@Input() public userName: string;
+ /** Input contains Modal dialog component Instance @public */
+ @Input() public email: string;
+
/** Check the loading results for loader status @public */
public isLoadingResults: boolean = false;
/** Give the message for the loading @public */
public message: string = 'PLEASEWAIT';
+ /** Contains token @public */
+ public idToken: string;
+
/** Holds list of domains @public */
public domains: TYPESECTION[] = [];
/** Variable contains type is changepassword or not @public */
public isPassword: boolean;
+ /** Variable contains type is forgotpassword or not @public */
+ public isforgetPassword: boolean;
+
+ /** Variable contains to show otp or not @public */
+ public isOtp: boolean = false;
+
/** Variable holds value for first login user @public */
public isFirstLogin: boolean = Boolean(sessionStorage.getItem('firstLogin') === 'true');
+ /** Observable Hold the value of subscription @public */
+ public isForgotPassword$: Observable<boolean>;
+
+ /** Observable Hold the value of subscription @public */
+ public forgotPassword: boolean;
+
+ /** Variable contains payload @private */
+ private payload: {};
+
+ /** Variable contains add user payload @private */
+ private addPayload: {};
+
/** Instance of the rest service @private */
private restService: RestService;
/** Utilizes auth service for any auth operations @private */
private authService: AuthenticationService;
+ /** Holds the instance of router class @private */
+ private router: Router;
+
+ /** Detect changes for the User Input */
+ private cd: ChangeDetectorRef;
+
constructor(injector: Injector) {
this.injector = injector;
this.formBuilder = this.injector.get(FormBuilder);
this.translateService = this.injector.get(TranslateService);
this.sharedService = this.injector.get(SharedService);
this.authService = this.injector.get(AuthenticationService);
+ this.router = this.injector.get(Router);
+ this.cd = this.injector.get(ChangeDetectorRef);
/** Initializing Form Action */
this.userForm = this.formBuilder.group({
userName: ['', Validators.required],
+ email_id: [null, [Validators.required, Validators.pattern(this.sharedService.REGX_EMAIL_PATTERN)]],
password: [null, [Validators.required, Validators.pattern(this.sharedService.REGX_PASSWORD_PATTERN)]],
password2: [null, Validators.required],
old_password: [null, Validators.required],
- domain_name: [null]
+ domain_name: [null],
+ otp: [null]
});
}
this.userForm.patchValue({ userName: this.userName });
} else if (this.isFirstLogin) {
this.isPassword = true;
+ } else if (this.userType === 'editmail') {
+ this.userForm.patchValue({ email_id: this.email });
}
}
/** On modal submit users acction will called @public */
public userAction(userType: string): void {
- if (userType === 'editPassword') {
+ if (userType === 'editPassword' || this.isforgetPassword || userType === 'change_password') {
this.getFormControl('userName').setValidators([]);
this.getFormControl('userName').updateValueAndValidity();
this.getFormControl('old_password').setValidators([]);
this.getFormControl('old_password').updateValueAndValidity();
+ this.getFormControl('email_id').setValidators([]);
+ this.getFormControl('email_id').updateValueAndValidity();
} else if (userType === 'editUserName') {
this.getFormControl('password').setValidators([]);
this.getFormControl('password').updateValueAndValidity();
this.getFormControl('password2').updateValueAndValidity();
this.getFormControl('old_password').setValidators([]);
this.getFormControl('old_password').updateValueAndValidity();
+ this.getFormControl('email_id').setValidators([]);
+ this.getFormControl('email_id').updateValueAndValidity();
} else if (userType === 'changePassword') {
this.getFormControl('userName').setValidators([]);
this.getFormControl('userName').updateValueAndValidity();
+ this.getFormControl('email_id').setValidators([]);
+ this.getFormControl('email_id').updateValueAndValidity();
} else if (userType === 'add') {
this.getFormControl('old_password').setValidators([]);
this.getFormControl('old_password').updateValueAndValidity();
+ this.getFormControl('email_id').setValidators([]);
+ this.getFormControl('email_id').updateValueAndValidity();
}
+ this.checkType(userType);
this.submitted = true;
this.modalData = {
message: 'Done'
}
if (userType === 'add') {
this.addUser();
+ } else if (userType === 'forgotPassword') {
+ this.forgetPassword();
+ } else if (userType === 'change_password') {
+ this.changePassword();
} else {
this.editUser();
}
}
}
+ /** Used to set the validation and value and update the validation and value @public */
+ public checkType(userType: string): void {
+ if (userType === 'forgotPassword') {
+ this.getFormControl('password').setValidators([]);
+ this.getFormControl('password').updateValueAndValidity();
+ this.getFormControl('password2').setValidators([]);
+ this.getFormControl('password2').updateValueAndValidity();
+ this.getFormControl('old_password').setValidators([]);
+ this.getFormControl('old_password').updateValueAndValidity();
+ } else if (userType === 'editmail') {
+ this.getFormControl('password').setValidators([]);
+ this.getFormControl('password').updateValueAndValidity();
+ this.getFormControl('password2').setValidators([]);
+ this.getFormControl('password2').updateValueAndValidity();
+ this.getFormControl('old_password').setValidators([]);
+ this.getFormControl('old_password').updateValueAndValidity();
+ this.getFormControl('userName').setValidators([]);
+ this.getFormControl('userName').updateValueAndValidity();
+ }
+ }
+
+ /** Forgot password @public */
+ public forgetPassword(): void {
+ this.isLoadingResults = true;
+ if (isNullOrUndefined(this.userForm.value.otp)) {
+ this.payload = JSON.stringify({
+ username: (this.userForm.value.userName).toLowerCase(),
+ email_id: (this.userForm.value.email_id)
+ });
+ } else {
+ this.getFormControl('userName').enable();
+ this.payload = JSON.stringify({
+ username: (this.userForm.value.userName).toLowerCase(),
+ otp: (this.userForm.value.otp)
+ });
+ }
+ const apiURLHeader: APIURLHEADER = {
+ url: environment.GENERATETOKEN_URL,
+ httpOptions: { headers: this.headers }
+ };
+ this.restService.postResource(apiURLHeader, this.payload).subscribe((result:
+ { email: string, id: string, user_id: string, message: string, otp: string }
+ ): void => {
+ if (result.email === 'sent') {
+ this.getFormControl('userName').disable();
+ this.getFormControl('email_id').disable();
+ this.isOtp = true;
+ this.cd.detectChanges();
+ this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.USERSUCCESSFULLY'));
+ }
+ if (result.message === 'valid_otp') {
+ this.activeModal.close(this.modalData);
+ this.getFormControl('email_id').enable();
+ sessionStorage.setItem('id_token', result.id);
+ sessionStorage.setItem('user_id', result.user_id);
+ sessionStorage.setItem('mail', this.userForm.value.email_id);
+ this.userType = 'change_password';
+ sessionStorage.setItem('usertype', this.userType);
+ this.idToken = sessionStorage.getItem('id_token');
+ this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.OTPSUCCESSFULLY'));
+ if (!isNullOrUndefined(sessionStorage.getItem('id_token')) && !isNullOrUndefined(sessionStorage.getItem('mail'))) {
+ this.authService.forgotPassword.next(true);
+ this.isForgotPassword$ = this.authService.forgotPassword;
+ this.authService.isForgotPassword.subscribe((res: boolean): void => {
+ this.forgotPassword = res;
+ });
+ if (this.forgotPassword === true) {
+ this.router.navigate(['/forgotpassword/changepassword/', encodeURI(this.idToken)]).catch((): void => {
+ // Catch Navigation Error
+ });
+ }
+ }
+ } else if (result.otp === 'invalid') {
+ this.getFormControl('userName').disable();
+ this.notifierService.notify('warning', this.translateService.instant('PAGE.USERS.INVALIDOTP'));
+ }
+ this.isLoadingResults = false;
+ }, (error: ERRORDATA): void => {
+ // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+ if (error.error.status === 401 || error.error.status === 429 || error.error.status === 404) {
+ this.activeModal.close(this.modalData);
+ this.router.navigate(['/login']).catch((): void => {
+ // Catch Navigation Error
+ });
+ }
+ this.restService.handleError(error, 'post');
+ this.isLoadingResults = false;
+ });
+ }
+
+ /** Change password @public */
+ public changePassword(): void {
+ this.isLoadingResults = true;
+ this.userID = sessionStorage.getItem('user_id');
+ const payLoad: LOGINPARAMS = {};
+ payLoad.password = (this.userForm.value.password);
+ payLoad.email_id = (sessionStorage.getItem('mail'));
+ const apiURLHeader: APIURLHEADER = {
+ url: environment.USERS_URL + '/' + this.userID,
+ httpOptions: { headers: this.headers }
+ };
+ this.restService.patchResource(apiURLHeader, payLoad).subscribe((result: {}): void => {
+ this.activeModal.close(this.modalData);
+ this.router.navigate(['/login']).catch((): void => {
+ // Catch Navigation Error
+ });
+ this.authService.logoutResponse();
+ this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.CHANGEDSUCCESSFULLY'));
+ this.isLoadingResults = false;
+ }, (error: ERRORDATA): void => {
+ this.restService.handleError(error, 'put');
+ this.isLoadingResults = false;
+ });
+ }
+
/** Add user @public */
public addUser(): void {
this.isLoadingResults = true;
- const payLoad: {} = JSON.stringify({
- username: (this.userForm.value.userName).toLowerCase(),
- password: (this.userForm.value.password),
- domain_name: !isNullOrUndefined(this.userForm.value.domain_name) ? this.userForm.value.domain_name : undefined
- });
+ if (!isNullOrUndefined(this.userForm.value.email_id) && this.userForm.value.email_id !== '') {
+ this.addPayload = JSON.stringify({
+ username: (this.userForm.value.userName).toLowerCase(),
+ password: (this.userForm.value.password),
+ email_id: (this.userForm.value.email_id),
+ domain_name: !isNullOrUndefined(this.userForm.value.domain_name) ? this.userForm.value.domain_name : undefined
+ });
+ } else {
+ this.addPayload = JSON.stringify({
+ username: (this.userForm.value.userName).toLowerCase(),
+ password: (this.userForm.value.password),
+ domain_name: !isNullOrUndefined(this.userForm.value.domain_name) ? this.userForm.value.domain_name : undefined
+ });
+ }
const apiURLHeader: APIURLHEADER = {
url: environment.USERS_URL,
httpOptions: { headers: this.headers }
};
- this.restService.postResource(apiURLHeader, payLoad).subscribe((result: {}): void => {
+ this.restService.postResource(apiURLHeader, this.addPayload).subscribe((result: {}): void => {
this.activeModal.close(this.modalData);
this.isLoadingResults = false;
this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.CREATEDSUCCESSFULLY'));
} else if (this.userType === 'changePassword') {
payLoad.password = (this.userForm.value.password);
payLoad.old_password = (this.userForm.value.old_password);
- } else {
+ } else if (this.userType === 'editmail') {
+ payLoad.email_id = (this.userForm.value.email_id);
+ }
+ else {
payLoad.username = this.userForm.value.userName.toLowerCase();
}
const apiURLHeader: APIURLHEADER = {
if (this.isFirstLogin) {
this.activeModal.close(this.modalData);
this.authService.destoryToken();
+ } else if (this.userType === 'forgotPassword') {
+ this.activeModal.close(this.modalData);
+ this.router.navigate(['/login']).catch((): void => {
+ // Catch Navigation Error
+ });
+ } else if (this.userType === 'change_password') {
+ this.authService.logoutResponse();
+ this.activeModal.close(this.modalData);
+ this.router.navigate(['/forgotpassword']).catch((): void => {
+ // Catch Navigation Error
+ });
} else {
this.activeModal.close(this.modalData);
}
projects / osm / NG-UI.git / commitdiff