licensemodulesettings.component.html 6.88 KB
<!-- main-heading -->
<div class="row">
  
    <div class="col-sm-12 pageHeading" style="margin-left: 15px;">
      <h4>Manage Module</h4>
    </div>
  
    <ng-template #templatesuccess>
      <div class="modal-header">
        <h4 class="modal-title pull-left">Confirmation</h4>
        <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" [innerHTML]="modalAlerts">
      </div>
      <div class="modal-footer">
      </div>
    </ng-template>
  
    <div class="col-sm-12">
  
      <div class="container-fluid main-full">
  
        <div class="row">
  
          <div class="well no-margin-btm">
            <div class="row">
              <div class="col-lg-4 col-sm-4">
                <div class="row">
                  <div class="col-sm-12" *ngIf="this.globalService.UserType == 1 || this.globalService.UserType == 2">
                    <div class="form-group marginTop5">
                      <label for="Account Number" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
                    </div>
                    <div class="col-sm-12 col-lg-6 padd-left0 padd-right0" dropdown (isOpenChange)="onOpenChange($event)" (keyup)="onKeyPress($event)">
                      <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
                              aria-controls="dropdown-basic" style="width: 200px; height: 30px;">
                        <span class="pull-left" style="margin-top: -1px;">{{accountDropDownText}}</span>
                        <span class="caret pull-right" style="margin-top: 6px;"></span>
                      </button>
                      <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-basic" style="overflow: scroll; height: 200px;" (scroll)="onScroll($event)">
                        <li role="menuitem">
                          <a class="dropdown-item" href="#" (click)="AccountNumberChanged(0, 'Select')">Select</a>
                        </li>
                        <li role="menuitem" *ngFor="let item of tempLstAccountNumbers">
                          <a class="dropdown-item" href="#" (click)="AccountNumberChanged(item.m_Item1, item.m_Item2)">{{item.m_Item2}}</a>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="col-sm-12" *ngIf="this.globalService.UserType > 2">
                    <div class="form-group marginTop5">
                      <label for="Account Number" class="col-sm-12 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
                    </div>
                    <div class="col-sm-12 col-lg-6 padd-left0 padd-right0" dropdown (isOpenChange)="onOpenChange($event)" (keyup)="onKeyPress($event)">
                      <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"
                              aria-controls="dropdown-basic" style="width: 200px; height: 30px;">
                        <span class="pull-left" style="margin-top: -1px;">{{accountDropDownText}}</span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
  
          <div class="col-sm-12 padd-left0 padd-right0">
  
            <div class="well">
              <div class="row">
                <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
                  <div class="panel-body">
                    <!-- form -->
                    <form class="form-horizontal" [formGroup]="updateModuleSettingsFrm" (submit)="UpdateLicenseModulesStatus(templatesuccess)">
                      <div class="form-group" *ngIf="lstModuleStatus!=null">
                        <label for="inputPassword3" class="col-sm-3 control-label">Module :</label>
                        <div class="col-sm-9">
                          <div class="row" *ngFor="let item of this.updateModuleSettingsFrm.controls['lstModuleStatus'].value; let i = index">
                            <div class="col-sm-6">
                              <span class="help-block">{{item.m_Item3}}</span>
                            </div>
  
                            <div class="col-sm-6">
                              <label class="radio-inline">
                                <input name="{{item.m_Item3}}" [value]="true" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}"> On
                              </label>
                              <label class="radio-inline">
                                <input name="{{item.m_Item3}}" [value]="false" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}"> Off
                              </label>
                            </div>
                          </div>
                        </div>
                      </div>
  
                      <div class="row">
                        <div class="col-sm-12 marginTop20 text-center">
                          <button type="submit" class="btn btn-primary btn-sm" [disabled]="license.LicenseId == 0"><i class="fa fa-check"></i> Save</button>
                        </div>
                      </div>
                    </form>
                    <!-- form -->
                  </div>
                </div>
  
                <!--save-button-->
                <div class="modal fade bs-example-modal-sm ui-draggable text-left" tabindex="-1" role="dialog" id="mymodal">
                  <div class="modal-dialog modal-sm" role="document">
                    <div class="modal-content">
                      <div class="modal-header annotation-modal-header ui-draggable-handle">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <h4 class="modal-title" id="">Alert</h4>
                      </div>
                      <div class="modal-body">
                        <h5>Modules has been updated successfully.</h5>
                      </div>
                      <div class="modal-footer">
                        <div class="row">
                          <div class="col-sm-12"><button class="btn btn-primary btn-sm">Ok</button></div>
                        </div>
                      </div>
  
                    </div>
                    <!-- /.modal-content -->
                  </div>
                  <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->
                <!--Save-button-->
  
              </div>
            </div>
          </div>
        </div>
        <!-- main-heading -->
        <!--container-->
  
      </div>
    </div>
  </div>
  <!-- main-heading -->