first commit

2026-08-27 17:29:18 -04:00
commit 2405dda41b
44 changed files with 11368 additions and 0 deletions
@@ -0,0 +1,91 @@
+<div class="assigned-route-container">
+  <div class="header-actions">
+    <input
+      pInputText
+      type="text"
+      placeholder="Buscar..."
+      (input)="dt.filterGlobal($any($event.target).value, 'contains')"
+    />
+    <div class="actions-right">
+      <button type="button" class="btn-secondary" (click)="downloadCSV()">
+        <i class="pi pi-download"></i> Descargar CSV
+      </button>
+      <button
+        type="button"
+        class="btn-secondary"
+        (click)="toggleRutas()"
+        pTooltip="Mostrar u ocultar el detalle de rutas"
+        tooltipPosition="top"
+      >
+        <i [class]="rutasExpandido ? 'pi pi-chevron-up' : 'pi pi-chevron-down'"></i>
+        {{ rutasExpandido ? 'Ocultar rutas' : 'Ver rutas' }}
+      </button>
+    </div>
+  </div>
+
+  <p-table
+    #dt
+    [value]="assignedRoutes"
+    [loading]="isLoading"
+    [paginator]="true"
+    [rows]="10"
+    size="small"
+    [columns]="cols"
+    [rowsPerPageOptions]="[10, 25, 50]"
+    styleClass="p-datatable-sm text-sm"
+  >
+    <ng-template pTemplate="caption">
+      <div class="table-caption">
+        <span class="font-bold">Rutas asignadas</span>
+        <span class="count">{{ assignedRoutes.length }} registros</span>
+      </div>
+    </ng-template>
+
+    <ng-template pTemplate="header">
+      <tr>
+        <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>
+      </tr>
+    </ng-template>
+
+    <ng-template pTemplate="body" let-row>
+      <tr>
+        <td>{{ row.json.nombre_usuario }}</td>
+        <td>{{ row.json.nombre_pdv }}</td>
+        <td>{{ row.json.hora_laboral_semanal_usuario }}</td>
+        <td>{{ row.json.hora_minima_semanal_pdv }}</td>
+        <td>{{ row.json.horas_trabajo }}</td>
+        <td>{{ row.json.dia }}</td>
+        <td>{{ row.json.distancia }}</td>
+        <td>{{ row.json.horas_desplazamiento }}</td>
+        <td class="text-center">
+          <button
+            type="button"
+            class="btn-icon"
+            (click)="onShowMap(row)"
+            pTooltip="Ver en mapa"
+            tooltipPosition="top"
+          >
+            <i class="pi pi-map-marker"></i>
+          </button>
+        </td>
+      </tr>
+    </ng-template>
+
+    <ng-template pTemplate="emptymessage">
+      <tr>
+        <td colspan="9" class="text-center">No hay rutas asignadas</td>
+      </tr>
+    </ng-template>
+  </p-table>
+</div>