templates/Theme/Produit/Service/Article/detailArticle.html.twig line 1

Open in your IDE?
  1. {% extends "Theme/Users/User/layoutbase.html.twig" %}
  2. {% block meta %}
  3.     {{ parent() }}
  4.     <meta name="keywords" content="{{ site }}, "/>
  5.     <meta name="author" content="Noel Kenfack"/>
  6.     <meta name="description" content="{{ site }}" />
  7. {% endblock %}
  9. {% block title %}
  10.     {{ parent() }} - Détails du service ..
  11. {% endblock %}
  13. {% block stylesheets %}
  14.     {{ parent() }}
  15. {% endblock %}
  17. {% block userblog_body %}
  19.     <section style="height: 500px;">
  21.     </section>
  25. {% endblock %}
  27. {% block javascripttemplate %}
  29. button = document.querySelector('button.filter-select');
  30. datalist = document.querySelector('datalist#text_editors');
  31. select = document.querySelector('select.select-input');
  32. options = select.options;
  34. /* on arrow button click, show/hide the DDL*/
  35. button.addEventListener('click', toggle_ddl);
  37. function toggle_ddl() {
  38.   if (datalist.style.display === '') {
  39.     datalist.style.display = 'block';
  40.     this.textContent = "▲";
  41.     /* If input already has a value, select that option from DDL */
  42.     var val = input.value;
  43.     for (var i = 0; i < options.length; i++){
  44.       if (options[i].text === val){
  45.         select.selectedIndex = i;
  46.         break;
  47.       }
  48.     }
  49.   } else hide_select();
  50. }
  52. /* when user selects an option from DDL, write it to text field */
  53. select.addEventListener('change', fill_input);
  55. function fill_input() {
  56.   input.value = options[this.selectedIndex].value;
  57.   //alert(options[this.selectedIndex].getAttribute('data-value'))
  58.   document.location.href= ''+options[this.selectedIndex].getAttribute('data-value');
  59.   hide_select();
  60. }
  62. /* when user wants to type in text field, hide DDL */
  63. input = document.querySelector('input#filter-select-input');
  64. input.addEventListener('focus', hide_select);
  66. function hide_select() {
  67.   datalist.style.display = '';
  68.   button.textContent = "▼";
  69. }
  70. input.addEventListener('change', change_select);
  72. function change_select(){
  73.     var val = input.value;
  74.     for (var i = 0; i < options.length; i++) {
  75.       if (options[i].text === val) {
  76.         //alert(options[i].getAttribute('data-value'))
  77.         document.location.href= ''+options[i].getAttribute('data-value');
  78.         break;
  79.       }
  80.     }
  81. }
  82. {% endblock %}