admin_transporte_frontend/src/pages/site/CantidadLineas.svelte

32 lines
846 B
Svelte

<script>
import { getCount } from "$/services/lineas";
import { createEventDispatcher, onMount } from "svelte";
const dispatch = createEventDispatcher()
let count = 0;
onMount(() => {
dispatch('loading', true)
getCount({ vigente: 1 })
.then(data => count = data.count)
.finally(() => dispatch('loading', false))
})
</script>
<div class="card">
<div class="card-body">
<div class="row">
<div class="col mt-0">
<h5 class="card-title">Cantidad de Líneas</h5>
</div>
<div class="col-auto">
<div class="stat text-primary">
<i class="bi bi-bus-front fs-4"></i>
</div>
</div>
</div>
<h1 class="mt-1 mb-3">{count}</h1>
</div>
</div>