templates/universal/list.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ pageTitle|trans }}{% endblock %}
  5. {% set filterMacrosInvolved = true %}
  6. {% set paginateMacrosInvolved = true %}
  8. {% block body %}
  9.     {% from '/macro/filter.html.twig' import layout as filterMacrosLayout %}
  10.     {{ filterMacrosLayout(filterForm, routeNameCreate) }}
  12.     {% form_theme listCollectionForm 'universal/form_theme.html.twig' %}
  14.     {% if(additionalFunctionality.export) %}
  15.         <button type="button" data-format="xlsx" class="exportButton mb-5 w-full py-3 font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple">
  16.             {{ 'universal.button.export.xlsx.label'|trans }}
  17.         </button>
  18.     {% endif %}
  20.     <div class="w-full overflow-x-auto">
  21.         <table class="w-full whitespace-no-wrap">
  22.             <thead>
  23.             <tr
  24.                     class="text-xs font-semibold tracking-wide text-left text-gray-500 uppercase border-b dark:border-gray-700 bg-gray-50 dark:text-gray-400 dark:bg-gray-800"
  25.             >
  26.                 {% for column in listForm.children %}
  27.                     {% if (column.vars.name != 'controlButtons') %}
  28.                         <th class="px-4 py-3">
  29.                             {% if (column.vars.label_attr.sort) %}
  30.                                 <span class="sortButton" data-field="{{ column.vars.name }}" style="cursor: pointer">
  31.                                     {{ column.vars.label|trans }}
  32.                                     {% if (sortCollection.field == column.vars.name) %}
  33.                                         <span class="sortButtonOrder" style="color: mediumpurple" data-order="{{ sortCollection.order }}">
  34.                                             {% if (sortCollection.order == 'ASC') %}
  35.                                                 &#8593;
  36.                                             {% else %}
  37.                                                 &#8595;
  38.                                             {% endif %}
  39.                                         </span>
  40.                                     {% endif %}
  41.                                 </span>
  42.                             {% else %}
  43.                                 {{ column.vars.label|trans }}
  44.                             {% endif %}
  45.                         </th>
  46.                     {% endif %}
  47.                 {% endfor %}
  48.                 {% if (listForm.children.controlButtons is defined) %}
  49.                     <th class="px-4 py-3">{{ listForm.controlButtons.vars.label|trans }}</th>
  50.                 {% endif %}
  51.             </tr>
  52.             </thead>
  53.             <tbody
  54.                     class="bg-white divide-y dark:divide-gray-700 dark:bg-gray-800"
  55.             >
  56.                 {{ form_start(listCollectionForm) }}
  57.                     {% for dataField in listCollectionForm.collection %}
  58.                         <tr class="text-gray-700 dark:text-gray-400">
  59.                             {% for column in dataField.children %}
  60.                                 {% if (column.vars.name != 'controlButtons') %}
  61.                                     <td class="px-4 py-3 text-sm">
  62.                                         {{ form_widget(dataField[column.vars.name]) }}
  63.                                     </td>
  64.                                 {% endif %}
  65.                             {% endfor %}
  66.                             {% if (listForm.children.controlButtons is defined) %}
  67.                                 <td class="px-4 py-3">
  68.                                     <div class="flex items-center space-x-4 text-sm">
  69.                                         {% for column in dataField.controlButtons %}
  70.                                             {%
  71.                                                 include '%s/layout.html.twig'|format(column.vars.attr.template)
  72.                                                 with {
  73.                                                     'title': column.vars.attr.title|trans,
  74.                                                     'onClick': column.vars.attr.onClick,
  75.                                                     'options': column.vars.attr.options
  76.                                                 }
  77.                                             %}
  78.                                         {% endfor %}
  79.                                     </div>
  80.                                 </td>
  81.                             {% endif %}
  82.                         </tr>
  83.                     {% endfor %}
  84.                 {{ form_end(listCollectionForm, {render_rest: false}) }}
  85.             </tbody>
  86.         </table>
  87.     </div>
  89.     {% from '/macro/paginate.html.twig' import layout as paginateMacrosLayout %}
  90.     {{ paginateMacrosLayout(paginateCollection) }}
  92.     {% if(additionalFunctionality.export) %}
  93.         <script type="text/javascript">
  94.             $(document).on("click",".exportButton", function() {
  95.                 document.location.href = '/surveyResult/export/'+this.dataset.format+'/'+window.location.search;
  96.             });
  97.         </script>
  98.     {% endif %}
  100.     <script type="text/javascript">
  101.         $(document).on("click",".sortButton", function() {
  102.             var field = $(this).data(`field`);
  103.             var order = "ASC";
  105.             var spanOrder = $(this).find('.sortButtonOrder')[0]
  106.             if (spanOrder) {
  107.                 if ($(spanOrder).data(`order`) === 'ASC') {
  108.                     order = "DESC";
  109.                 }
  110.                 else {
  111.                     order = "ASC"
  112.                 }
  113.             }
  115.             var url = new URL(window.location.href);
  116.             url.searchParams.set("sort[field]",field);
  117.             url.searchParams.set("sort[order]",order);
  118.             document.location.href = url.href;
  119.         });
  120.     </script>
  121. {% endblock %}