templates/componentes/periodo/componente.html.twig line 1

Open in your IDE?
  1. {% block javascripts %}
  2. <script>
  3.     $(function (){
  4.         {% if app.session.has('periodo') == false and app.session.has('modelagem') == true %}
  5.             $("body").addClass("no-periodo");
  6.             $("#wrapper").addClass("blur");
  7.             $("#js-abre-periodo").click();
  8.         {% endif %}
  9.         //se tiver na url o periodo, remove-lo da url
  10.         const url = new URL(window.location);
  11.         if(url.searchParams.get("periodo")){
  12.             url.searchParams.delete("periodo");
  13.             window.history.replaceState({}, document.title, url.toString());
  14.         }
  15.         //botao voltar filtro período
  16.         $(document).on('click', '.js-voltar-periodo', function (e) {
  17.             e.preventDefault();
  18.             e.stopPropagation();
  19.             $("#js-abre-periodo").click();
  20.             if($("#js-abre-programa").length > 0){
  21.                 $("#js-abre-programa").click();
  22.             }else{
  23.                 location.href = $(this).attr("href");
  24.             }
  25.         });
  26.     });
  27. </script>
  28. {% endblock %}
  29. {% if app.session.get('periodo')['from'] is defined %}
  30.     {% set arrayPeriodoFrom = app.session.get('periodo')['from']['ano'] ~ app.session.get('periodo')['from']['periodo'] %}
  32.     {% if lastMesVisaoGestor and app.session.get('periodo')['to'] is defined %}
  33.         {% set arrayPeriodoFrom = app.session.get('periodo')['to']['ano'] ~ app.session.get('periodo')['to']['periodo'] %}
  34.     {% endif %}
  36.     {% if 'ND' in arrayPeriodoFrom %}
  37.         {% set arrayPeriodoFrom = arrayPeriodoFrom | slice(2,4) %}
  38.     {% endif %}
  40. {% else %}
  41.     {% set arrayPeriodoFrom = '' %}
  42. {% endif %}
  44. {% if app.session.get('periodo')['to'] is defined %}
  45.     {% set arrayPeriodoTo = app.session.get('periodo')['to']['ano'] ~ app.session.get('periodo')['to']['periodo'] %}
  47.     {% if 'ND' in arrayPeriodoTo %}
  48.         {% set arrayPeriodoTo = arrayPeriodoTo | slice(2,4) %}
  49.     {% endif %}
  51. {% else %}
  52.     {% set arrayPeriodoTo   = '' %}
  53. {% endif %}
  54. <div class="button-group right button-label">
  55.     <label class="bg-white"><i class="fal fa-calendar-alt mr-2 text-color"></i> Período </label>
  56.     <a href="#"  id="js-abre-periodo" class="dropdown bg-white"><span class="text-default">{{ atual }}</span><i class="fa fa-fw fa-angle-down ml-2"></i></a>
  57.     <div class="dropdown-list drop-filter">
  58.         {% if app.session.has('periodo') == false or (app.session.get('visao') not in ['visao_gestor_dashboard', 'gps_visao_gestor_dashboard'] and app.session.has('avaliado') == false) %}
  59.         <p class="text-center pb-3 bold no-periodo">
  60.             <a href="{{ path('visoes') }}" class="js-voltar-periodo voltar-avaliado button transparent sm float-left mr-2 tooltip" title="Voltar"><i class="fa fa-arrow-left"></i></a>
  61.             Selecione um Período
  62.         </p>
  63.         {% endif %}
  64.         <div id="content-periodo" class="row">
  65.             <div class="col-4 pr-0">
  66.                 <ul class="list-periods">
  67.                     {% for tipo, periodo in periodos %}
  68.                         <li class="text-gray bold p-2"><span class="text-10">{{ tipo }}</span></li>
  69.                         {% for p in periodo %}
  70.                             <li><a href="#" class='{% if (app.session.has("periodo") and app.session.get("periodo")["from"]["tipo"] == p.titulo) %}active{% endif %}' data-id="periodo-{{ p.id }}"><i class="fa fa-flag mr-2"></i>{{ p.titulo }}</a></li>
  71.                         {% endfor %}
  72.                     {% endfor %}
  73.                 </ul>
  74.             </div>
  75.             <div class="col-8 pl-0">
  76.                 <div class="border-content-drop">
  77.                     {% for periodo in periodos %}
  78.                         {% for peri in periodo %}
  79.                             <div id="periodo-{{ peri.id }}" class="js-periodo text-center {% if (app.session.has("periodo") == false or app.session.get("periodo")["from"]["tipo"] != peri.titulo) %}hide{% endif %}">
  80.                                 <div class="row m-0 date-range {% if multiplo %}multiple{% endif %}">
  81.                                     {% for key, per in peri.json|json_decode %}
  82.                                         {% for key2, pe in per %}
  83.                                             <div class="title py-2">{% if key2 == 'ND' %}{{peri.titulo}}{% else %}{{key2}}{% endif %}</div>
  84.                                             {% for key3, p in pe %}
  85.                                                 {% set anoMes = key2~p.referencia %}
  86.                                                 <div class="col-{% if key2 == 'ND' %}12{% else %}4{% endif %} p-0">
  87.                                                     <a href="#" class="item
  88.                                                         {% if key2 == 'ND' %}
  89.                                                             {% if p.titulo >= arrayPeriodoFrom and p.titulo <= arrayPeriodoTo %}
  90.                                                                 active
  91.                                                             {% endif %}
  92.                                                         {% else %}
  93.                                                             {% if  anoMes >= arrayPeriodoFrom and anoMes <= arrayPeriodoTo %}
  94.                                                                 active
  95.                                                             {% endif %}
  96.                                                         {% endif %}
  97.                                                         "
  98.                                                         data-periodo="{{peri.titulo~'|'~key2~'|'}}{% if key2 == 'ND' %}{{p.titulo}}{% else %}{{p.referencia}}{% endif %}">{{p.titulo}} {{ app.session.get('periodo["from"]["periodo"]') }}
  99.                                                     </a>
  100.                                                 </div>
  101.                                             {% endfor %}
  102.                                         {% endfor %}
  103.                                     {% endfor %}
  104.                                 </div>
  105.                             </div>
  106.                         {% endfor %}
  107.                     {% endfor %}
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <div class="p-2 buttons-border">
  112.             {% if app.request.attributes.get('select_multiple') %}
  113.             <p class="text-gray text-10 text-center border-bottom pb-2 mb-2">Você pode selecionar um intervalo <br/>clicando em um ano ou no primerio e último mês desejado.</p>
  114.             {% endif %}
  115.             <div class="row">
  116.                 <div class="col-6">
  117.                     <a href="#" class="button link sm js-clear-periodo text-gray">Limpar</a>
  118.                 </div>
  119.                 <div class="col-6 text-right"><a href="#" data-url="{{ path('periodo_processa', {'referer': referer}) }}" class="button sm js-change-periodo"> Aplicar </a></div>
  120.             </div>
  121.         </div>
  122.     </div>
  123. </div>