templates/visao/gps/avaliado/componentes/desempenho-indicadores.html.twig line 1

Open in your IDE?
  1. <div class="col">
  2.     <div class="mb-5">
  3.         <h3 class="text-24 text-darker medium mb-3">Performance dos Indicadores</h3>
  4.         {% for indicadores in var_dados_indicadores %}
  5.             <div class="box px-4 mb-2 box-table">
  6.                 <h3 class="bold text-16 bg-light px-4 py-3 mx-n4 border-radius-top">
  7.                     <div class="row align-items-center">
  8.                         <div class="col"> {{indicadores.nome_dominio}} </div>
  9.                         <div class="col-2 col-lg-1">
  10.                             <p class="bold text-10 text-gray text-center">PESO</p>
  11.                         </div>
  12.                         <div class="col-2 col-lg-1">
  13.                             <p class="bold text-10 text-gray text-center">VALOR</p>
  14.                         </div>
  15.                         <div class="d-none d-md-block col-12 col-md-4 col-xl-3 pt-3 pt-md-0">
  16.                             <div class="row align-items-center">
  17.                                 <div class="col text-center">
  18.                                     <p class="bold text-10 text-gray text-center">DESEMPENHO</p>
  19.                                 </div>
  20.                                 <div class="col text-center">
  21.                                     <p class="bold text-10 text-gray"></p>
  22.                                 </div>
  23.                             </div>
  24.                         </div>
  25.                     </div>
  26.                 </h3>
  27.                 {% for indicador in indicadores.dados|json_decode() %}
  28.                     <div class="row align-items-center py-3 border-bottom border-transparent">
  29.                         <div class="col"> {{indicador.nome_indicador}} </div>
  30.                         <div class="col-2 col-lg-1 o-5 opacity text-center">
  31.                             <p>{{indicador.peso|is_float}}</p>
  32.                         </div>
  33.                         {% if indicador.banda == 'ND' %}
  34.                             <div class="col-2 col-lg-1 o-5 opacity text-center">
  35.                                 <i class="fa fa-info-circle mr-2 tooltip" title="{{indicador.texto_nd}}"></i>
  36.                             </div>
  37.                         {% else %}
  38.                             <div class="col-2 col-lg-1 o-5 opacity text-center">
  39.                                 {{indicador.valor|is_float(indicador.decimais == false ? 2 : indicador.decimais)}} <span class="text-10">{{ indicador.unidade_indicador }}</span>
  40.                             </div>
  41.                         {% endif %}
  42.                         <div class="col-12 col-md-4 col-xl-3 pt-3 pt-md-0">
  43.                             <div class="row">
  44.                                 <div class="col">
  45.                                     <p class="bold text-darker pb-2 text-center">{{indicador.performance|is_float}}%</p>
  46.                                     <div class="progress-bar bg-{{ indicador.performance|decil_range }}">
  47.                                         <div class="progress" style="width: {{indicador.performance}}%;"></div>
  48.                                     </div>
  49.                                 </div>
  50.                                 <div class="col-auto">
  51.                                     {% if var_is_mensal and ('custeio' != indicadores.nome_dominio|lower or var_permite_detalhes_custeio) %}
  52.                                         <a href="{{ path(indicador.indicador_componente_detalhe, { 'id_indicador': indicador.id_indicador }) }}" data-id="detalhe_scorecard" class="button sm transparent tooltip" title="Ver detalhes">
  53.                                             <i class="fa fa-search-plus mr-2"></i>
  54.                                             Detalhes
  55.                                         </a> 
  56.                                     {% endif %}
  57.                                 </div>
  58.                             </div>
  59.                         </div> 
  60.                     </div>
  61.                 {% endfor %}
  62.             </div>
  63.         {% endfor %}
  64.     </div>
  65. </div>
  66.