ADAM / AIAHTML5

import { Component, OnInit, AfterViewInit, ViewChild, ElementRef, HostListener } from '@angular/core';
import { UserService } from '../userentity/user.service';
import { Router } from '@angular/router';
import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { User,License } from '../userentity/datamodel';
import { Http, Response } from '@angular/http';
import { GlobalService } from '../../shared/global';
import { LicenseService } from '../licenseentity/license.service';
//import { DBOperation } from 'S';
import { Observable } from 'rxjs/Observable';
import { ConfirmService } from '../../shared/confirm/confirm.service';
import 'rxjs/Rx';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/filter';
import { LoadingService } from '../../shared/loading.service';

@Component({
  templateUrl: './adduser.component.html' // '../../../../../wwwroot/html/UpdateProfile/updateuserprofile.component.html'
})

export class AddUser implements OnInit, AfterViewInit {
  user: User;
  baseUrl: string = "User";
  adduserFrm: FormGroup;
  useFname: string;
  error;
  status: boolean;
  alerts: string;
  emailPattern = "^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$";
  public UserTypeList: any;
  public AccountNumberList: any;
  tempLstAccountNumbers: any;
  public ProductEditionList: any;
  modalTitle: string;
  accountDropDownText: string;
  loopIdx1: number;
  loopIdx2: number;
  lastScrollPos: number;
  license: License;
  LicenseTypeId:number=0;
  //@ViewChild("profileModal")
  //profileModal: ModalComponent;
  //errorMessage: any;
  @ViewChild('accountNo') accountNodiv: ElementRef;
  isDropup = false;

  constructor(private _loadingService: LoadingService, private userservice: UserService, private router: Router, private fb: FormBuilder, private http: Http,
    private _confirmService: ConfirmService, public commonService: GlobalService,private licenseService: LicenseService,
  ) { }

  ngOnInit(): void {

    this.user = new User();
    this.alerts = '';
    this.accountDropDownText = 'Select';
    this.loopIdx1 = 0;
    this.loopIdx2 = 0;
    this.lastScrollPos = 0
    //this.userservice.GetUserById(this.UserId);
    this.adduserFrm = this.fb.group({
      id: [''],
      UserName: ['', [Validators.required, Validators.minLength(8),this.noWhitespaceValidator]],
      Password: ['', [Validators.required, Validators.minLength(8),this.noWhitespaceValidator]],
      ConfirmPassword: ['', [Validators.required,this.noWhitespaceValidator]],
      FirstName: ['', [Validators.required,this.noWhitespaceValidator]],
      LastName: ['', [Validators.required,this.noWhitespaceValidator]],
      EmailId: ['', [Validators.required,this.noWhitespaceValidator]],
      AccountNumberId: ['', Validators.required],
      UserTypeId: ['', Validators.required],
      ProductEditionId: ['', Validators.required]
    });

    this._loadingService.ShowLoading("global-loading");
    this.bindUsers(0);
    if(this.router.url === '/adduser')
    {
      this.GetAccountNumber();
    }
    else{
      this._loadingService.HideLoading("global-loading");
    }
      
  }
  ngAfterViewInit() {
    if(this.router.url === '/adduser')
    {
      this.CheckDropDownOrUp(this.accountNodiv.nativeElement);
    }
   
  }
  redirect() {
    this.router.navigate(['/']);
  }
  public noWhitespaceValidator(control: FormControl) {
    // new validation for intial whaite space
    //****Birendra *****/
     var isValid=false;
     if(control.value!=null)
     {
      var controlLen=control.value.length;
      if(controlLen==undefined)//undefined for integer value
      {
       isValid=true;
      }
     else if(controlLen!=0)
      {
        const isWhitespace = (control.value || '').trim().length === 0;
         isValid = !isWhitespace;
        if(!isValid)
        {
          control.setValue('');
          
        }
      }
     }  
     // can use also on page of input control
     //
     return isValid ? null: { 'whitespace': true };
     
 }
  GetUserTypeByLicenseId() {
    var Accountnumber = this.adduserFrm.controls['AccountNumberId'].value;
    if (Accountnumber == "") { Accountnumber = 0 }
    this.userservice.GetUserTypeByLicenseType({
      AccountNumberId: Accountnumber
    }).subscribe(x => { this.UserTypeList = x; }, error => this.error = <any>error);
  }
  GetAccountNumber() {
    this.userservice.GetAccountNumber()
      .subscribe(x => {
        this.AccountNumberList = x;
        this.tempLstAccountNumbers = [];
        this.loopIdx1 = 0;
        this.loopIdx2 = 0;
        this.lastScrollPos = 0;
        if (this.commonService.UserType > 2) {
          this.accountDropDownText = this.commonService.AccountNumber;
          this.tempLstAccountNumbers.push(this.accountDropDownText);
          this.AccountNumberChanged(this.commonService.AccLicId, this.accountDropDownText);
        }
        else {
          for (var i = 0; i < 50; i++) {
            this.tempLstAccountNumbers.push(this.AccountNumberList[this.loopIdx2++]);
          }

          this._loadingService.HideLoading("global-loading");
        }
       
      },
      error => this.error = <any>error);
  }

