55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<td class="cell-vertical-middle">
|
|
<div>
|
|
<strong>ID</strong>
|
|
<app-sort #sortId field="id" (sort)="sort($event)"></app-sort>
|
|
</div>
|
|
</td>
|
|
<td class="cell-vertical-middle">
|
|
<div class="form-inline">
|
|
<strong>Name</strong>
|
|
<app-sort #sortName field="name" (sort)="sort($event)"></app-sort>
|
|
<input class="form-control no-shadow" placeholder="Search" autocomplete="off"
|
|
type="text" [(ngModel)]="searchName" (ngModelChange)="loadDomains()">
|
|
</div>
|
|
</td>
|
|
<td class="cell-vertical-middle">
|
|
<div class="form-inline">
|
|
<strong>Type</strong>
|
|
<app-sort #sortType field="type" (sort)="sort($event)"></app-sort>
|
|
<select class="form-control no-shadow" [(ngModel)]="searchType" (ngModelChange)="loadDomains()">
|
|
<option value="none">No filter...</option>
|
|
<option value="MASTER">Master</option>
|
|
<option value="NATIVE">Native</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="cell-vertical-middle">
|
|
<div>
|
|
<strong>Records</strong>
|
|
<app-sort #sortRecords field="records" (sort)="sort($event)"></app-sort>
|
|
</div>
|
|
</td>
|
|
<td class="cell-vertical-middle"></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let domain of data.data">
|
|
<td>{{domain.id}}</td>
|
|
<td>{{domain.name}}</td>
|
|
<td>{{domain.type}}</td>
|
|
<td>{{domain.records}}</td>
|
|
<td>
|
|
<div>
|
|
<app-fa-icon icon="trash" (click)="deleteDomain(domain.id, domain.name)"></app-fa-icon>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|