Add the services page
This page is more or less similar to home, in terms of database: it
has a carousel and a list of items; in this case, the definition of
campsite services.
As i said early, when adding the home carousel, this carousel has its
own relation and set of functions to manage slides. They are also
duplicated in Go code, but i think i will need to refactor it later to
a carousel package or something like that, because both relations have
the exact same fields and types, so it makes no sense to have twice the
same code.
I already did it with the CSS and JavaScript code, mostly because it was
easier to replace the `.surroundings div` selector with `.carousel`, and
because that way i can have a single template that loads and initializes
Slick.
There is no UI to create or edit service definitions, although there are
the SQL functions, because i have no more time now, and Oriol needs to
check that the style is correct for that page.
2023-09-17 01:42:16 +00:00
|
|
|
<!--
|
|
|
|
|
SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
|
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
|
-->
|
|
|
|
|
{{ define "title" -}}
|
2023-09-20 23:57:14 +00:00
|
|
|
{{( pgettext "Services Page" "title" )}}
|
Add the services page
This page is more or less similar to home, in terms of database: it
has a carousel and a list of items; in this case, the definition of
campsite services.
As i said early, when adding the home carousel, this carousel has its
own relation and set of functions to manage slides. They are also
duplicated in Go code, but i think i will need to refactor it later to
a carousel package or something like that, because both relations have
the exact same fields and types, so it makes no sense to have twice the
same code.
I already did it with the CSS and JavaScript code, mostly because it was
easier to replace the `.surroundings div` selector with `.carousel`, and
because that way i can have a single template that loads and initializes
Slick.
There is no UI to create or edit service definitions, although there are
the SQL functions, because i have no more time now, and Oriol needs to
check that the style is correct for that page.
2023-09-17 01:42:16 +00:00
|
|
|
{{- end }}
|
|
|
|
|
|
|
|
|
|
{{ define "content" -}}
|
|
|
|
|
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/services.servicesIndex*/ -}}
|
|
|
|
|
<h2>{{( pgettext "Carousel" "title" )}}</h2>
|
|
|
|
|
<a href="/admin/services/slides/new">{{( pgettext "Add slide" "action" )}}</a>
|
|
|
|
|
{{ if .Slides -}}
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="col">{{( pgettext "Image" "header" )}}</th>
|
|
|
|
|
<th scope="col">{{( pgettext "Caption" "header" )}}</th>
|
|
|
|
|
<th scope="col">{{( pgettext "Translations" "campsite type" )}}</th>
|
|
|
|
|
<th scope="col">{{( pgettext "Actions" "campsite type" )}}</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
{{ range $slide := .Slides -}}
|
|
|
|
|
<tr>
|
|
|
|
|
<td><a href="/admin/services/slides/{{ .ID }}"><img src="{{ .Media }}" alt=""></a></td>
|
|
|
|
|
<td><a href="/admin/services/slides/{{ .ID }}">{{ .Caption }}</a></td>
|
|
|
|
|
<td>
|
|
|
|
|
{{ range .Translations }}
|
|
|
|
|
<a
|
|
|
|
|
{{ if .Missing }}
|
|
|
|
|
class="missing-translation"
|
|
|
|
|
{{ end }}
|
|
|
|
|
href="/admin/services/slides/{{ $slide.ID }}/{{ .Language }}">{{ .Endonym }}</a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<form data-hx-delete="/admin/services/slides/{{ .ID }}" data-hx-headers='{ {{ CSRFHeader }} }'>
|
|
|
|
|
<button type="submit">{{( pgettext "Delete" "action" )}}</button>
|
|
|
|
|
</form>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
{{- end }}
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
{{ else -}}
|
|
|
|
|
<p>{{( gettext "No slides added yet." )}}</p>
|
|
|
|
|
{{- end }}
|
|
|
|
|
{{- end }}
|
