X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fusers%2Fadd-user%2FAddEditUserComponent.ts;h=5226d5ba55b701229cdd747cfbea160b71c4fc20;hb=6c6860802cae8fe2ae0db852476fc926ea899062;hp=d9885489f434ec56716db3d7747776e112af29f5;hpb=16070582faea47ad9771fdace526136aff3038c0;p=osm%2FNG-UI.git

diff --git a/src/app/users/add-user/AddEditUserComponent.ts b/src/app/users/add-user/AddEditUserComponent.ts
index d988548..5226d5b 100644
--- a/src/app/users/add-user/AddEditUserComponent.ts
+++ b/src/app/users/add-user/AddEditUserComponent.ts
@@ -19,8 +19,9 @@
  * @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';
@@ -28,14 +29,15 @@ import { AuthenticationService } from 'AuthenticationService';
 import { APIURLHEADER, ERRORDATA, LOGINPARAMS, MODALCLOSERESPONSEDATA, TYPESECTION } from 'CommonModel';
 import { environment } from 'environment';
 import { RestService } from 'RestService';
-import { SharedService } from 'SharedService';
-import { isNullOrUndefined } from 'util';
+import { Observable } from 'rxjs';
+import { SharedService, isNullOrUndefined } from 'SharedService';
 
 /**
  * Creating component
  * @Component takes AddEditUserComponent.html as template url
  */
 @Component({
+    selector: 'app-add-edit-user',
     templateUrl: './AddEditUserComponent.html',
     styleUrls: ['./AddEditUserComponent.scss']
 })
@@ -65,15 +67,45 @@ export class AddEditUserComponent implements OnInit {
     /** 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;
 
@@ -98,6 +130,12 @@ export class AddEditUserComponent implements OnInit {
     /** 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);
@@ -107,13 +145,18 @@ export class AddEditUserComponent implements OnInit {
         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],
-            domain_name: [null]
+            old_password: [null, Validators.required],
+            domain_name: [null],
+            otp: [null]
         });
     }
 
@@ -131,20 +174,43 @@ export class AddEditUserComponent implements OnInit {
             this.getDomainList();
         } else if (this.userType === 'editUserName') {
             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').setValidators([]);
             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'
@@ -157,25 +223,153 @@ export class AddEditUserComponent implements OnInit {
             }
             if (userType === 'add') {
                 this.addUser();
-            } else if (userType === 'editUserName' || userType === 'editPassword') {
+            } 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'));
@@ -191,7 +385,13 @@ export class AddEditUserComponent implements OnInit {
         const payLoad: LOGINPARAMS = {};
         if (this.userType === 'editPassword') {
             payLoad.password = (this.userForm.value.password);
-        } else {
+        } else if (this.userType === 'changePassword') {
+            payLoad.password = (this.userForm.value.password);
+            payLoad.old_password = (this.userForm.value.old_password);
+        } else if (this.userType === 'editmail') {
+            payLoad.email_id = (this.userForm.value.email_id);
+        }
+        else {
             payLoad.username = this.userForm.value.userName.toLowerCase();
         }
         const apiURLHeader: APIURLHEADER = {
@@ -201,13 +401,46 @@ export class AddEditUserComponent implements OnInit {
         this.restService.patchResource(apiURLHeader, payLoad).subscribe((result: {}): void => {
             this.checkUsername(payLoad);
             this.activeModal.close(this.modalData);
+            if (this.isFirstLogin) {
+                this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.CHANGEPASSWORD'));
+                this.authService.destoryToken();
+            } else if (this.userType === 'changePassword' && (!this.isFirstLogin)) {
+                this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.CHANGEDSUCCESSFULLY'));
+            } else {
+                this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.EDITEDSUCCESSFULLY'));
+            }
             this.isLoadingResults = false;
-            this.notifierService.notify('success', this.translateService.instant('PAGE.USERS.EDITEDSUCCESSFULLY'));
         }, (error: ERRORDATA): void => {
-            this.restService.handleError(error, 'put');
+            if (this.isFirstLogin) {
+                this.notifierService.notify('error', error.error.detail);
+                this.activeModal.close(this.modalData);
+                this.authService.destoryToken();
+            } else {
+                this.restService.handleError(error, 'put');
+            }
             this.isLoadingResults = false;
         });
     }
+    /** Close the modal and destroy subscribe @public */
+    public close(): void {
+        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);
+        }
+    }
     /** Get domain name list @private */
     private getDomainList(): void {
         this.isLoadingResults = true;
@@ -222,15 +455,16 @@ export class AddEditUserComponent implements OnInit {
 
     /** Used to get the AbstractControl of controlName passed @private */
     private getFormControl(controlName: string): AbstractControl {
+        // eslint-disable-next-line security/detect-object-injection
         return this.userForm.controls[controlName];
     }
 
     /** Method to check loggedin username and update  @private */
     private checkUsername(payLoad: LOGINPARAMS): void {
-        const logUsername: string = localStorage.getItem('username');
+        const logUsername: string = sessionStorage.getItem('username');
         if (this.userType === 'editUserName' && logUsername === this.userName) {
             this.authService.userName.next(payLoad.username);
-            localStorage.setItem('username', payLoad.username);
+            sessionStorage.setItem('username', payLoad.username);
         }
     }
 }