47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
<p-table #dt [value]="noAssignedRoutes" [loading]="isLoading" [paginator]="true" [rows]="10" size="small" [columns]="cols"
|
|
[rowsPerPageOptions]="[10, 25, 50]" styleClass="p-datatable-sm text-sm">
|
|
|
|
<ng-template pTemplate="header">
|
|
<th *ngFor="let col of cols" pSortableColumn="{{ col.field }}">
|
|
{{ col.header }}
|
|
<p-sortIcon [field]="col.field"></p-sortIcon>
|
|
|
|
<p-columnFilter [field]="col.field" display="menu" matchMode="contains" [showMatchModes]="false"
|
|
[showOperator]="false" [showAddButton]="false">
|
|
</p-columnFilter>
|
|
</th>
|
|
</ng-template>
|
|
|
|
<ng-template pTemplate="body" let-row>
|
|
<tr>
|
|
<td class="text-left">{{ row.pdv_id }}</td>
|
|
<td class="text-left">{{ row.pdv_nombre }}</td>
|
|
<td class="text-left">{{ row.minimo_horas_semana }}</td>
|
|
<td class="text-left">{{ row.latitud }}</td>
|
|
<td class="text-left">{{ row.longitud }}</td>
|
|
<td class="text-left">{{ row.motivo }}</td>
|
|
<td class="assignment-actions">
|
|
<select [(ngModel)]="assignmentUser[row.pdv_id]" class="inline-select">
|
|
<option value="">Usuario</option>
|
|
<option *ngFor="let user of userOptions" [value]="user.id">{{ user.name }}</option>
|
|
</select>
|
|
<div class="day-checkboxes">
|
|
<label *ngFor="let day of dayOptions"><input type="checkbox" [checked]="(assignmentDays[row.pdv_id] || []).includes(day)" (change)="toggleDay(row.pdv_id, day, $any($event.target).checked)">{{ day.substring(0, 3) }}</label>
|
|
</div>
|
|
<button type="button" class="btn-icon" (click)="assignRoute(row)" [disabled]="assigningId === row.pdv_id" title="Asignar y calcular ruta">
|
|
<span *ngIf="assigningId === row.pdv_id" class="spinner-inline"></span>
|
|
<i *ngIf="assigningId !== row.pdv_id" class="pi pi-plus"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</ng-template>
|
|
<ng-template pTemplate="emptymessage">
|
|
<tr>
|
|
<td colspan="7" class="text-center">
|
|
No hay registros asignados
|
|
</td>
|
|
</tr>
|
|
</ng-template>
|
|
</p-table>
|
|
<div class="table-error" *ngIf="actionError"><i class="pi pi-exclamation-triangle"></i> {{ actionError }}</div>
|