ADAM / AIAHTML5

import { Component, OnInit, AfterViewInit, AfterViewChecked, Input, Output, EventEmitter, Pipe, PipeTransform, TemplateRef, ViewChild } from '@angular/core';
import { UserService } from './user.service';
import { Router, ActivatedRoute } from '@angular/router';
import { FormControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
import { License } from '../UserEntity/datamodel';
import { BsDatepickerModule } from 'ngx-bootstrap';
import { Http, Response } from '@angular/http';
import { DatePipe } from '@angular/common';
import { BsModalService } from 'ngx-bootstrap/modal';
import { BsModalRef } from 'ngx-bootstrap/modal/bs-modal-ref.service';
import { ConfirmService } from '../../Shared/Confirm/confirm.service';
import { PagerComponent } from '../../shared/Pager/pager.component';
import { LoadingService } from '../../shared/loading.service';
import { GlobalService } from '../../Shared/global';
declare var $: any;

@Component({
  templateUrl: './usergroup.component.html'
})

export class UserGroup implements OnInit, AfterViewChecked {

  lstAccountNumbers: any;
  lstLicenseUserGroups: any;
  licenseUserGroup: any;
  lstLicenseUserGroupUsers: any;
  lstAllUsers: any;
  mode: string = 'Search';
  modalTitle: string = 'User Group';
  license: License;
  updateUserGroupFrm: FormGroup;
  error: any;
  alerts: string;
  modalAlerts: string;
  divClass: string = '';
  topPos: string = '2000px';
  selectedRow: number = -1;
  selectedId: number = -1;
  modalRef: BsModalRef;
  checkedRecords: Array<number>;
  NoRecord: string;
  @ViewChild(PagerComponent) pagerComponent: PagerComponent;
  recordCount: number;
  pageNo: number;
  pageLength: number;
  recordCountUser: number;
  pageNoUser: number;
  pageLengthUser: number;
  constructor(private userService: UserService, private router: Router,
    private activeRoute: ActivatedRoute, private fb: FormBuilder, private modalService: BsModalService,
    private _confirmService: ConfirmService, private global: GlobalService, private _loadingService: LoadingService) { }

  ngOnInit(): void {
    this.selectedRow = -1;
    this.selectedId = -1;
    this.divClass = 'col-sm-12';
    this.license = new License();
    this.alerts = '';
    this.NoRecord = this.global.NoRecords;
    this._loadingService.ShowLoading("global-loading");
    this.recordCount = 0;
    this.pageNo = 1;
    this.pageLength = 10;
    this.recordCountUser = 0;
    this.pageNoUser = 1;
    this.pageLengthUser = 10;
    this.pagerComponent = new PagerComponent();
    this.updateUserGroupFrm = this.fb.group({
      userGroupName: ['', Validators.required],
    });
    this.GetLicenseAccounts();
    this._loadingService.HideLoading("global-loading");
  }

  openModal(template: TemplateRef<any>) {
    this.modalRef = this.modalService.show(template);
  }

  onChange(Idx: number, Id: number, isChecked: boolean) {
    if (isChecked) {
      this.checkedRecords[Idx] = Id;
    }
    else {
      this.checkedRecords[Idx] = 0;
    }
  }

  SetClickedRow(i: number, item: any) {
    this.selectedRow = i;
    this.selectedId = item['Id'];
    this.licenseUserGroup = item;
  }

  BindFormFields(data) {
    this.recordCount = data.RecordCount;
    this.lstLicenseUserGroups = data.UserGroupList;
    if (this.selectedRow > -1) {
      this.licenseUserGroup = this.lstLicenseUserGroups[this.selectedRow];
      this.selectedId = this.licenseUserGroup['Id'];
    }
    if (this.lstLicenseUserGroups.length > 0) {
      this.NoRecord = '';
      this._loadingService.HideLoading("global-loading");
    }
    if (this.lstLicenseUserGroups.length == 0) {
      this.NoRecord = this.global.NoRecords;
      this._loadingService.HideLoading("global-loading");
    }
  }

  BindUserFormFields(data) {
    this.recordCountUser = data.RecordCount;
    this.lstLicenseUserGroupUsers = data.UserList;
    if (this.mode == 'Edit') {
      this.checkedRecords = new Array<number>(this.lstLicenseUserGroupUsers.length);
      for (let i = 0; i < this.lstLicenseUserGroupUsers.length; i++) {
        if (this.lstLicenseUserGroupUsers[i].InGroup > 0) {
          this.checkedRecords[i] = this.lstLicenseUserGroupUsers[i].Id;
        }
      }
    }
    if (this.lstLicenseUserGroupUsers.length > 0) {
      this.NoRecord = '';
      this._loadingService.HideLoading("global-loading");
    }
    if (this.lstLicenseUserGroupUsers.length == 0) {
      this.NoRecord = this.global.NoRecords;
      this._loadingService.HideLoading("global-loading");
    }
  }

  GetLicenseAccounts() {
    this.userService.GetLicenseAccounts(0)
      .subscribe(st => { this.lstAccountNumbers = st; }, error => this.error = <any>error);
  }

  GetLicenseUserGroups(evt: any) {
    this.alerts = '';
    this._loadingService.ShowLoading("global-loading");
    var tempArr = evt.split(',');
    this.pageNo = parseInt(tempArr[0]);
    this.pageLength = parseInt(tempArr[1]);
    this.userService.GetLicenseUserGroups(this.license.LicenseId, this.pageNo, this.pageLength)
      .subscribe(st => { this.BindFormFields(st); }, error => this.error = <any>error);
  }
  SearchRecords() {
    this.GetLicenseUserGroups('1, ' + this.pageLength);
  }
  GetLicenseUserGroupUsers(evt: any) {
    this.alerts = '';
    this._loadingService.ShowLoading("global-loading");
    var tempArr = evt.split(',');
    this.pageNoUser = parseInt(tempArr[0]);
    this.pageLengthUser = parseInt(tempArr[1]);
    var AllUsers = false;
    if (this.mode == 'Edit') {
      AllUsers = true;
    }
    this.userService.GetLicenseUserGroupUsers(this.license.LicenseId, this.selectedId, AllUsers, this.pageNoUser, this.pageLengthUser)
      .subscribe(st => { this.BindUserFormFields(st); }, error => this.error = <any>error);
  }
  SearchUserRecords() {
    this.GetLicenseUserGroupUsers('1, ' + this.pageLengthUser);
  }

  AccountNumberChanged(LicenseId: number, evt: any) {
    this.selectedRow = -1;
    this.selectedId = -1;
    this.license.LicenseId = LicenseId;
    this.lstLicenseUserGroups = null;
    this.SearchRecords();
  }

  AfterDeleteData(data, template) {
    if (data.Status == "false") {
      this.alerts = "<span>License user group delete unsuccessfull</span>";
    } else {
      this._confirmService.activate("License user group deleted successfully.", "alertMsg");
      // this.modalAlerts = "<p>License user group deleted successfully</p>";
      //this.modalRef = this.modalService.show(template);
      this.SearchRecords();
    }
  }

  AfterInsertData(data, template) {
    if (data.Status == "false") {
      this.alerts = "<span>License user group save unsuccessfull</span>";
    } else {
      this._confirmService.activate("License user group saved successfully.", "alertMsg");
      //this.modalAlerts = "<p>License user group saved successfully</p>";
      //this.modalRef = this.modalService.show(template);
      this.SearchRecords();
    }
  }

  AfterUpdateData(data, template) {
    if (data.Status == "false") {
      this.alerts = "<span>License user group update unsuccessfull</span>";
    } else {
      this._confirmService.activate("License user group updated successfully.", "alertMsg");
      //this.modalAlerts = "<p>License user group updated successfully</p>";
      //this.modalRef = this.modalService.show(template);
      this.SearchRecords();
    }
  }

  InsertLicenseUserGroup(title: string, template: TemplateRef<any>) {
    this.alerts = '';
    if (title == '' || title == undefined) {
      this.alerts = "<span>Please enter a name for user group.</span>";
      return;
    }
    var obj = {
      'id': 0, 'licenseId': this.license.LicenseId, 'title': title,
      'isActive': true, 'creationDate': new Date(),
      'modifiedDate': new Date()
    };
    if (this.alerts == '') {
      return this.userService.InsertUpdateLicenseUserGroup(obj)
        .subscribe(
        n => (this.AfterInsertData(n, template)),
        error => this.error = <any>error);
    }
  }

  UpdateLicenseUserGroup(template: TemplateRef<any>) {
    this.alerts = '';
    var obj = {
      'id': this.licenseUserGroup.Id,
      'licenseId': this.license.LicenseId,
      'title': this.updateUserGroupFrm.controls['userGroupName'].value,
      'isActive': this.licenseUserGroup.IsActive,
      'creationDate': this.licenseUserGroup.CreationDate,
      'modifiedDate': this.licenseUserGroup.ModifiedDate
    };
    if (this.alerts == '') {
      return this.userService.InsertUpdateLicenseUserGroup(obj)
        .subscribe(
        n => (
          this.UpdateLicenseUserGroupUsers(template)
        ),
        error => this.error = <any>error);
    }
  }

  UpdateLicenseUserGroupUsers(template: TemplateRef<any>) {
    var userIds = '';
    for (let i = 0; i < this.lstLicenseUserGroupUsers.length; i++) {
      if (this.checkedRecords.find(C => C == this.lstLicenseUserGroupUsers[i].Id) > 0) {
        userIds += this.lstLicenseUserGroupUsers[i].Id + '-1,';
      }
      else {
        userIds += this.lstLicenseUserGroupUsers[i].Id + '-0,';
      }
    }
    if (userIds != '') {
      userIds = userIds.substr(0, userIds.length - 1);
    }
    return this.userService.UpdateLicenseUserGroupUsers(this.selectedId, userIds)
      .subscribe(
      n => (
        this.AfterUpdateData(n, template)
      ),
      error => this.error = <any>error);
  }

  DeleteLicenseUserGroup(template: TemplateRef<any>) {
    this.modalRef.hide();
    this.alerts = '';
    if (this.selectedId == 0) {
      this.alerts = "<span>Please select a license user group</span>";
    }
    if (this.alerts == '') {
      return this.userService.DeleteLicenseUserGroup(this.selectedId)
        .subscribe(
        data => (this.AfterDeleteData(data, template)),
        error => {
          this.error = <any>error;
          this.alerts = "<span>License user group delete unsuccessfull</span>";
        });
    }
  }

  EditLicenseUserGroup() {
    $('.ft_r thead tr th:eq(0)').show();
    this.mode = 'Edit';
    this.modalTitle = 'Edit User Group';
    this.topPos = '100px';
    this.alerts = '';
    this.updateUserGroupFrm.controls['userGroupName'].setValue(this.licenseUserGroup.Title);
    this.recordCountUser = 0;
    this.pageNoUser = 1;
    this.pageLengthUser = 10;
    this.SearchUserRecords();
  }

  ngAfterViewChecked() {
    $('#tblUserGroupUsers thead').css('width', $('#tblUserGroupUsers tbody tr:eq(0)').width());
  }

  ViewLicenseUserGroup() {
    $('.ft_r thead tr th:eq(0)').hide();
    this.mode = 'View';
    this.modalTitle = 'View User Group';
    this.topPos = '100px';
    this.alerts = '';
    this.updateUserGroupFrm.controls['userGroupName'].setValue(this.licenseUserGroup.Title);
    this.recordCountUser = 0;
    this.pageNoUser = 1;
    this.pageLengthUser = 10;
    this.SearchUserRecords();
  }

  CancelAddEdit() {
    this.mode = 'Search';
    this.modalTitle = 'User Group';
    this.topPos = '2000px';
    this.SearchRecords();
    this.selectedRow = this.lstLicenseUserGroups.findIndex(C => C.Id == this.selectedId);
    this.SetClickedRow(this.selectedRow, this.lstLicenseUserGroups.find(C => C.Id == this.selectedId));
  }
}