Sección «Pedir evento» con gestor de reservas y calendario legible en móvil
- /pedir/: calendario de fechas pedidas (negro) y confirmadas (verde), findes tranqui y con ruido, solo findes por defecto con opción de ver la semana entera. Se pincha un día libre y, sin sesión, se pide entrar y se vuelve al formulario con la fecha puesta. - Gestor en Go (gestor/): cuentas por colectivo con argon2id, sesiones y CSRF, cupo y ventana de la asamblea, caducidades, registro append-only. - La cuenta de la asamblea confirma, rechaza, cambia turnos de finde y en «Todas las fechas» quita o modifica cualquier evento. - Orden «cuenta» y «clave» con -clave y -definitiva para fijar contraseñas desde el servidor; ninguna contraseña va en el repositorio. - Botón «Pedir evento» arriba de la barra lateral en todas las páginas. - Calendario semanal en móvil: lista de días con nombre y hora de cada cita. - Fuentes servidas desde fuentes/: fuera Google Fonts en todas las páginas.
This commit is contained in:
parent
c3b51be992
commit
ce3127baff
38 changed files with 4029 additions and 52 deletions
64
gestor/plantillas/mis-fechas.tmpl.html
Normal file
64
gestor/plantillas/mis-fechas.tmpl.html
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
{{template "arriba" .}}
|
||||
|
||||
<section class="pantalla" aria-label="Vuestro cupo">
|
||||
<h2>Vuestro cupo</h2>
|
||||
<p class="pie">
|
||||
Os quedan <strong>{{.Restantes}}</strong> de {{.Reglas.CupoDias}} días dentro de los
|
||||
próximos {{.Reglas.MesesVentana}} meses. Se pueden pedir fechas hasta el {{.Hasta}}.
|
||||
{{- if .DiasUsados}} Ahora mismo ocupáis {{.DiasUsados}}.{{end}}
|
||||
</p>
|
||||
<p><a class="pedir-boton" href="/pedir/nueva">Pedir una fecha</a></p>
|
||||
</section>
|
||||
|
||||
<section class="pantalla" aria-label="Vuestras fechas">
|
||||
<h2>Vuestras fechas</h2>
|
||||
{{- if .Mias}}
|
||||
<div class="tabla-envoltorio">
|
||||
<table class="pedir-tabla">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Fecha</th>
|
||||
<th scope="col">Evento</th>
|
||||
<th scope="col">Estado</th>
|
||||
<th scope="col">Caduca</th>
|
||||
<th scope="col"><span class="sr-only">Acciones</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{{- range .Mias}}
|
||||
<tr>
|
||||
<td>
|
||||
{{.Legible}}{{if gt .Dias 1}} <span class="pista">({{.Dias}} días)</span>{{end}}
|
||||
{{- if .Evento.Hora}}<br><span class="pista">a las {{.Evento.Hora}}</span>{{end}}
|
||||
</td>
|
||||
<td>
|
||||
{{.Evento.Titulo}}
|
||||
{{- if .Evento.Externo}}<br><span class="pista">amadrináis a {{.Evento.Amadrinado}}</span>{{end}}
|
||||
</td>
|
||||
<td><span class="estado estado-{{.Evento.Estado}}">{{.Etiqueta}}</span></td>
|
||||
<td>{{if .Caduca}}{{.Caduca}}{{else}}—{{end}}</td>
|
||||
<td>
|
||||
{{- if .Liberable}}
|
||||
<form method="post" action="/pedir/liberar">
|
||||
<input type="hidden" name="csrf" value="{{$.CSRF}}">
|
||||
<input type="hidden" name="id" value="{{.Evento.ID}}">
|
||||
<button type="submit" class="pedir-boton-flojo">Liberar</button>
|
||||
</form>
|
||||
{{- end}}
|
||||
</td>
|
||||
</tr>
|
||||
{{- end}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="pie">
|
||||
Una solicitud sin confirmar se borra sola a los {{.Reglas.DiasMaximoPendiente}} días,
|
||||
o cuando falten menos de {{.Reglas.DiasMinimoConfirmar}} para la fecha. La columna
|
||||
«caduca» dice cuándo, y al caducar la fecha queda libre para el resto.
|
||||
</p>
|
||||
{{- else}}
|
||||
<p class="pie">No tenéis ninguna fecha pedida.</p>
|
||||
{{- end}}
|
||||
</section>
|
||||
|
||||
{{template "abajo" .}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue