feat: creacion de proyectos, gestor de empleados

route-planner/src/app/private/home/assigned-route-detail/assigned-route-detail.component.ts

@@ -99,12 +99,26 @@ export class AssignedRouteDetailComponent implements OnInit, OnDestroy, AfterVie
   }
 
   private initMap() {
-    this.map = L.map('map').setView([18.4861, -69.9312], 13);
+    const territoryBounds = this.routeData ? L.latLngBounds([
+      [Number(this.routeData.json.latitud_usuario), Number(this.routeData.json.longitud_usuario)],
+      [Number(this.routeData.json.latitud_pdv), Number(this.routeData.json.longitud_pdv)]
+    ]) : null;
+    this.map = L.map('map', { maxBoundsViscosity: 0.85 });
+    if (territoryBounds?.isValid()) {
+      this.map.fitBounds(territoryBounds.pad(0.3));
+      this.map.setMaxBounds(territoryBounds.pad(0.6));
+    } else {
+      this.map.setView([18.4861, -69.9312], 13);
+    }
     const pdvPane = this.map.createPane('pdvPane');
     pdvPane.style.zIndex = '650';
 
     this.tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-      attribution: '© OpenStreetMap contributors'
+      attribution: '© OpenStreetMap contributors',
+      bounds: territoryBounds?.isValid() ? territoryBounds.pad(0.6) : undefined,
+      keepBuffer: 1,
+      noWrap: true,
+      updateWhenIdle: true
     }).addTo(this.map);
   }
 
@@ -127,6 +141,13 @@ export class AssignedRouteDetailComponent implements OnInit, OnDestroy, AfterVie
 
     this.centerMapOnPoints(origin, destination);
 
+    if (json.geojson) {
+      this.showRouteOnMap(json.geojson, origin, destination, json, this.segmentOriginName);
+      this.isLoading = false;
+      this.cdr.detectChanges();
+      return;
+    }
+
     try {
       const results = await this.orsService.processPairs(
         [{ pdv_id: json.pdv_id, origin, destination }],
@@ -292,6 +313,6 @@ export class AssignedRouteDetailComponent implements OnInit, OnDestroy, AfterVie
   }
 
   goBack() {
-    this.router.navigate(['/home']);
+    this.router.navigate(['/proyectos', this.activatedRoute.snapshot.paramMap.get('id')]);
   }
 }