VLEX/BPM-UI/src/app/Shared/menurights/menurights.component.html

<div class="content">
  <form *ngIf="_menuList && actions ; else loading" [formGroup]="menurightsForm">

      <div class="form-group row">
        <div class="col-md-12">
          <label class="labelfont" for="menusaction">Menu Rights<span style="color:red;">*</span></label>
        </div>
        <div class="col-md-12 table-responsive">
          <div style="max-height:450px;overflow-y:auto;border:1px solid black;">
            <table class="table jambo_table" *ngIf="_menuList">
              <thead class="headings">
                <tr>
                  <td>
                    <input type="checkbox" formControlName="selectAll" (change)="selectAll($event);" /><span>Select</span>
                  </td>
                  <td>Menus</td>
                  <td>Rights</td>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of _menuList;let m=index">
                  <td><input type="checkbox" formControlName="menumapped" name="menumapped" (change)="onMenuChange(item.menuid,$event);" [value]="item.menuid" id={{item.menuid}} /></td>
                  <td>{{item.menu}}</td>
                  <td>
                    <div [hidden]="item.issubmenu==0">
                      <label formArrayName="actions" *ngFor="let a of menurightsForm.controls.actions.controls; let i = index">
                        <input type="checkbox" [formControlName]="i" id="{{item.menuid}}_{{actions[i].actionid}}" name="actions" (change)="onCheckboxChange(item.menuid,actions[i].actionid,$event.target.checked)">
                        {{actions[i].action}} &nbsp;&nbsp;&nbsp;
                      </label>
                      </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
   

  </form>

</div>
<ngx-spinner bdColor="rgba(255, 255, 255, 0.8)" size="default" type="line-scale-party" [fullScreen]="false">
</ngx-spinner>