licensemodulesettings.component.html 6.16 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-7">
                <div class="row">
                  <div class="col-sm-12">
                    <div class="form-group marginTop5">
                      <label for="Account Number" class="col-sm-5 col-lg-6 control-label text-right-lg paddTop7 padd-left0">Account Number :</label>
                    </div>
                    <div class="col-sm-6 col-lg-6 padd-left0 padd-right0">
                      <select id='accountSelect'>
                        <option *ngFor="let item of tempLstAccountNumbers" [value]="item.m_Item1">{{item.m_Item2}}</option>
                      </select>                  
                    </div>
                  </div>                
                </div>
              </div>
            </div>
          </div>
  
          <div class="col-sm-12 padd-left0 padd-right0" style="height:720px">
  
            <div class="well">
              <div class="row">
                <div class="col-sm-12 col-sm-offset-0 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
                  <div class="panel-body">
                    <!-- form -->
                    <form class="form-horizontal" [formGroup]="updateModuleSettingsFrm">
                      <div class="form-group" *ngIf="lstModuleStatus!=null">
                        <label for="inputPassword3" class="col-sm-2 col-md-2 col-lg-3 control-label">Module :</label>
                        <div class="col-sm-10 col-md-8 col-lg-5">
                          <div class="row" *ngFor="let item of this.updateModuleSettingsFrm.controls['lstModuleStatus'].value; let i = index">
                            <div class="col-sm-7 col-md-8 col-lg-8">
                              <span class="help-block">{{item.m_Item3}}</span>
                            </div>
                            <div class="col-sm-3 col-md-3 col-lg-3">
                              <label class="radio-inline">
                                <input name="{{item.m_Item3}}" [value]="true" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}" (change)="handleChange(item.m_Item3,item.m_Item2)"> On
                              </label>
                              <label class="radio-inline">
                                <input name="{{item.m_Item3}}" [value]="false" type="radio" [(ngModel)]="item.m_Item2" [ngModelOptions]="{standalone: true}" (change)="handleChange(item.m_Item3,item.m_Item2)"> Off
                              </label>
                            </div>
                                <div id="courseDiv" class="col-sm-10 col-sm-offset-0 col-md-11 col-md-offset-0 col-lg-10 col-lg-offset-0" *ngIf="item.m_Item2==true && item.m_Item1==17">
                                  <!-- multiselect.component.html page customized from node module  'angular2-multiselect-checkbox-dropdown'-->
                                <angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" formControlName="courselist"
                                [settings]="dropdownSettings" 
                                (onSelect)="onItemSelect($event)" 
                                (onDeSelect)="OnItemDeSelect($event)"
                                (onSelectAll)="onSelectAll($event)"
                                (onDeSelectAll)="onDeSelectAll($event)"> 
                              </angular2-multiselect>
                              </div>
                          </div>
                        </div>
                        
                      </div>   
                    
                      <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12  marginTop20 text-center">
                          <button (click)="UpdateLicenseModulesStatus(templatesuccess)" class="btn btn-primary btn-sm" [disabled]="LicenseId == 0"><i class="fa fa-check"></i> Update</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 -->