<!-- <div class="card">
  <div class="card-header">
    <h4>Hault List</h4>

  </div>
  <div class="card-body">
    <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12">
  
        <table id="haultTable" cellspacing="0" style="width: 100%;font-size: 14px;">
          <thead style="background-color:#e0e0e0;color: #444444;">
            <tr>
              <th style="text-align: left;">{{'Poi Name' | translate}}</th>
              <th style="text-align: left;">{{'Poi Type' | translate}}</th>
              <th style="text-align: left;">{{'Address' | translate}}</th>
            
    
    
            </tr>
          </thead>
        </table>
      
    </div>
    </div>


  </div>

</div> -->


<div class="card">
  <div class="card-body">
    <div class="row" style="margin:0;margin-bottom:10px">
      <!-- <p style="margin-bottom: 0px;">{{'Vehicles' | translate}}</p>
      <md-select multiple [(ngModel)]="selectedDevices" style="padding-top: 0;width: 90%;">
        <md-option type="checkbox" *ngFor="let item of poiDevices;let i = index;" ng-selected="item.isTrue" [value]="item.id"
          (click)="change(item, i)">{{item.deviceName}}</md-option>
      </md-select> -->

      <div style="width: 100%;height: 78vh;">
        <table id="deviceTable1" cellspacing="0" class="display nowrap" style="width: 100%;font-size: 14px;">
          <thead style="background-color:#e0e0e0;color: #444444;">
            <tr>
              <th style="text-align:left;width:100px"><input (change)="selectAll($event)" type="checkbox"> </th>
              <th style="text-align:left;width:100px">{{'Name'|translate}} </th>
              <th style="text-align:left;width:100px">{{'Type'|translate}} </th>
              <th style="text-align:left;width:100px">{{'Address'|translate}} </th>


            </tr>
          </thead>
        </table>


      </div>



    </div>

  </div>
  <div class="card-footer">
    <div class="text-center">
      <button class="btn btn-primary btn-sm" (click)="update()">Update</button>
    </div>

  </div>

</div>