Skip to content
This repository has been archived by the owner on Nov 28, 2023. It is now read-only.

Commit

Permalink
Move checkboxes to a template
Browse files Browse the repository at this point in the history
  • Loading branch information
@AOx0
AOx0 committed Nov 11, 2023
1 parent ee60f2d commit 7b64bc9
Show file tree
Hide file tree
Showing 3 changed files with 90 additions and 77 deletions.
86 changes: 82 additions & 4 deletions src/bin/api.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,15 +40,87 @@ struct Section {
href: &'static str,
}

struct Check {
mensaje: &'static str,
value: u8,
}

#[derive(Template)]
#[template(path = "hello.html")]
struct Hello<'a> {
posts: &'a [Content],
sects: &'a [Section],
checks: &'a [Check],
}

async fn root() -> Hello<'static> {
Hello {
checks: &[
Check {
value: 1,
mensaje: "Delito de bajo impacto",
},
Check {
value: 3,
mensaje: "Hecho no delictivo",
},
Check {
value: 4,
mensaje: "Homicidio doloso",
},
Check {
value: 5,
mensaje: "Lesiones dolosas por disparo de arma de fuego",
},
Check {
value: 7,
mensaje: "Robo a casa habitación con violencia",
},
Check {
value: 8,
mensaje: "Robo a cuentahabiente saliendo del cajero con violencia",
},
Check {
value: 9,
mensaje: "Robo a negocio con violencia",
},
Check {
value: 10,
mensaje: "Robo a pasajero a bordo de microbus con y sin violencia",
},
Check {
value: 11,
mensaje: "Robo a pasajero a bordo de taxi con violencia",
},
Check {
value: 12,
mensaje: "Robo a pasajero a bordo del metro con y sin violencia",
},
Check {
value: 13,
mensaje: "Robo a repartidor con y sin violencia",
},
Check {
value: 14,
mensaje: "Robo a transeunte en vía pública con y sin violencia",
},
Check {
value: 15,
mensaje: "Robo a transportista con y sin violencia",
},
Check {
value: 16,
mensaje: "Robo de vehículo con y sin violencia",
},
Check {
value: 17,
mensaje: "Secuestro",
},
Check {
value: 18,
mensaje: "Violación",
},
],
posts: &[
Content {
name: "Muertos",
Expand All @@ -75,10 +147,16 @@ async fn root() -> Hello<'static> {
method: "/date/upnow",
},
],
sects: &[Section {
name: "Zonas calientes",
href: "#zonas-calientes",
}],
sects: &[
Section {
name: "Zonas calientes",
href: "#zonas-calientes",
},
Section {
name: "Incidentes por mes",
href: "#incidentes-por-mes",
},
],
}
}

Expand Down
9 changes: 0 additions & 9 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -590,10 +590,6 @@ video {
height: 1rem;
}

.h-9 {
height: 2.25rem;
}

.h-full {
height: 100%;
}
Expand Down Expand Up @@ -16897,11 +16893,6 @@ video {
padding-right: 1rem;
}

.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.pb-3 {
padding-bottom: 0.75rem;
}
Expand Down
72 changes: 8 additions & 64 deletions templates/hello.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
<nav class="flex space-x-2 flex-col space-x-0 space-y-1 min-h-full h-full">
<p class="text-2xl font-bold">Carpetas de Investigación</p>
{% for s in sects %}
<a class="inline-flex items-center rounded-md text-sm font-medium hover:text-accent-foreground h-9 px-4 py-2 hover:underline justify-start"
<a class="inline-flex items-center rounded-md text-sm font-medium hover:text-accent-foreground px-4 hover:underline justify-start"
href="{{ s.href }}">{{ s.name }}</a>
{% endfor %}
</nav>
Expand Down Expand Up @@ -118,70 +118,13 @@ <h1 class="text-3xl font-bold pb-3">Zonas Calientes</h1>
<div style="height: 250pt;"
class="h-1/3 overflow-y-scroll absolute mt-12 w-48 bg-white border border-gray-300 rounded-md shadow-lg z-10 hidden"
id="dropdown-content">
{% for p in checks %}
<label class="block p-2">
<input value="1" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Delito de bajo impacto
</label>
<label class="block p-2">
<input value="3" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Hecho no delictivo
</label>
<label class="block p-2">
<input value="4" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Homicidio doloso
</label>
<label class="block p-2">
<input value="5" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Lesiones dolosas por disparo de arma de fuego
</label>
<label class="block p-2">
<input value="7" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a casa habitación con violencia
</label>
<label class="block p-2">
<input value="8" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a cuentahabiente saliendo del cajero con violencia
</label>
<label class="block p-2">
<input value="9" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a negocio con violencia
</label>
<label class="block p-2">
<input value="10" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a pasajero a bordo de microbus con y sin violencia
</label>
<label class="block p-2">
<input value="11" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a pasajero a bordo de taxi con violencia
</label>
<label class="block p-2">
<input value="12" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a pasajero a bordo del metro con y sin violencia
</label>
<label class="block p-2">
<input value="13" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a repartidor con y sin violencia
</label>
<label class="block p-2">
<input value="14" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a transeunte en vía pública con y sin violencia
</label>
<label class="block p-2">
<input value="15" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo a transportista con y sin violencia
</label>
<label class="block p-2">
<input value="16" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Robo de vehículo con y sin violencia
</label>
<label class="block p-2">
<input value="17" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Secuestro
</label>
<label class="block p-2">
<input value="18" x-model.number="data.categorias" type="checkbox" class="mr-2 leading-tight">
Violación
<input value="{{ p.value }}" x-model.number="data.categorias" type="checkbox"
class="mr-2 leading-tight">
{{ p.mensaje }}
</label>
{% endfor %}
</div>
</div>
<script>
Expand Down Expand Up @@ -226,7 +169,8 @@ <h1 class="text-3xl font-bold pb-3">Zonas Calientes</h1>
});
"
x-data="{ map_loaded: false, data: { annio_inicio: 2023, annio_final: 2023, categorias: [ 1, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 ] } }"
id="delitos-vs-bajo-impacto" class="flex flex-col p-3">
id="incidentes-por-mes" class="flex flex-col p-3">
<h1 class="text-3xl font-bold pb-3">Incidentes por Mes</h1>
<div class="flex md:flex-row flex-col gap-x-4 min-w-full md:max-h-full border rounded p-5">
<div hx-get="/mapa/2" hx-trigger="load" class="c-block justify-items-center flex w-full md:w-1/3 h-full">
</div>
Expand Down

0 comments on commit 7b64bc9

Please sign in to comment.