diff options
Diffstat (limited to 'mod2/ui/src/app/reset-password')
4 files changed, 218 insertions, 0 deletions
diff --git a/mod2/ui/src/app/reset-password/reset-password.component.css b/mod2/ui/src/app/reset-password/reset-password.component.css new file mode 100644 index 0000000..730a52d --- /dev/null +++ b/mod2/ui/src/app/reset-password/reset-password.component.css @@ -0,0 +1,18 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed 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. + * # ============LICENSE_END========================================================= + */ + diff --git a/mod2/ui/src/app/reset-password/reset-password.component.html b/mod2/ui/src/app/reset-password/reset-password.component.html new file mode 100644 index 0000000..748216a --- /dev/null +++ b/mod2/ui/src/app/reset-password/reset-password.component.html @@ -0,0 +1,64 @@ +<!-- + # ============LICENSE_START======================================================= + # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + # ================================================================================ + # Licensed 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. + # ============LICENSE_END========================================================= + --> + +<p-card header="Password Reset" [style]="{margin:'100px 300px 500px 300px'}"> + <hr class="line-break"> + <form [formGroup]="form" (ngSubmit)="submit()" class="p-5 bg-faded" style="margin-left: 200px;margin-bottom: 100px;"> + <div class="ui-g ui-fluid" > + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon"><i class="pi pi-user" style="line-height: 1.25;"></i></span> + <input type="text" pInputText placeholder="User id" formControlName="id" > + </div> + </div> + </div> + <div *ngIf="!authService.isAdmin; else admin"> + <div class="ui-g ui-fluid"> + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon"><i class="pi pi-key" style="line-height: 1.25;"></i></span> + <input type="text" pInputText placeholder="New Password" formControlName="newPassword"> + </div> + </div> + </div> + <div class="ui-g ui-fluid"> + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon"><i class="pi pi-key" style="line-height: 1.25;"></i></span> + <input type="text" pInputText placeholder="Confirm Password" formControlName="confirm_newPassword"> + </div> + </div> + </div> + </div> + <ng-template class="ui-g ui-fluid" #admin> + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup"> + <input type="text" pInputText formControlName="password" placeholder="generate password"> + <button pButton type="button" icon="pi pi-refresh" class="ui-button-warn" (click)="generateNewPassword()" ></button> + </div> + </div> + </ng-template> + <p-footer class="text-left ui-g-12"> + <button pButton type="button" class="ui-button-info" label="Cancel" (click)="cancel()" style="margin-right: .25em"></button> + <button pButton type="submit" class="ui-button-success" label="Login" [disabled]="!form.valid"></button> + </p-footer> + <div class="text-left ui-g-12"> + <a routerLink="/register">Not a registered user? Click here to register now!</a> + </div> + </form> + </p-card> diff --git a/mod2/ui/src/app/reset-password/reset-password.component.spec.ts b/mod2/ui/src/app/reset-password/reset-password.component.spec.ts new file mode 100644 index 0000000..a26d90b --- /dev/null +++ b/mod2/ui/src/app/reset-password/reset-password.component.spec.ts @@ -0,0 +1,58 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed 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. + * # ============LICENSE_END========================================================= + */ +import { HttpClientTestingModule } from '@angular/common/http/testing'; +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { RouterTestingModule } from '@angular/router/testing'; +import { JwtHelperService, JWT_OPTIONS } from '@auth0/angular-jwt'; +import { CardModule } from 'primeng/card'; + +import { ResetPasswordComponent } from './reset-password.component'; + +describe('ResetPasswordComponent', () => { + let component: ResetPasswordComponent; + let fixture: ComponentFixture<ResetPasswordComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ResetPasswordComponent], + imports: [ + FormsModule, + ReactiveFormsModule, + CardModule, + HttpClientTestingModule, + RouterTestingModule + ], + providers: [ + { provide: JWT_OPTIONS, useValue: JWT_OPTIONS }, + JwtHelperService + ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ResetPasswordComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/mod2/ui/src/app/reset-password/reset-password.component.ts b/mod2/ui/src/app/reset-password/reset-password.component.ts new file mode 100644 index 0000000..b704b40 --- /dev/null +++ b/mod2/ui/src/app/reset-password/reset-password.component.ts @@ -0,0 +1,78 @@ +/* + * # ============LICENSE_START======================================================= + * # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + * # ================================================================================ + * # Licensed 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. + * # ============LICENSE_END========================================================= + */ + +import { Component, OnInit } from '@angular/core'; +import { FormGroup, FormBuilder, Validators } from '@angular/forms'; +import { AuthService } from '../services/auth.service'; +import { Router } from '@angular/router'; +import { User } from '../models/User'; + +@Component({ + selector: 'app-reset-password', + templateUrl: './reset-password.component.html', + styleUrls: ['./reset-password.component.css'] +}) +export class ResetPasswordComponent implements OnInit { + + form: FormGroup; + + constructor(private fb: FormBuilder, public authService: AuthService, private router: Router) { } + + ngOnInit() { + this.form = this.fb.group({ + id: ['', [Validators.required]], + password: '', + newPassword: '', + confirm_newPassword: '' + }); + } + + cancel() { + this.form.reset(); + } + + generateNewPassword() { + this.form.value.password = ''; + let p = ''; + const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&'; + for(let i=1;i<12;i++) { + const index = Math.floor(Math.random() * chars.length + 1); + this.form.value.password += chars.charAt(index); + } + this.form.patchValue({password: this.form.value.password}); + } + + submit() { + const id = this.form.value.id; + if(!this.authService.isAdmin){ + if(this.form.value.newPassword === this.form.value.confirm_newPassword){ + const password = this.form.value.newPassword; + console.log(id); + console.log(password); // toJane: need to call user API + } else { + alert('Your passwords do not match, please re-confirm!'); + this.form.patchValue({newPassword: '', confirm_newPassword: ''}); + } + } else { + const password = this.form.value.password; + console.log(id); + console.log(password);// toJane: need to call user API + } +} + +} |