X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.ts;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.ts;h=85893e9cae3a30e94aaebaae9aa70b4e261b01cb;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hp=0000000000000000000000000000000000000000;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b;p=it%2Fotf.git

diff --git a/otf-frontend/client/src/app/signup/signup.component.ts b/otf-frontend/client/src/app/signup/signup.component.ts
new file mode 100644
index 0000000..85893e9
--- /dev/null
+++ b/otf-frontend/client/src/app/signup/signup.component.ts
@@ -0,0 +1,102 @@
+/*  Copyright (c) 2019 AT&T Intellectual Property.                             #
+#                                                                              #
+#   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.                                             #
+##############################################################################*/
+
+
+import { Component, OnInit } from '@angular/core';
+import { routerTransition } from '../router.animations';
+import { HttpClient } from '@angular/common/http';
+import { AppGlobals } from '../app.global';
+import { UserService } from '../shared/services/user.service';
+import { Router } from '@angular/router';
+import { User } from '../shared/models/user.model';
+import { MatDialog } from '@angular/material';
+import { AlertModalComponent } from '../shared/modules/alert-modal/alert-modal.component';
+import { AuthService } from '../shared/services/auth.service';
+
+
+@Component({
+    selector: 'app-signup',
+    templateUrl: './signup.component.html',
+    styleUrls: ['./signup.component.scss'],
+    animations: [routerTransition()]
+})
+export class SignupComponent implements OnInit {
+    public user = {
+        password: null,
+        firstName: null,
+        lastName: null,
+        email: null
+    };
+    public passwordConfirm;
+
+    constructor(public router: Router,
+        private auth: AuthService,
+        public dialog: MatDialog
+        ) {
+           
+        }
+
+    ngOnInit() {
+        
+    }
+
+    register(){
+        // let body  = {
+        //     firstName: this.user.firstName,
+        //     lastName: this.user.lastName,
+        //     email: this.user.email,
+        //     password: this.user.password
+        // };
+        
+        if(this.user.password != this.passwordConfirm){
+            const dialogRef = this.dialog.open(AlertModalComponent, {
+                data:{
+                    type: "Alert",
+                    message: "Passwords must match!"
+                }
+
+            });
+            
+            return;
+        }
+
+        this.auth.register(this.user) 
+            .subscribe(
+                (res) => {
+                    const r = this.dialog.open(AlertModalComponent, {
+                        data: {
+                            type: "Alert",
+                            message: "Check your email to verify your account."
+                        }
+                    });
+
+                    r.afterClosed().subscribe(res => {
+                        this.router.navigateByUrl('/login');
+                    })
+                      
+                },
+                (err) => {
+                    this.dialog.open(AlertModalComponent, {
+                        data:{
+                            type: "Alert",
+                            message: err
+                        }
+                    });
+                }
+            );
+        
+        
+    }
+}