templates/default/map_renderlet.html.twig line 1

Open in your IDE?
  1. {% set maindoc = document.getProperty('sp_default_document') %}
  2. {% set mcount = 0 %}
  3. {% set pcount = 0 %}
  4. {% set ocount = 0 %}
  5. <div id="svg-container">
  6.     <svg version="1.1" viewbox="10.5 -16 620 638.1" preserveaspectratio="xMinYMin meet" class="svg-content">
  7.         {% if folder %}
  9.             {% for subfolder in folder.getChildren() %}
  11. {% if subfolder.key == "Members" %}
  12. {% set mcount = subfolder.getChildren()|length %}
  13. {% endif %}
  14. {% if subfolder.key == "Partners" %}
  15. {% set pcount = subfolder.getChildren()|length %}
  16. {% endif %}
  17. {% if subfolder.key == "Observers" %}
  18. {% set ocount = subfolder.getChildren()|length %}
  19. {% endif %}
  20.                 {% for countryfolder in subfolder.getChildren() %}
  22.                     {% if countryfolder.getProperty('svg_map') %}
  23.                         {% if countryfolder.children %}
  24.                     
  25.                             <a class="mapcountry" href="{%if countryfolder.children[0].title %}{{ maindoc.path }}{{ maindoc.key }}/{{ countryfolder.key|replace({" ": "-"}) }}-spid{{ countryfolder.children[0].id }}{% else %}#{% endif %}" 
  26.                             data-bs-toggle="popover" data-bs-trigger="hover" data-bs-placement="auto" data-bs-container="#svg-container" 
  27.                             {%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) }}">
  28.                             {% endif %}
  30.                             <path class="{{ countryfolder.parent.key|lower }}" d="{{ countryfolder.getProperty('svg_map') }}"/>
  32.                         {% if countryfolder.children %}
  33.                             </a>
  34.                             {% endif %}
  37.                     {% endif %}
  39.                 {% endfor %}
  41.             {% endfor %}
  43.         {% endif %}
  44.     </svg>
  45. <script>
  46. var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
  47. var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  48.   return new bootstrap.Popover(popoverTriggerEl)
  49. })
  50. </script>
  51. <div id="legend">
  52. <span class="lmember">Members ({{ mcount }}) / Observers ({{ ocount }})</span>
  53. <span class="lpartner">Partners  ({{ pcount }})</span>
  55. </div>
  56. </div>