se cambia paradero_linea por linea_paradero

develop/frontend
Francisco Sandoval 2023-11-01 13:37:29 -03:00
parent 3934519a77
commit 0622c962ae
2 changed files with 31 additions and 30 deletions

View File

@ -2,11 +2,12 @@
import IconLoading from "../../components/IconLoading.svelte"; import IconLoading from "../../components/IconLoading.svelte";
import { getLinea } from "../../services/lineas"; import { getLinea } from "../../services/lineas";
import { getOperador } from "../../services/operadores"; import { getOperador } from "../../services/operadores";
import { createLineaParadero, deleteLineaParadero, getLineasParadero } from "../../services/paraderos"; import { getLineasParadero } from "../../services/paraderos";
import ModalRutas from "../rutas/ModalRutas.svelte"; // import { createLineaParadero, deleteLineaParadero, getLineasParadero } from "../../services/paraderos";
// import ModalRutas from "../rutas/ModalRutas.svelte";
export let parada = null export let parada = null
let showModalRutas = false // let showModalRutas = false
let servicios = [] let servicios = []
let loading = false let loading = false
@ -40,35 +41,35 @@ import { getLinea } from "../../services/lineas";
$: fetchData(parada) $: fetchData(parada)
async function onAgregarRuta({ linea, operador }) { // async function onAgregarRuta({ linea, operador }) {
try { // try {
const { id_paradero_linea} = await createLineaParadero(parada.id_paradero, linea.id_linea) // const { id_paradero_linea} = await createLineaParadero(parada.id_paradero, linea.id_linea)
const { id_linea, route_short_name, route_long_name } = linea; // const { id_linea, route_short_name, route_long_name } = linea;
const { nombre_operador } = operador; // const { nombre_operador } = operador;
servicios = [ ...servicios, { id_paradero_linea, id_linea, route_short_name, route_long_name, nombre_operador } ] // servicios = [ ...servicios, { id_paradero_linea, id_linea, route_short_name, route_long_name, nombre_operador } ]
} catch (error) { // } catch (error) {
console.log({ error }) // console.log({ error })
} // }
} // }
async function onEliminarRuta({ id_paradero_linea }) { // async function onEliminarRuta({ id_paradero_linea }) {
try { // try {
await deleteLineaParadero(id_paradero_linea) // await deleteLineaParadero(id_paradero_linea)
servicios = servicios.filter(el => el.id_paradero_linea !== id_paradero_linea) // servicios = servicios.filter(el => el.id_paradero_linea !== id_paradero_linea)
} catch (error) { // } catch (error) {
console.log({ error }) // console.log({ error })
} // }
} // }
</script> </script>
<div> <div>
<h4 class="mb-3">Servicios</h4> <h4 class="mb-3">Servicios</h4>
<div class="p-3 bg-white"> <div class="p-3 bg-white">
<button class="btn btn-secondary" on:click|preventDefault={() => showModalRutas = true}> <!-- <button class="btn btn-secondary" on:click|preventDefault={() => showModalRutas = true}>
<i class="bi bi-plus-lg"></i> Agregar Servicio <i class="bi bi-plus-lg"></i> Agregar Servicio
</button> </button>
<div class="my-3"></div> <div class="my-3"></div> -->
{#if loading} {#if loading}
<div> <div>
@ -80,9 +81,9 @@ import { getLinea } from "../../services/lineas";
<ul class="list-group"> <ul class="list-group">
{#each servicios as servicio} {#each servicios as servicio}
<li class="list-group-item d-flex justify-content-between align-items-start"> <li class="list-group-item d-flex justify-content-between align-items-start">
<a href={"#"} on:click|preventDefault={() => onEliminarRuta(servicio)}> <!-- <a href={"#"} on:click|preventDefault={() => onEliminarRuta(servicio)}>
<i class="bi bi-trash text-danger"></i> <i class="bi bi-trash text-danger"></i>
</a> </a> -->
<div class="ms-2 me-auto"> <div class="ms-2 me-auto">
<div class="fw-bold">{servicio.nombre_operador}</div> <div class="fw-bold">{servicio.nombre_operador}</div>
Destino: {servicio.route_long_name} Destino: {servicio.route_long_name}
@ -94,8 +95,8 @@ import { getLinea } from "../../services/lineas";
</div> </div>
</div> </div>
<ModalRutas <!-- <ModalRutas
show={showModalRutas} show={showModalRutas}
on:select={ev => onAgregarRuta(ev.detail)} on:select={ev => onAgregarRuta(ev.detail)}
on:close={() => showModalRutas = false} on:close={() => showModalRutas = false}
/> /> -->

View File

@ -86,7 +86,7 @@ export async function deleteParaderoImagen(id_paradero_imagen) {
export async function getLineasParadero(id_paradero) { export async function getLineasParadero(id_paradero) {
const res = await fetch(`${base}/paraderos-linea/?id_paradero=${id_paradero}`, { const res = await fetch(`${base}/lineas-paradero/?id_paradero=${id_paradero}`, {
headers: { "Authorization": `Bearer ${getToken()}` } headers: { "Authorization": `Bearer ${getToken()}` }
}) })
if (!res.ok) throw await res.text() if (!res.ok) throw await res.text()
@ -95,7 +95,7 @@ export async function getLineasParadero(id_paradero) {
export async function createLineaParadero(id_paradero, id_linea) { export async function createLineaParadero(id_paradero, id_linea) {
const res = await fetch(`${base}/paraderos-linea/`, { const res = await fetch(`${base}/lineas-paradero/`, {
method: 'POST', method: 'POST',
body: JSON.stringify({ id_paradero, id_linea }), body: JSON.stringify({ id_paradero, id_linea }),
headers: { "Authorization": `Bearer ${getToken()}`, "Content-Type": "application/json" } headers: { "Authorization": `Bearer ${getToken()}`, "Content-Type": "application/json" }
@ -105,7 +105,7 @@ export async function createLineaParadero(id_paradero, id_linea) {
} }
export async function deleteLineaParadero(id_paradero_linea) { export async function deleteLineaParadero(id_paradero_linea) {
const res = await fetch(`${base}/paraderos-linea/${id_paradero_linea}/`, { const res = await fetch(`${base}/lineas-paradero/${id_paradero_linea}/`, {
method: 'DELETE', method: 'DELETE',
headers: { "Authorization": `Bearer ${getToken()}` } headers: { "Authorization": `Bearer ${getToken()}` }
}) })