recaptcha

src/packages/member/component/signup/signup.component.html

@@ -82,9 +82,7 @@
                         <a href="javascript:void(0)" (click)="policyDisplayOpen()">Privacy Policy</a>
                         </div>
                         <div class="content-section implementation">
-                          <!--<p-growl [value]="msgs" sticky="sticky"></p-growl>-->
 
-                          <!--<p-captcha siteKey="6Ldld1gUAAAAAKBn115dpJcFpsI4G0ZTCcmP29iA" (onResponse)="showResponse($event)" initCallback="initRecaptcha" ></p-captcha>-->
                           <recaptcha
                             [formControl]="myRecaptcha"
                             (scriptLoad)="onScriptLoad()"

src/packages/member/component/signup/signup.component.ts

@@ -1,27 +1,19 @@
 import {
-  AfterContentInit,
-  AfterViewInit,
   Component,
-  ElementRef,
-  EventEmitter,
-  Input,
-  NgZone,
   OnDestroy,
   OnInit,
-  Output
 } from '@angular/core';
 import { Router } from '@angular/router';
 import { FormGroup, FormBuilder, Validators, AbstractControl, FormControl } from '@angular/forms';
 import { Member } from '@overflow/commons-typescript/model/member';
 import * as AuthStore from '../../store/signup';
 import {Store} from '@ngrx/store';
-import { Message } from 'primeng/api';
 
 @Component({
   selector: 'of-member-signup',
   templateUrl: './signup.component.html',
 })
-export class SignupComponent implements OnInit, AfterViewInit, AfterContentInit, OnDestroy {
+export class SignupComponent implements OnInit, OnDestroy {
   myRecaptcha = new FormControl(false);
 
   signupForm: FormGroup;
@@ -33,77 +25,19 @@ export class SignupComponent implements OnInit, AfterViewInit, AfterContentInit,
   company: AbstractControl;
   termsDisplay = false;
   policyDisplay = false;
-  msgs: Message[] = [];
-
-  // private _instance: any = null;
-
-  // @Input() initCallback = 'initRecaptcha';
-  // @Input() siteKey = '6Ldld1gUAAAAAKBn115dpJcFpsI4G0ZTCcmP29iA';
-  // @Input() theme = 'light';
-  // @Input() type = 'image';
-  // @Input() size = 'normal';
-  // @Input() tabindex = 0;
-  // @Input() language: string = null;
-
-  // @Output() onResponse: EventEmitter<any> = new EventEmitter();
-  // @Output() onExpire: EventEmitter<any> = new EventEmitter();
 
   constructor(
     private router: Router,
     private formBuilder: FormBuilder,
     private store: Store<AuthStore.State>,
-    public el: ElementRef,
-    public _zone: NgZone,
   ) { }
 
-  ngAfterViewInit() {
-    // console.log('ddddd');
-  }
-
-  ngAfterContentInit() {
-    // if ((<any>window).grecaptcha) {
-    //   console.log((<any>window).grecaptcha);
-    //   this.init();
-    // } else {
-    //   (<any>window)[this.initCallback] = () => {
-    //     this.init();
-    //   };
-    // }
-  }
-
-  init() {
-    // console.log(this.el.nativeElement.children[2]);
-    // console.log((<any>window).grecaptcha.render());
-    //
-    //
-    //
-    // this._instance = (<any>window).grecaptcha.render(this.el.nativeElement.children[2], {
-    //   'sitekey': this.siteKey,
-    //   'theme': this.theme,
-    //   'type': this.type,
-    //   'size': this.size,
-    //   'tabindex': this.tabindex,
-    //   'hl': this.language,
-    //   'callback': (response: string) => {this._zone.run(() => this.recaptchaCallback(response)); },
-    //   'expired-callback': () => {this._zone.run(() => this.recaptchaExpiredCallback()); },
-    // });
-  }
 
   ngOnInit() {
     this.initForm();
   }
 
   ngOnDestroy() {
-    // if (this._instance != null) {
-    //   (<any>window).grecaptcha.reset(this._instance);
-    // }
-  }
-
-  reset() {
-    // if (this._instance === null)
-    //   return;
-    //
-    // (<any>window).grecaptcha.reset(this._instance);
   }
 
   initForm() {
@@ -197,20 +131,6 @@ export class SignupComponent implements OnInit, AfterViewInit, AfterContentInit,
     this.policyDisplay = false;
   }
 
-  // showResponse(event) {
-  //   this.msgs = [];
-  //   this.msgs.push({severity: 'info', summary: 'Succees', detail: 'User Responded'});
-  // }
-
-  recaptchaCallback(response: string) {
-    // this.onResponse.emit({
-    //   response: response
-    // });
-  }
-
-  recaptchaExpiredCallback() {
-    // this.onExpire.emit();
-  }
   onScriptLoad() {
     console.log('Google reCAPTCHA loaded and is ready for use!');
   }

src/packages/member/member.module.ts

@@ -9,7 +9,6 @@ import { COMPONENTS } from './component';
 import { SERVICES } from './service';
 import { PrimeNGModules } from '../commons/prime-ng/prime-ng.module';
 import { QRCodeModule } from 'angularx-qrcode';
-import { CaptchaModule } from 'primeng/captcha';
 import { RecaptchaModule } from 'angular-google-recaptcha';
 
 @NgModule({