Page Comparison

...

De viewer gebruikt de javascriptversie van Twig, genaamd TwigJS (of twig.js). De javascriptversie probeert zo compatibel mogelijk te zijn met de PHP-versie, maar het kan zijn dat niet alle mogelijkheden uit de PHP-Twig-documentatie ook in de viewer werken. Hier kom je pas achter als je het probeert.

Voorbeelden feature info

Bepalen welke velden aanwezig zijn in een kaartlaag

...

{% set urls_array = urlstring | split(';') %}
{% for url in urls_array %}
<p>Link: <a href="{{url}}" target="_blank">Linktekst</a></p>
{% endfor %}

Laatste deel van url tonen

Een variatie op het splitsen van strings is het laatste deel van een url tonen. Dit kan door te splitten op '/' en dan het laatste deel te tonen.

{{url | split('/') | last}}

Dit kan handig zijn om een link op te maken die alleen een bestandsnaam toont in de feature info, maar wel linkt naar het volledige pad.

<a href="{{url}}" target="_blank">{{url | split('/') | last}}</a>

Lookup tables

Als een veld een numerieke of stringwaarde bevat met een betekenis, wil je in deze in feature info vertalen naar een voor de gebruiker begrijpelijke tekst. Een handige manier om dit te doen is door javascript objects te definiëren waar de keys de waardes zijn en de values de vertalingen.

...

{% set labels = {
  1: 'Een',
  2: 'Twee',
  3: 'Veel'
} %}

{# Gebruik enkele quotes als de keys stringstrings zijn #}
{% set colors = {
  '#FF0000': 'red',
  '#008800': 'darkgreen',
  '#0000FF': 'blue'
} %}

{# Gebruik ?? om defaults op te geven als het attribuut leeg is #}
{% set typeLabel = labels[type] ?? '?' %}
{% set typeColor = colors[type] ?? '#ccc' %}

<h3>Type</h3>
<p style="color:{{typeColor}};">{{typeLabel}}</p>

Datum opmaken

Het is mogeljik om een datum volgens een opgegeven format op te maken.

{{ datumveld | date('d-m-Y') }} {# opgemaakt als (dag-maand-jaar(4 cijfers) #}

Zie voor opmaakopties hier: https://arigato.docs.bonify.io/article/281-formatting-dates-in-twig

Noot: de opties hierboven zijn voor de php-versie van twig. Het kan zijn dat sommige formats niet werken in de viewer. De optionele timezone parameter in die documentatie wordt niet ondersteund in Onemap.

Alleen gevulde velden opmaken

Het voorbeeld hierboven heeft een mogelijk onverwacht nadeel. Als een datumveld leeg is, wordt die opgemaakt als de huidige datum. Als je lege datumvelden leeg wil laten, kan je dit als volgt doen:

{% if datumveld %}{{ datumveld | date('d-m-Y') }}{% else %}Onbekend{% endif %}

Een kortere manier om dit te doen is met de ?: operators.

{{ datumveld ? (datumveld | date('d-m-Y')) : 'Onbekend' }}

Of om het veld gewoon leeg te laten als het niet is gevuld:

{{ datumveld ? (datumveld | date('d-m-Y')) }}