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" -}}
|
|
|
|
|
{{( pgettext "Services" "title" )}}
|
|
|
|
|
{{- end }}
|
|
|
|
|
|
|
|
|
|
{{ define "head" -}}
|
|
|
|
|
{{ template "carouselStyle" }}
|
|
|
|
|
{{- end }}
|
|
|
|
|
|
|
|
|
|
{{ define "content" -}}
|
|
|
|
|
{{- /*gotype: dev.tandem.ws/tandem/camper/pkg/services.servicesPage*/ -}}
|
|
|
|
|
<h2>{{( pgettext "Services" "title" )}}</h2>
|
|
|
|
|
<div class="campsite_services carousel">
|
|
|
|
|
<div class="spiel">
|
|
|
|
|
<p>{{(gettext "The campsite offers many different services.")}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
{{ range .Carousel -}}
|
|
|
|
|
{{ if .Caption -}}
|
|
|
|
|
<figure>
|
|
|
|
|
<img src="{{ .Media }}" alt=""/>
|
|
|
|
|
<figcaption>{{ .Caption }}</figcaption>
|
|
|
|
|
</figure>
|
|
|
|
|
{{- else -}}
|
|
|
|
|
<img src="{{ .Media }}" alt=""/>
|
|
|
|
|
{{- end }}
|
|
|
|
|
{{- end }}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{ template "carouselInit" }}
|
|
|
|
|
|
|
|
|
|
<dl>
|
|
|
|
|
{{ range .Services -}}
|
2023-12-20 12:02:56 +00:00
|
|
|
<div class="services_icon">
|
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
|
|
|
<dt class="icon_{{ .IconName }}">{{ .Name }}</dt>
|
|
|
|
|
<dd>{{ .Description | raw }}</dd>
|
|
|
|
|
</div>
|
|
|
|
|
{{- end }}
|
|
|
|
|
</dl>
|
|
|
|
|
{{- end }}
|
