templates/default/map_renderlet.html.twig line 1

{% set maindoc = document.getProperty('sp_default_document') %}
{% set mcount = 0 %}
{% set pcount = 0 %}
{% set ocount = 0 %}
<div id="svg-container">
    <svg version="1.1" viewbox="10.5 -16 620 638.1" preserveaspectratio="xMinYMin meet" class="svg-content">
        {% if folder %}

            {% for subfolder in folder.getChildren() %}

{% if subfolder.key == "Members" %}
{% set mcount = subfolder.getChildren()|length %}
{% endif %}
{% if subfolder.key == "Partners" %}
{% set pcount = subfolder.getChildren()|length %}
{% endif %}
{% if subfolder.key == "Observers" %}
{% set ocount = subfolder.getChildren()|length %}
{% endif %}
                {% for countryfolder in subfolder.getChildren() %}

                    {% if countryfolder.getProperty('svg_map') %}
                        {% if countryfolder.children %}
                    
                            <a class="mapcountry" href="{%if countryfolder.children[0].title %}{{ maindoc.path }}{{ maindoc.key }}/{{ countryfolder.key|replace({" ": "-"}) }}-spid{{ countryfolder.children[0].id }}{% else %}#{% endif %}" 
                            data-bs-toggle="popover" data-bs-trigger="hover" data-bs-placement="auto" data-bs-container="#svg-container" 
                            {%if countryfolder.children[0].title %} data-bs-content="{% if countryfolder.children[0].acronym %}{{ countryfolder.children[0].acronym }} - {% endif %}{{ countryfolder.children[0].title }}"{% endif %} data-bs-title="{{ countryfolder.key }} - {{ countryfolder.parent.key|slice(0,countryfolder.parent.key|length-1) }}">
                            {% endif %}

                            <path class="{{ countryfolder.parent.key|lower }}" d="{{ countryfolder.getProperty('svg_map') }}"/>

                        {% if countryfolder.children %}
                            </a>
                            {% endif %}


                    {% endif %}

                {% endfor %}

            {% endfor %}

        {% endif %}
    </svg>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})
</script>
<div id="legend">
<span class="lmember">Members ({{ mcount }}) / Observers ({{ ocount }})</span>
<span class="lpartner">Partners  ({{ pcount }})</span>

</div>
</div>