  GetProductEdition() {
    this.userservice.GetProductEdition({
      AccountNumberId: this.adduserFrm.controls['AccountNumberId'].value
    })
      .subscribe(x => { 
        console.log(x); 
        this.ProductEditionList = x ;
        this._loadingService.HideLoading("global-loading");
      }, error => this.error = <any>error);
  }
 
  AccountNumberChanged(LicenseId: number, SelectText: string) {
    this._loadingService.ShowLoading("global-loading");
    this.accountDropDownText = SelectText;
    this.adduserFrm.controls['AccountNumberId'].setValue(LicenseId);
    this.GetUserTypeByLicenseId();
    this.GetProductEdition();   
      
      this.licenseService.GetLicenseById(LicenseId)
        .subscribe(st => {        
          this.license = st;
          this.LicenseTypeId=this.license.LicenseTypeId;
        },
        error => this.error = <any>error);
    
    return false;
  }

  onScroll($event) {
    if (this.lastScrollPos > $event.target.scrollTop) {
      for (var i = 0; i < 1000; i++) {
        if (this.loopIdx1 > 0)
          this.tempLstAccountNumbers.unshift(this.AccountNumberList[this.loopIdx1--]);
      }
    }
    else {
      for (var i = 0; i < 1000; i++) {
        if (this.loopIdx2 < this.AccountNumberList.length)
          this.tempLstAccountNumbers.push(this.AccountNumberList[this.loopIdx2++]);
      }
    }
    this.lastScrollPos = $event.target.scrollTop;
  }

  onOpenChange(data: boolean): void {
    if (!data) {
      this.loopIdx1 = 0;
      this.loopIdx2 = 0;
      this.tempLstAccountNumbers = [];
      for (var i = 0; i < 50; i++) {
        this.tempLstAccountNumbers.push(this.AccountNumberList[this.loopIdx2++]);
      }
    }
  }

  onKeyPress($event) {
    let FindItem = this.AccountNumberList.find(C => (C.AccountNumber.toLowerCase().indexOf($event.key) == 0));
    let prevIdx = 0;
    if (FindItem != null) {
      for (var i = 0; i < this.AccountNumberList.length; i++) {
        if (FindItem.Id == this.AccountNumberList[i].Id) {
          prevIdx = i;
          break;
        }
      }
      this.tempLstAccountNumbers = [];
      this.loopIdx1 = prevIdx;
      this.loopIdx2 = prevIdx;
      for (var i = 0; i < 50; i++) {
        if (this.loopIdx2 < this.AccountNumberList.length)
          this.tempLstAccountNumbers.push(this.AccountNumberList[this.loopIdx2++]);
      }
      this.lastScrollPos = 0;
      $event.target.nextElementSibling.scrollTop = 0;
    }
  }

