templates/content/structure/zonesActives.html.twig line 1

Open in your IDE?
  1. {# si l'utilisateur est loggué #}
  2. {% if app.user is not null %}
  3.   {% set monR = 0 %}
  4.   {# recupere ses ROLES #}
  5.   {% for role in app.user.roles  %}
  6.     {% if role == "ROLE_ADMIN" %}
  7.       {% set monR = monR + 3 %}
  8.     {% else %}
  9.       {% set monR = monR + 1 %}
  10.     {% endif %}
  11.   {% endfor %}
  12. {# sinon c'est un simple visiteur #}
  13. {% else %}
  14.   {% set monR = 0 %}
  15. {% endif %}
  18. {% if monR > 0 %}
  20.   <!-- navH -->
  21.   {% if stack.navH is defined and stack.navH is not null %}
  22.     <a href="{{ path("webSite_stacks_show", { "id" : stack.navH, 'recherche': recherche}) }}">
  23.       <div id="navH{{ stack.navH }}" class="navH zoneActive text-center" style="opacity:0.8; background-color:red; height:20px;position:absolute; top:0; width:70%; left:15%;">
  24.         {{ stack.navH }}
  25.       </div>
  26.     </a>
  27.   {% endif %}
  29.   <!-- navG -->
  30.   {% if stack.navG is defined and stack.navG is not null %}
  31.     <a href="{{ path("webSite_stacks_show", { "id" : stack.navG, 'recherche': recherche }) }}">
  32.       <div id="navG{{ stack.navG }}" class="navG zoneActive" style="opacity:0.8; background-color:green; width:20px; position: absolute; top:20%; height:60%;">
  33.         {{ stack.navG }}
  34.       </div>
  35.     </a>
  36.   {% endif %}
  38.   <!-- navD -->
  39.   {% if stack.navD is defined and stack.navD is not null %}
  40.     <a href="{{ path("webSite_stacks_show", { "id" : stack.navD, 'recherche': recherche }) }}">
  41.       <div id="navD{{ stack.navD }}" class="navD zoneActive" style="opacity:0.8; background-color:yellow; width:20px; position: absolute; top:20%; height:60%; right:0;">
  42.         {{ stack.navD }}
  43.       </div>
  44.     </a>
  45.   {% endif %}
  47.   <!-- navBG -->
  48.   {% if stack.navBG is defined and stack.navBG is not null %}
  49.     <a href="{{ path("webSite_stacks_show", { "id" : stack.navBG, 'recherche': recherche }) }}">
  50.       <div id="navBG{{ stack.navD }}" class="navBG zoneActive" style="opacity:0.8; background-color:orange; height:20px; position: absolute; bottom:0; width:25%; left:15%;">
  51.         {{ stack.navBG }}
  52.       </div>
  53.     </a>
  54.   {% endif %}
  56.   <!-- navBD -->
  57.   {% if stack.navBD is defined and stack.navBD is not null %}
  58.     <a href="{{ path("webSite_stacks_show", { "id" : stack.navBD, 'recherche': recherche }) }}">
  59.       <div id="navBD{{ stack.navD }}" class="navBD zoneActive" style="opacity:0.8; background-color:lightgreen; height:20px; position: absolute; bottom:0; width:25%; right:15%;">
  60.         {{ stack.navBD }}
  61.       </div>
  62.     </a>
  63.   {% endif %}
  65.   <!-- xxxx -->
  66.   {% if stack.zones is defined and stack.zones is not null and stack.zones is not empty %}
  67.     {% for zone in stack.zones %}
  69.       {% if zone.destination is defined and zone.destination is not null and zone.destination != 0 %}
  70.         <a href="{{ path("webSite_stacks_show", { "id" : zone.destination, 'recherche': recherche }) }}">
  71.       {% else %}
  72.         <a href="{{ path("webSite_stacks_show", { "id" : zone.rollover, 'recherche': recherche }) }}">
  73.       {% endif %}
  75.           <div class="zoneAdd zoneActive" id="zone{{ zone.id }}"
  76.             style="
  77.               position:absolute;
  78.               background-color: pink;
  79.               opacity:0.6;
  80.               left: {{ (zone.x / 900) * 100 }}%;
  81.               top: {{ (zone.y / 675) * 100 }}%;
  82.               width: {{ (zone.largeur / 900) * 100 }}%;
  83.               height: {{ (zone.hauteur / 675) * 100 }}%;
  84.             "
  85.           >
  86.             {% if zone.destination is defined and zone.destination is not null and zone.destination != 0 %}
  87.             {{ zone.destination }}
  88.             {% else %}
  89.             {{ zone.rollover }}
  90.             {% endif %}
  91.           </div>
  92.         </a>
  93.   {% endfor %}
  94.   {% endif %}
  96. {% endif %}