Verwerk gegevens-string voor geüploade bestanden

Via het formulier kunnen ook bestanden worden geupload, De bestanden zelf worden geplaatst in een OneMap bestanden locatie. Alle relevantie informatie over de geuploade bestanden wordt in een attribuutveld van het feature opgeslagen.

Om de bestanden ook weer beschikbaar te maken in de featureinfo moet dit veld met relevante bestand informatie worden omgezet naar een presentatie of hyperlink. Dit wordt m.b.v. TWIG voorbereid in het 'broncode' tabblad van de featureinfo configuratie.

De attribuut waarde met bestandsinformatie bestaat uit een comma gescheiden string. Hierbij worden de volgende separators gebruikt

; (puntcomma) - Dit is het scheidingsteken tussen meerdere geuploade bestanden

| (pipeteken) - Dit is het scheidingsteken tussen het bestand en de bestands URL

. (punt) - dit is voor het bestand het scheidingsteken tussen de bestandsnaam en het bestandtype.

De attribuut waarde voor geuploaade bestanden kan er bv als volgt uitzien:

screen_bushalte.png|https://wgp5-acceptatie.webgispublisher.nl/featurefile/18bf1f50-3ec6-521e-5f43-d42ff4fc832a.png/screen_bushalte.png;screen_hoofdm_bestanden.png|https://wgp5-acceptatie.webgispublisher.nl/featurefile/18bf2014-3244-182e-d624-d40bd8ca02fe.png/screen_hoofdm_bestanden.png;Sales overleg 4-12-2023 (1).docx|https://wgp5-test.webgispublisher.nl/featurefile/18c3a6ca-3889-7f82-d709-e55782407167.docx/Sales overleg 4-12-2023 (1).docx

A - Door op puntcomma (;) te splitsen halen we de geuploade bestandinfo op (3 bestanden)

screen_bushalte.png|https://wgp5-acceptatie.webgispublisher.nl/featurefile/18bf1f50-3ec6-521e-5f43-d42ff4fc832a.png/screen_bushalte.png;
screen_hoofdm_bestanden.png|https://wgp5-acceptatie.webgispublisher.nl/featurefile/18bf2014-3244-182e-d624-d40bd8ca02fe.png/screen_hoofdm_bestanden.png;
Sales overleg 4-12-2023 (1).docx|https://wgp5-test.webgispublisher.nl/featurefile/18c3a6ca-3889-7f82-d709-e55782407167.docx/Sales overleg 4-12-2023 (1).docx

B - Door op pipeteken (|) te splitsen halen we de bestandsnaam en URL op, bv:

bestand = Sales overleg 4-12-2023 (1).docx

URL =https://wgp5-test.webgispublisher.nl/featurefile/18c3a6ca-3889-7f82-d709-e55782407167.docx/Sales overleg 4-12-2023 (1).docx

C - Door op punt (.) te splitsen halen we het documenttype op

bestandtype = docx

We kunnen nu foto bestanden presenteren als 'thumbnail', waarbij ze worden gedownload door op de thumbnail te klikken.

Overige documenten presenteren we in de featureinfo als reguliere download link, waarbij de bestandsnaam in de link is opgenomen.

{# Plaats onderstaand blokje met instellingen boven in de feature info #}


{# Pas breedte aan indien nodig. 306px past goed bij standaard feature info in zijbalk. #}
{% set container_width = '306px' %}
{# Pas ook dit aan naar smaak. #}
{% set thumb_height = '100px' %}

{# Plaats deze div op de plek waar de foto's getoond moeten worden. #}
<div style="width:{{container_width}};display:flex;flex-wrap:wrap;">

{# Loop door de geuploade bestanden #}
{% set bestand_arr = documenten|split(';') %}
{% for bestand_link in bestand_arr if bestand_link %}

  {# Haald link URL per bestand op #}
  {% set bestand_info = bestand_link|split('|') %}
  {% set bestand_url =  bestand_info.1 %}

  {# Haal bestandsnaam en type op #}
  {% set bestand =  bestand_info.0|split('.') %}
  {% set bestandnaam =  bestand.0 %}
  {% set bestandtype =  bestand.1  %}

{# Toon fotos als thumbnail en de rest als download link#}
  {% if bestandtype == "jpg" or bestandtype == "png" %}
    <a target="_blank" href="{{ bestand_url}}" style="margin:0.3rem;min-width:46%;height:{{thumb_height}};background-image:url({{ bestand_url}});background-size:cover;background-position:center"></a>
  {% else %}
    <p style="margin-bottom: 0.2rem"><strong><a href="{{  bestand_url }}" target="_blank">Download bestand( {{ bestandnaam }})</a></strong></p>
  {% endif %}

{% endfor %}

</div>