  <div class="row" >
    <div class="col-12">
      <div class="py-3">
        <input type="text" class="form-control w-25" placeholder="ค้นหา" [(ngModel)]="search" >
      </div>
    </div>
    <div class="col-sm-6 col-md-4 col-lg-4  mb-3"  *ngFor="let data of filterListWidget()">
      <div class="card border-5 border border-widget h-100 shadow" >
        <div class=" p-2 border-5">
          <img  width="100" class="card-img-top cover" src="{{data.getImage()}}" (click)="openEmployeeModal(data.getImage())">
        </div>
        <div class="card-body">
          <h4 class="card-title">{{ data.widgetTname }}</h4>
          <p class="card-text ">{{ data.thDesc }}</p>
          <p class="text-info pointer mb-0" (click)="downloadFile(data.widgetId)"><i class="fas fa-download mr-1"></i> ดาวน์โหลด <small class="text-muted" *ngIf="data.dwTime > 0">{{coverDate(data.downloadDate)}} {{data.downloadTime}} ( {{data.dwTime}} ครั้ง)</small></p>
  
          <p class="text-info pointer mb-0" (click)="openLink(data.link1)"><i class="fas fa-link mr-1"></i> ตัวอย่างวิธีใช้งาน</p>
        </div>
        <div class="card-footer border-bottom-5" >
          <small class="text-muted">วันที่อัพโหลด	 {{coverDate(data.uploadDate)}} {{data.uploadTime}}</small>
        </div>
      </div>
    </div>
  </div>