templates\parts\_home-cards.html.twig line 1

Open in your IDE?
  1. {% if cards is defined %}
  2.     {#{{dump(cards)}}#}
  3.     <div class="home__grid">         
  4.     {% if cards is not null %}         
  5.             {% for card in cards %}
  6.                 {% if card['card_role']=='generic'%}
  7.                     {% include 'parts/_c-card_categories.html.twig' %}
  8.                 {% else %}                
  9.                 <a
  10.                     {%if card["card_btn_route_type"] == 'popup' or card["card_enabled"]=="false" %}             
  11.                         href="#" 
  12.                     {% else %}
  13.                         {% if card["card_btn_route_type"]=='page' %}
  14.                             {% if card["card_btn_route_params"] is not null %}
  15.                                 href="{{path(card["card_btn_route"],card["card_btn_route_params"])}}"
  16.                             {% else %}
  17.                                 href="{{path(card["card_btn_route"])}}"
  18.                             {% endif %}
  19.                         {% elseif card["card_btn_route_type"]=='url' %}
  20.                             href="{{card["card_btn_route"]}}"
  21.                         {% elseif card["card_btn_route_type"]=='generic' %}
  22.                             href="{{path("page",{"pageName":card["card_btn_route"]})}}"
  23.                         {% endif %}
  24.                     {% endif %}
  25.                     class="
  26.                         {% if card["card_type"]=='column' %}
  27.                         m-card                         
  28.                         {% elseif card["card_type"]=='row'%}
  29.                         p-card
  30.                         {%  endif %}            
  31.                         {% if card["card_enabled"]=='false' %}
  32.                             disabled
  33.                         {% endif %}"
  34.                         style="background-color:{{card['css']["card_hex_background_color"]}};color:{{card['css']["card_hex_color"]}}"
  35.                     >
  36.                     
  37.                     {% if (card["card_title"]|trim)== 'My Data' %}
  38.                         <span class="p-card__image">                            
  39.                             {% include 'parts/_img.html.twig' with {'imageName': card['image-path'],'imageAlt': card['alt-text']} %}
  40.                         </span>
  41.                     {% endif %}
  42.                     <span class="{% if card["card_type"]=='row' %}p-card__caption {% else %} m-card__caption {%endif %}">
  43.                       <span class="m-card__title">{{ card["card_title"] }}</span>
  44.                       <span class="m-card__description">{{ card["card_description"]|raw }}</span>
  46.                     {% if card["card_badge"] is defined and card["card_badge"] is not null %}
  47.                         <span class="m-card__badge">{{ card["card_badge"] }}</span>
  48.                     {% endif %}
  50.                     </span>                    
  51.                      {% if card["card_type"]!='row' %}
  52.                     <span class="m-card__icon">
  53.                       {% include 'parts/_img.html.twig' with {'imageName': card['image-path'],'imageAlt': card['alt-text']} %}
  54.                     </span>
  55.                       {% endif %}
  56.                      
  57.                     {% if card["card_btn_route_type"]=='popup' %}
  58.                         <span data-modal-open data-modal-id="#{{card["card_btn_route"]}}-modal" 
  59.                               class="m-card__btn btn btn--md btn--white"
  60.                               style="background-color:{{card['css']["btn_background_color"]}};color:{{card['css']["btn_color"]}}"
  61.                               >
  62.                             <span>{{card["card_btn"]}}</span>
  63.                         </span>
  64.                     {% else %}
  65.                         <span class="
  66.                               {% if card["card_type"]=='row' %}p-card__btn {% else %} m-card__btn {%endif %} 
  67.                               btn btn--md btn--white"
  68.                               style="background-color:{{card['css']["btn_background_color"]}};color:{{card['css']["btn_color"]}}"
  69.                               >
  70.                             <span>{{card["card_btn"]}}</span>
  71.                         </span>
  72.                     {% endif %}
  76.                 </a>               
  77.                 {% endif %}
  80.             {% endfor %}
  81.             
  82.     {% endif %}
  84.          </div>   
  85. {% endif %}