Ontica/Empiria.Land.Intranet

View on GitHub
src/app/views/land-list/land-list-selector/land-list-selector.component.html

Summary

Maintainability
Test Coverage
<br>

<div class="section-title">Lista de {{itemsType}}s</div>

<div class="fx-row-container fx-space-between fx-items-end" style="min-height: 32px;">

  <div class="fx-item" style="margin: auto 0;">
    {{ itemsList.length + ' ' + itemsType +
     ( itemsList.length === 1 ? ' seleccionado' : 's seleccionados') }}
  </div>

  <input type="search" class="text-box fx-item-third"
    *ngIf="canEdit" placeholder="Buscar {{itemsType}}s por clave y agregarlos a la lista"
    [(ngModel)]="searchUID" (search)="onChangeFilter()">

</div>

<div class="list-container">

  <div *ngFor="let item of itemsList" class="list-item">

    <div class="list-item-container">

      <div class="list-item-name">
        <strong>
          <a>{{item.requestedBy}}</a>
        </strong>
      </div>

      <emp-land-transaction-list-item
        [transaction]="getTransaction(item)"
        [listOptions]="listOptions"
        (optionsClick)="removeFromList(item)">

      </emp-land-transaction-list-item>

    </div>

  </div>

  <div *ngIf="itemsList.length === 0" class="text-not-found">
    <p>La lista de {{itemsType}}s está vacía.</p>
  </div>

</div>