templates/shortcodes/faq.html.twig line 1

  1. <div class="faq_col">
  2. {% if cats|length != 1 %}
  3.     <h3 class="faq1 col1">{{ 'cac.questions.header' | trans({}, 'settings') }}</h3>
  4.     <p class="col1">{{ 'cac.search.content' | trans({}, 'settings') }}</p>
  5.     <form action="" class="tag_search">
  6.         <div><input type="text" id="search" name="faq_search" value=""><input id="bus" type="submit" name="faq_submit" value="Buscar"></div>
  7.     </form>
  8.     <div id="faq">
  9.         <p>&nbsp;</p>
  11.         <ul id="result">
  12.             {% if faqs is defined %}
  13.                 {% for faq in faqs %}
  14.                     <div class="faq_entry" style="display:block;">
  15.                         <li style="display:none"><strong>{{faq.question | raw}}</strong><em>
  16.                             {{faq.answer | raw}}
  17.                         </em></li>
  18.                     </div>
  19.                 {% endfor %}
  20.             {% endif %}
  21.         </ul>
  22.     </div><!-- #faq -->
  23.     <h3 class="faq2 col1">{{ 'cac.questionscategory.header' | trans({}, 'settings') }}</h3>
  24.     <ul class="tags">
  25.         <!--etiqueta de preguntas populares-->
  26.         <li><div><a onclick="marcarDesmarcarFaq(this)" href="#" data-filter="Preguntas populares" class="toggletag tagselected" id="boto1n">
  27.             {% if locale == "es" %}
  28.                 Preguntas populares
  29.             {% else %}
  30.                 Popular questions
  31.             {% endif %}
  32.         </a></div></li>
  33.         {% if categoriasfaqq is defined %}
  34.             {% for categoriafaqq in categoriasfaqq %}
  35.                 <li><div ><a onclick="marcarDesmarcarFaq(this)" href="#" data-filter="{{categoriafaqq.name}}" class="toggletag {% if loop.first %}{% endif %}" id="boton">{{categoriafaqq.name}}</a></div></li>
  37.             {% endfor %}
  38.         {% endif %}
  39.     </ul>
  41. {% endif %}
  43. {#    <h2 class="faq3 col1">{{settings_manager.getValue('cac.questionsfaq.header')}}</h2> #}
  44.     <dl class="faq_list col1">
  45.         {% if faqs is defined %}
  46.             {% for faq in faqs %}
  47.                 <div class="faq_entry" data-category="{{faq.category}}" {% if cats|length != 1 %}style="display:none;"{% endif %}>
  48.                     <dt onclick="toggleAnswer(this)">{{faq.question | raw}} ></dt>
  49.                     <dd style="display: none;">{{faq.answer | raw}}</dd>
  50.                 </div>
  51.             {% endfor %}
  52.         {% endif %}
  53.     </dl>
  54.     {% if cats|length != 1 %}
  55.     <dl class="faq_populars col1">
  56.         {% if faqspopulares is defined %}
  57.             {% for faqpopular in faqspopulares %}
  58.                 <div class="faq_entry" data-category="{{faqpopular.category}}" style="display:block;">
  59.                     <dt onclick="toggleAnswer(this)">{{faqpopular.question | raw}} ></dt>
  60.                     <dd style="display: none;">{{faqpopular.answer | raw}}</dd>
  61.                 </div>
  62.             {% endfor %}
  63.         {% endif %}
  64.     </dl>
  65.     {% endif %}
  66. </div>
  69. <script>
  70.     function toggleAnswer(dtElement) {
  71.         var ddElement = dtElement.nextElementSibling;
  72.         if (ddElement.style.display == 'none') {
  73.             ddElement.style.display = 'block';
  74.         } else {
  75.             ddElement.style.display = 'none';
  76.         }
  77.     }
  78. {% if cats|length != 1 %}
  79.     function marcarDesmarcarFaq(filter) {
  80.         event.preventDefault();
  81.         var category = filter.getAttribute('data-filter');
  82.         if ($(filter).hasClass("tagselected")) {
  83.             if(category === "Preguntas populares"){
  84.                 $(filter).removeClass("tagselected");
  85.                 $('.faq_populars .faq_entry').css("display", "none");
  86.             } else {
  88.                 $(filter).removeClass("tagselected");
  89.                 $('.faq_list .faq_entry').filter('[data-category = "' + category + '"]').css("display", "none");
  91.                 //  $('.faq_populars .faq_entry').filter('[data-category = "' + category + '"]').css("display", "block");
  93.             }
  94.         } else {
  95.             if(category === "Preguntas populares"){
  96.                 $(filter).addClass("tagselected");
  97.                 //$('.faq_list_mobile .faq_entry').filter('[data-category = "' + category + '"]').detach().prependTo( $('.faq_list_mobile') );
  98.                 $('.faq_populars .faq_entry').css("display", "block");
  99.             } else {
  100.                 $(filter).addClass("tagselected");
  101.                 //$('.faq_list_mobile .faq_entry').filter('[data-category = "' + category + '"]').detach().prependTo( $('.faq_list_mobile') );
  102.                 $('.faq_list .faq_entry').filter('[data-category = "' + category + '"]').css("display", "block");
  103.             //    $('.faq_populars .faq_entry').filter('[data-category = "' + category + '"]').css("display", "none");
  104.             }
  105.         }
  106.     }
  107. {% endif %}
  108. </script>