feat: orders navigation

Author: cosmith

backend/API_DOC.md

@@ -313,7 +313,14 @@ All list endpoints return data in this format:
       "actual_arrival_datetime": null,
       "actual_departure_datetime": null,
       "notes": "First pickup",
-      "is_completed": false
+      "is_completed": false,
+      "orders": [
+        {
+          "id": 1,
+          "order_number": "ORD-2024-0001",
+          "customer_name": "John Smith"
+        }
+      ]
     }
   ],
   "created_at": "2024-01-15T08:00:00Z",
@@ -344,7 +351,14 @@ Includes all above fields plus:
       "actual_arrival_datetime": null,
       "actual_departure_datetime": null,
       "notes": "First pickup",
-      "is_completed": false
+      "is_completed": false,
+      "orders": [
+        {
+          "id": 1,
+          "order_number": "ORD-2024-0001",
+          "customer_name": "John Smith"
+        }
+      ]
     }
   ]
 }
@@ -390,10 +404,23 @@ Includes all above fields plus:
   "actual_arrival_datetime": null,
   "actual_departure_datetime": null,
   "notes": "First pickup",
-  "is_completed": false
+  "is_completed": false,
+  "orders": [
+    {
+      "id": 1,
+      "order_number": "ORD-2024-0001",
+      "customer_name": "John Smith"
+    }
+  ]
 }
 ```
 
+**Orders Field:**
+The `orders` field contains an array of orders that use this stop as either a pickup or delivery location. Each order includes:
+- `id`: Order ID for API references
+- `order_number`: Human-readable order number (e.g., "ORD-2024-0001")
+- `customer_name`: Name of the customer who placed the order
+
 #### Trip Stop Order Management
 
 **Creating Trip Stops with Order Conflicts:**

backend/dashmap/management/commands/reset_db.py

@@ -233,53 +233,92 @@ def handle(self, *args, **options):
         loading_stops = [s for s in stops if s.stop_type == 'loading']
         unloading_stops = [s for s in stops if s.stop_type == 'unloading']
 
-        orders_data = [
+        # Create orders for the specific stops that will be used in trips
+        # This ensures that trip stops will have associated orders
+        trip_specific_orders = [
+            # Order for Trip 1 (Paris to Marseille Export Route)
+            # stops[0], stops[3], stops[9] -> Rungis, Marseille Port, Retail
             {
                 'customer_name': 'ACME Manufacturing',
                 'customer_company': 'ACME Corp',
                 'customer_email': 'logistics@acme.com',
                 'customer_phone': '+33-1-42-00-1234',
-                'pickup_stop': loading_stops[0],  # Rungis
-                'delivery_stop': unloading_stops[0],  # Carrefour Paris
+                'pickup_stop': stops[0],  # Rungis (loading)
+                'delivery_stop': stops[9],  # A retail location (should be unloading)
                 'goods_description': 'Fresh produce and dairy products',
                 'goods_weight': 2500.0,
                 'goods_volume': 15.0,
                 'goods_type': 'refrigerated',
                 'special_instructions': 'Keep temperature at 2-4°C throughout transport'
             },
+            # Order for Trip 2 (Lyon Industrial Supply)
+            # stops[2], stops[10], stops[12] -> Lyon Hub, Auchan, Casino
             {
                 'customer_name': 'TechCorp Europe',
                 'customer_company': 'TechCorp Ltd',
                 'customer_email': 'supply@techcorp.eu',
                 'customer_phone': '+33-1-45-67-8900',
-                'pickup_stop': loading_stops[4],  # Toulouse Aerospace
-                'delivery_stop': unloading_stops[7],  # Frankfurt
-                'goods_description': 'Aerospace electronic components',
+                'pickup_stop': stops[2],  # Lyon Hub (loading)
+                'delivery_stop': stops[10],  # Auchan (unloading)
+                'goods_description': 'Industrial electronic components',
                 'goods_weight': 850.0,
                 'goods_volume': 5.2,
                 'goods_type': 'fragile',
                 'special_instructions': 'Handle with extreme care - sensitive electronics'
             },
+            # Order for Trip 3 (Le Havre to Brussels)
+            # stops[1], stops[16] -> Le Havre, Brussels
             {
                 'customer_name': 'EuroConstruction',
                 'customer_company': 'EuroConstruction SA',
                 'customer_email': 'orders@euroconstruct.fr',
                 'customer_phone': '+33-4-78-90-1234',
-                'pickup_stop': loading_stops[8],  # Saint-Gobain Melun
-                'delivery_stop': unloading_stops[4],  # Brussels
+                'pickup_stop': stops[1],  # Le Havre (loading)
+                'delivery_stop': stops[16],  # Brussels (unloading)
                 'goods_description': 'Construction materials and tools',
                 'goods_weight': 4200.0,
                 'goods_volume': 28.0,
                 'goods_type': 'standard',
                 'special_instructions': 'Delivery to construction site - crane available'
             },
+            # Order for Trip 4 (Toulouse Aerospace Delivery)
+            # stops[4], stops[19], stops[21] -> Toulouse, Airbus, Tech
+            {
+                'customer_name': 'AeroSupply International',
+                'customer_company': 'AeroSupply Ltd',
+                'customer_email': 'urgent@aerosupply.com',
+                'customer_phone': '+33-5-61-00-1234',
+                'pickup_stop': stops[4],  # Toulouse Aerospace (loading)
+                'delivery_stop': stops[19],  # Airbus (unloading)
+                'goods_description': 'Aerospace manufacturing components',
+                'goods_weight': 1200.0,
+                'goods_volume': 8.5,
+                'goods_type': 'standard',
+                'special_instructions': 'Time-critical delivery for production line'
+            },
+            # Order for Trip 5 (Rhine Valley Route)
+            # stops[5], stops[18], stops[22] -> Strasbourg, Frankfurt, Luxembourg
+            {
+                'customer_name': 'Rhine Logistics',
+                'customer_company': 'Rhine Transport GmbH',
+                'customer_email': 'operations@rhinetransport.de',
+                'customer_phone': '+33-3-88-00-5678',
+                'pickup_stop': stops[5],  # Strasbourg Rhine Port (loading)
+                'delivery_stop': stops[18],  # Frankfurt (unloading)
+                'goods_description': 'Industrial machinery parts',
+                'goods_weight': 3200.0,
+                'goods_volume': 18.0,
+                'goods_type': 'oversized',
+                'special_instructions': 'Requires special handling equipment'
+            },
+            # Additional orders for variety
             {
                 'customer_name': 'PharmaLogistics',
                 'customer_company': 'PharmaDistrib',
                 'customer_email': 'urgent@pharmadistrib.com',
                 'customer_phone': '+33-1-56-78-9012',
-                'pickup_stop': loading_stops[9],  # Sanofi
-                'delivery_stop': unloading_stops[8],  # Milan
+                'pickup_stop': loading_stops[9] if len(loading_stops) > 9 else loading_stops[0],  # Fallback to first if not enough
+                'delivery_stop': unloading_stops[8] if len(unloading_stops) > 8 else unloading_stops[0],
                 'goods_description': 'Pharmaceutical supplies and medications',
                 'goods_weight': 320.0,
                 'goods_volume': 2.8,
@@ -291,8 +330,8 @@ def handle(self, *args, **options):
                 'customer_company': 'EliteStores International',
                 'customer_email': 'procurement@elitestores.com',
                 'customer_phone': '+33-1-44-55-6677',
-                'pickup_stop': loading_stops[10],  # LVMH Logistics
-                'delivery_stop': unloading_stops[10],  # Zurich
+                'pickup_stop': loading_stops[10] if len(loading_stops) > 10 else loading_stops[1],
+                'delivery_stop': unloading_stops[10] if len(unloading_stops) > 10 else unloading_stops[1],
                 'goods_description': 'Luxury fashion and accessories',
                 'goods_weight': 180.0,
                 'goods_volume': 8.5,
@@ -302,7 +341,7 @@ def handle(self, *args, **options):
         ]
 
         orders = []
-        for o_data in orders_data:
+        for o_data in trip_specific_orders:
             order = Order.objects.create(
                 customer_name=o_data['customer_name'],
                 customer_company=o_data['customer_company'],
@@ -498,7 +537,8 @@ def handle(self, *args, **options):
         self.stdout.write(f'Positions: {Position.objects.count()}')
         self.stdout.write('\nTest data includes:')
         self.stdout.write('• Dashmove company with 20 heavy trucks (18-40 tons capacity)')
-        self.stdout.write('• 5 sample orders with customer details, pickup/delivery locations, and goods information')
+        self.stdout.write('• 7 sample orders with customer details, pickup/delivery locations, and goods information')
+        self.stdout.write('• Orders specifically created to match trip stops for testing order linking')
         self.stdout.write('• 10 sample trips with different statuses')
         self.stdout.write('• 48 hours of position data for 10 vehicles across European routes')
         self.stdout.write('• Realistic heavy truck logistics operations')

backend/trips/views.py

@@ -3,13 +3,20 @@
 from django.utils.decorators import method_decorator
 from django.views import View
 from django.core.mail import send_mail
+from django.db import models
 import json
 import random
 from faker import Faker
 from datetime import datetime, date, time
 from .models import Trip, TripStop
-from orders.models import Stop
+from orders.models import Stop, Order
 
+def get_orders_for_stop(stop):
+    """Get all orders that use this stop as pickup or delivery"""
+    orders = Order.objects.filter(
+        models.Q(pickup_stop=stop) | models.Q(delivery_stop=stop)
+    ).values('id', 'order_number', 'customer_name')
+    return list(orders)
 
 
 @method_decorator(csrf_exempt, name='dispatch')
@@ -48,7 +55,8 @@ def get(self, request):
                     'actual_arrival_datetime': trip_stop.actual_arrival_datetime.isoformat() if trip_stop.actual_arrival_datetime else None,
                     'actual_departure_datetime': trip_stop.actual_departure_datetime.isoformat() if trip_stop.actual_departure_datetime else None,
                     'notes': trip_stop.notes,
-                    'is_completed': trip_stop.is_completed
+                    'is_completed': trip_stop.is_completed,
+                    'orders': get_orders_for_stop(trip_stop.stop)
                 })
 
             data.append({
@@ -137,7 +145,8 @@ def get(self, request, pk):
                 'actual_arrival_datetime': trip_stop.actual_arrival_datetime.isoformat() if trip_stop.actual_arrival_datetime else None,
                 'actual_departure_datetime': trip_stop.actual_departure_datetime.isoformat() if trip_stop.actual_departure_datetime else None,
                 'notes': trip_stop.notes,
-                'is_completed': trip_stop.is_completed
+                'is_completed': trip_stop.is_completed,
+                'orders': get_orders_for_stop(trip_stop.stop)
             })
 
         return JsonResponse({

frontend/src/App.tsx

@@ -6,7 +6,9 @@ import { AuthPage } from './components/auth/AuthPage'
 import { Layout } from './components/layout/Layout'
 import { VehicleManagement } from './components/vehicles/VehicleManagement'
 import { OrderManagement } from './components/orders/OrderManagement'
+import { OrderDetailPage } from './components/orders/OrderDetailPage'
 import { TripManagement } from './components/trips/TripManagement'
+import { TripDetailPage } from './components/trips/TripDetailPage'
 import { Settings } from './components/settings/Settings'
 import MapView from './components/maps/MapView'
 
@@ -44,6 +46,14 @@ const AppContent: React.FC = () => {
           </Layout>
         }
       />
+      <Route
+        path="/trips/:id"
+        element={
+          <Layout>
+            <TripDetailPage />
+          </Layout>
+        }
+      />
       <Route
         path="/vehicles"
         element={
@@ -60,6 +70,14 @@ const AppContent: React.FC = () => {
           </Layout>
         }
       />
+      <Route
+        path="/orders/:id"
+        element={
+          <Layout>
+            <OrderDetailPage />
+          </Layout>
+        }
+      />
       <Route
         path="/settings"
         element={