@if (feature; as feature) {
  <div class="row m-0">
    <div class="col-3 w-25 m-0 p-2 thumbnail">
      @if (feature.get('thumbnail')) {
        <img [src]="config.getConfig('apiEndPoint') + '/api/v1/items/'+feature.get('code')+'/thumbnail'" />
      }
      @if (!feature.get('thumbnail')) {
        <div [style.background-color]="itemTypeService.getColor(feature.get('itemType'))">
          <i [ngClass]="itemTypeService.getIcon(feature.get('itemType'))"></i>
        </div>
      }
    </div>
    <div class="col p-2">
      <h1 class="card-title" title="{{feature.get('name')}}"><i [ngClass]="itemTypeService.getIcon(feature.get('itemType'))" [style.color]="itemTypeService.getColor(feature.get('itemType'))"></i>&nbsp;{{feature.get('name')}}</h1>
      <div class="card-text">{{feature.get('datadate')|date:'shortDate'}}</div>
    </div>
  </div>
}