first commit

2026-08-27 17:29:18 -04:00
commit 2405dda41b
44 changed files with 11368 additions and 0 deletions
@@ -0,0 +1,106 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { AssignedRouteComponent } from './assigned-route/assigned-route.component';
+import { NoAssignedRouteComponent } from './no-assigned-route/no-assigned-route.component';
+import { RutasService } from '../../core/services/router.service';
+import { RouteState } from '../../core/route-state/route';
+import { ApiResponse } from '../../core/models/route.model';
+
+@Component({
+  standalone: true,
+  selector: 'app-home',
+  imports: [CommonModule, FormsModule, AssignedRouteComponent, NoAssignedRouteComponent],
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.css']
+})
+export class HomeComponent {
+  pdvFile: File | null = null;
+  usuariosFile: File | null = null;
+  uploadError: string | null = null;
+  isLoading = false;
+
+  constructor(
+    private rutasService: RutasService,
+    private routeState: RouteState
+  ) {}
+
+  onPdvFileChange(event: Event) {
+    const input = event.target as HTMLInputElement;
+    if (input.files && input.files.length > 0) {
+      this.pdvFile = input.files[0];
+      this.validateFile(this.pdvFile, 'PDV');
+      this.uploadError = null;
+    }
+  }
+
+  onUsuariosFileChange(event: Event) {
+    const input = event.target as HTMLInputElement;
+    if (input.files && input.files.length > 0) {
+      this.usuariosFile = input.files[0];
+      this.validateFile(this.usuariosFile, 'Usuarios');
+      this.uploadError = null;
+    }
+  }
+
+  private validateFile(file: File, type: string) {
+    const validExtensions = ['.xlsx', '.xls'];
+    const ext = file.name.substring(file.name.lastIndexOf('.')).toLowerCase();
+    if (!validExtensions.includes(ext)) {
+      this.uploadError = `El archivo ${type} debe ser .xlsx o .xls`;
+      if (type === 'PDV') this.pdvFile = null;
+      else this.usuariosFile = null;
+    }
+    if (file.size > 10 * 1024 * 1024) {
+      this.uploadError = `El archivo ${type} supera 10MB`;
+      if (type === 'PDV') this.pdvFile = null;
+      else this.usuariosFile = null;
+    }
+  }
+
+  get canSubmit(): boolean {
+    return !!this.pdvFile && !!this.usuariosFile && !this.uploadError;
+  }
+
+  cargarRutas() {
+    if (!this.canSubmit) return;
+
+    this.isLoading = true;
+    this.uploadError = null;
+    this.routeState.setLoading(true);
+
+    const formData = new FormData();
+    formData.append('pdv_file', this.pdvFile!, this.pdvFile!.name);
+    formData.append('usuarios_file', this.usuariosFile!, this.usuariosFile!.name);
+
+    this.rutasService.calcularRutas(formData).subscribe({
+      next: (res: ApiResponse) => {
+        const assigned = res.find(r => 'assigned' in r);
+        const noAssigned = res.find(r => 'noAssigned' in r);
+        if (assigned) {
+          this.routeState.setAssignedRoutes(assigned.assigned);
+        }
+        if (noAssigned) {
+          this.routeState.setNoAssignedRoutes(noAssigned.noAssigned);
+        }
+        this.routeState.setLoading(false);
+        this.isLoading = false;
+      },
+      error: (err) => {
+        this.uploadError = err.error?.message || 'Error al procesar los archivos';
+        this.routeState.setLoading(false);
+        this.isLoading = false;
+      }
+    });
+  }
+
+  clearFiles() {
+    this.pdvFile = null;
+    this.usuariosFile = null;
+    this.uploadError = null;
+    const pdvInput = document.getElementById('pdvFile') as HTMLInputElement;
+    const usuariosInput = document.getElementById('usuariosFile') as HTMLInputElement;
+    if (pdvInput) pdvInput.value = '';
+    if (usuariosInput) usuariosInput.value = '';
+  }
+}