Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: origin_stop_id y destination_stop_id en routes - motor de llegadas ahora usa parada de inicio explicita como referencia, admin puede configurar inicio/fin por ruta

Browse Source
This commit is contained in:
Johan Samudio
2026-03-05 19:48:45 -05:00
parent 0e06fec1ae
commit f2e96c4cdf
3 changed files with 99 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/src/views/AdminRoutes.vue
View File

@ -107,6 +107,35 @@
<input v-model="selectedRoute.color" @change="updateRouteDetails" type="color">
</div>
</div>
<!-- Paradas de inicio/fin — crítico para el cálculo de llegadas -->
<div class="origin-dest-row">
<div class="form-group origin-stop-group">
<label>
<span class="material-icons md-16">trip_origin</span>
Parada de Inicio (donde sale el bus)
</label>
<select v-model="selectedRoute.origin_stop_id" @change="updateRouteDetails">
<option :value="null">— Sin definir —</option>
<option v-for="stop in allStops" :key="stop.id" :value="stop.id">
{{ stop.name }}
</option>
</select>
</div>
<div class="form-group dest-stop-group">
<label>
<span class="material-icons md-16">place</span>
Parada de Fin (destino final)
</label>
<select v-model="selectedRoute.destination_stop_id" @change="updateRouteDetails">
<option :value="null">— Sin definir —</option>
<option v-for="stop in allStops" :key="stop.id" :value="stop.id">
{{ stop.name }}
</option>
</select>
</div>
</div>
</section>
<section class="stops-section">
@ -403,7 +432,9 @@ async function updateRouteDetails() {
destination_city: selectedRoute.value.destination_city,
average_speed_kmh: selectedRoute.value.average_speed_kmh,
status: selectedRoute.value.status,
color: selectedRoute.value.color
color: selectedRoute.value.color,
origin_stop_id: selectedRoute.value.origin_stop_id ?? null,
destination_stop_id: selectedRoute.value.destination_stop_id ?? null,
})
} catch (err: any) {
console.error('Error updating route:', err)
@ -646,11 +677,26 @@ h1 { font-size: 1.5rem; font-weight: 800; color: #FEE715; margin: 0; }
.route-details-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-size: 0.75rem; color: #94a3b8; font-weight: 700; }
.form-group label { font-size: 0.75rem; color: #94a3b8; font-weight: 700; display: flex; align-items: center; gap: 4px; }
.form-group input, .form-group select {
background: #1e293b; border: 1px solid #334155; border-radius: 8px; padding: 10px; color: white; font-size: 0.9rem;
}
/* Paradas de inicio/fin — sección crítica para el motor de llegadas */
.origin-dest-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 16px;
padding: 16px;
background: rgba(254, 231, 21, 0.04);
border: 1px solid rgba(254, 231, 21, 0.2);
border-radius: 12px;
}
.origin-stop-group label { color: #4ade80; }
.dest-stop-group label { color: #f87171; }
@media (max-width: 600px) { .origin-dest-row { grid-template-columns: 1fr; } }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.save-changes-btn { background: #FEE715; color: #101820; border: none; padding: 8px 16px; border-radius: 8px; font-weight: 800; cursor: pointer; }