  public AddUser() {

    this.alerts = '';
    
    if (this.adduserFrm.value.UserName == '' ||(!this.adduserFrm.controls.UserName.valid))
    {
      this.alerts += '<span>User Name of minimum 8 characters is required.</span>';
    }
    if (this.adduserFrm.value.Password == '' ||(!this.adduserFrm.controls.Password.valid )) {
      this.alerts += '</br><span>Password of minimum 8 characters is required.</span>';
    }
   
    if (this.adduserFrm.value.ConfirmPassword == '') {
      this.alerts += '</br><span>Confirm Password is required.</span>';
    }
    if (this.adduserFrm.value.Password != this.adduserFrm.value.ConfirmPassword) {
      this.alerts += '</br><span>Password and confirm password must be same</span>';
    }
    
    if (this.adduserFrm.value.EmailId == '' ||(!this.adduserFrm.controls.EmailId.valid)) {
      this.alerts += '</br><span>Email Id is required.</span>';
    }
          
    if (this.adduserFrm.value.FirstName == '') {
    this.alerts += '</br><span>First Name is required.</span>';
    }
    if (this.adduserFrm.value.LastName == '') {
    this.alerts += '</br><span>Last Name is required.</span>';
     }
 
     if(this.router.url === '/adduser')
     {
        if (this.adduserFrm.value.AccountNumberId == '0') {
          this.alerts += '</br><span>Please select account number</span>';
        }
        if (this.adduserFrm.value.UserTypeId == '0') {
          this.alerts += '</br><span>Please select user type</span>';
        }
        if (this.adduserFrm.value.ProductEditionId == '0') {
          this.alerts += '</br><span>Please select product edition</span>';
        }
     }
   
    if (this.alerts == '') {
      var AddUserEntity = this.adduserFrm.value;
      return this.userservice.InsertUser(AddUserEntity)
        .subscribe(
        n => (this.AfterInsertData(n)),
        error => {
          this.error = <any>error;
          this.alerts = "<span>" + this.error + "</span>";
        });
    }

  }
  AfterInsertData(data) {
    //debugger;
    if (data == "User added successfully") {
      this.alerts = '';
      this._confirmService.activate("User added successfully.", "alertMsg");
    }

  }
  ResetForm() {
   var lcid= this.adduserFrm.controls['AccountNumberId'].value;
    this._buildForm(lcid);
  }
  _buildForm(lcid) {
    this.adduserFrm = this.fb.group({
      id: [''],
      UserName: ['', [Validators.required, Validators.minLength(8),this.noWhitespaceValidator]],
      Password: ['', [Validators.required, Validators.minLength(8),this.noWhitespaceValidator]],
      ConfirmPassword: ['', [Validators.required,this.noWhitespaceValidator]],
      FirstName: ['', [Validators.required,this.noWhitespaceValidator]],
      LastName: ['', [Validators.required,this.noWhitespaceValidator]],
      EmailId: ['', [Validators.required,this.noWhitespaceValidator]],
      AccountNumberId: ['', Validators.required],
      UserTypeId: ['', Validators.required],
      ProductEditionId: ['', Validators.required]
    });
    this.bindUsers(lcid);
  }
  CheckDropDownOrUp(elm: any) {
    var dropDownTop = elm.children[0].offsetTop;
    var dropDownBottom = elm.children[0].offsetTop + elm.children[0].offsetHeight + 330;
    var screenBottom = (window.innerHeight) + window.pageYOffset;
    if (dropDownTop <= screenBottom && screenBottom <= dropDownBottom) {
      this.isDropup = true;
    }
    else {
      this.isDropup = false;
    }
  }
  @HostListener('window:scroll', ['$event'])
  onWindowScroll(event) {
    if(this.router.url === '/adduser')
    {
      this.CheckDropDownOrUp(this.accountNodiv.nativeElement);
    }
  }

  @HostListener('window:resize', ['$event'])
  onWindowResize(event) {
    if(this.router.url === '/adduser')
    {
      this.CheckDropDownOrUp(this.accountNodiv.nativeElement);
    }
  }
  bindUsers(lcid) {
    this.alerts = '';
    if (this.commonService.UserTypeName == "Client Admin" || this.commonService.UserTypeName == "District Admin" ) 
    {
      this.adduserFrm.controls['AccountNumberId'].setValue(lcid)
    }
    else
    {
      this.accountDropDownText = 'Select';
      this.adduserFrm.controls['AccountNumberId'].setValue(0)
    }
 
    this.adduserFrm.controls['id'].setValue(0)
    this.adduserFrm.controls['FirstName'].setValue('')
    this.adduserFrm.controls['LastName'].setValue('')
    this.adduserFrm.controls['EmailId'].setValue('')
    this.adduserFrm.controls['UserName'].setValue('')
    this.adduserFrm.controls['Password'].setValue('')
    this.adduserFrm.controls['ConfirmPassword'].setValue('')
    
    if(this.router.url === '/adduser')
    {
      this.adduserFrm.controls['UserTypeId'].setValue(0)
    }
    else
    {
      // for genral admin
      this.adduserFrm.controls['UserTypeId'].setValue(2)
    }
   
    this.adduserFrm.controls['ProductEditionId'].setValue(0)

  }
}