templates/components/js/sort_js.html.twig line 1

Open in your IDE?
  1. <script>
  2.     $(document).ready(function(){
  3.         setOrderUpdateButton{{ number }}();
  4.     });
  6.     function setOrderBy{{ number }}(field){
  7.         var actualField = "{{ actualSortField }}";
  8.         var actualOrder = "{{ actualSortOrder }}";
  9.         if(actualField == field){
  10.             if(actualOrder == '' || actualOrder == 'DESC')
  11.                 document.getElementById('{{ sort_order }}').value = 'ASC';
  12.             else
  13.                 document.getElementById('{{ sort_order }}').value = 'DESC';
  14.         }
  15.         else{
  16.             document.getElementById('{{ sort_field }}').value = field;
  17.             document.getElementById('{{ sort_order }}').value = 'ASC';
  18.         }
  19.         triggerLoading();
  20.         $('#{{ formName }}').submit();
  21.     }
  23.     function setOrderUpdateButton{{ number }}(){
  24.         var actualField = "{{ actualSortField }}";
  25.         var actualOrder = "{{ actualSortOrder }}";
  26.         var arrows = document.getElementsByClassName('{{ arrowClass }}');
  27.         var elements = [];
  28.         for(var i=0; i<arrows.length; i++){
  29.             arrows[i].children[0].src = "{{ asset (icon_arrow_sort) }}";
  30.             if(actualField != null && arrows[i].getAttribute('data-orderField') == actualField)
  31.                 elements.push(arrows[i]);
  32.         }
  33.         if(actualOrder != null){
  34.             var src = '';
  35.             var title = '';
  36.             switch(actualOrder){
  37.                 case "DESC":
  38.                     var src = "{{ asset (icon_arrow_down) }}";
  39.                     var title = "Ordina in ordine alfabetico";
  40.                     break;
  41.                 case "ASC":
  42.                     var src = "{{ asset (icon_arrow_up) }}";
  43.                     var title = "Ordina al contrario";
  44.                     break;
  45.                 default: break;
  46.             }
  47.             for(var k=0; k<elements.length; k++){
  48.                 elements[k].children[0].src = src;
  49.                 elements[k].children[0].title = title;
  50.             }
  51.         }
  52.     }
  53. </script>