feat: implement route assignment management and sequencing module with interactive data visualization and editing capabilities

2026-08-31 17:56:33 -04:00
parent cd5c57c5ee
commit 9f42175afc
29 changed files with 458 additions and 218 deletions
@@ -64,15 +64,16 @@
          <tr><th>Usuario</th><th>Rutas</th><th>Distancia</th><th>Trabajo</th><th>Utilización</th></tr>
        </thead>
        <tbody>
-          <tr *ngFor="let load of userLoads">
+          <tr *ngFor="let load of userLoads" [class.load-over-capacity]="load.status === 'over-capacity'">
            <td>{{ load.name }}</td>
            <td>{{ load.routes }}</td>
            <td>{{ load.distance | number:'1.0-1' }} km</td>
            <td>{{ load.workHours | number:'1.0-1' }} h</td>
            <td>
-              <div class="utilization-cell">
+              <div class="utilization-cell" [ngClass]="utilizationClass(load)">
                <span>{{ load.utilization | number:'1.0-1' }}%</span>
-                <span class="utilization-bar"><span [style.width.%]="barWidth(load.utilization)"></span></span>
+                <span class="capacity-warning" *ngIf="load.status === 'over-capacity'" [title]="load.alertMessage" aria-label="Alerta de capacidad">⚠️</span>
+                <span class="utilization-bar" [title]="load.alertMessage"><span [style.width.%]="barWidth(load.utilization)"></span></span>
              </div>
            </td>
          </tr>