templates/visao/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-6 col-xxxl-4 pt-3 pt-md-0">
  16.                             <div class="row align-items-center">
  17.                                 <div class="col">
  18.                                     <div class="row">
  19.                                         <div class="col-12 col-md-6">
  20.                                             <p class="bold text-10 text-gray text-center">DESEMPENHO AVALIADO</p>
  21.                                         </div>
  22.                                         <div class="col-12 col-md-6 pt-2 pt-md-0">
  23.                                             <p class="bold text-10 text-gray text-center">DESEMPENHO GRUPO</p>
  24.                                         </div>
  25.                                     </div>
  26.                                 </div>
  27.                                 <div class="col-auto">
  28.                                     <a class="button sm transparent invisible">
  29.                                         <i class="fa fa-search-plus mr-2"></i>
  30.                                         Detalhes
  31.                                     </a> 
  32.                                 </div>
  33.                             </div>
  34.                         </div>
  35.                     </div>
  36.                 </h3>
  37.                 {% for indicador in indicadores.dados|json_decode() %}
  38.                     <div class="row align-items-center py-3 border-bottom border-transparent content-hover">
  39.                         <div class="col"> {{indicador.nome_indicador}} </div>
  40.                         <div class="col-2 col-lg-1 o-5 opacity text-center">
  41.                             <p>{{indicador.peso|is_float}}</p>
  42.                         </div>
  43.                         {% if indicador.banda == 'ND' %}
  44.                             <div class="col-2 col-lg-1 o-5 opacity text-center">
  45.                                 <i class="fa fa-info-circle mr-2 tooltip" title="{{indicador.texto_nd}}"></i>
  46.                             </div>
  47.                         {% else %}
  48.                             <div class="col-2 col-lg-1 o-5 opacity text-center">
  49.                                 {% if app.session.get('cliente_connection').dbname == 'analytics_unimed_cwb_ajuste' %}
  50.                                     {{indicador.valor|is_float(indicador.decimais == false ? 2 : indicador.decimais)}} <span class="text-10"> %</span>
  51.                                 {% else %}
  52.                                     {{indicador.valor|is_float(indicador.decimais == false ? 2 : indicador.decimais)}} <span class="text-10">{{ indicador.unidade_indicador }}</span>
  53.                                 {% endif %}
  54.                             </div>
  55.                         {% endif %}
  56.                         <div class="col-12 col-md-6 col-xxxl-4 pt-3 pt-md-0">
  57.                             <div class="row align-items-center">
  58.                                 <div class="col-12 col-sm">
  59.                                     <div class="row">
  60.                                         <div class="col-12 col-md-6">
  61.                                             <div class="row align-items-end">
  62.                                                 <div class="col text-truncate pb-2">
  63.                                                     <p class="ellipsis text-12 text-gray medium show-hover">{{ avaliado['nome_avaliado'] }}</p>
  64.                                                 </div>
  65.                                                 <div class="col col-auto pb-2">
  66.                                                     <p class="bold text-darker text-center">{{indicador.performance|is_float}}%</p>
  67.                                                 </div>
  68.                                                 <div class="col-12">
  69.                                                     <div class="progress-bar bg-{{ indicador.performance|decil_range }}">
  70.                                                         <div class="progress" style="width: {{indicador.performance}}%;"></div>
  71.                                                     </div>
  72.                                                 </div>
  73.                                             </div>
  74.                                             
  75.                                         </div>
  76.                                         <div class="col-12 col-md-6 pt-2 pt-md-0">
  77.                                             <div class="row align-items-end">
  78.                                                 <div class="col text-truncate pb-2">
  79.                                                     <p class="ellipsis text-12 text-gray medium show-hover">{{ avaliado['nome_grupo'] }}</p>
  80.                                                 </div>
  81.                                                 <div class="col col-auto pb-2">
  82.                                                     <p class="bold text-darker text-center">{{var_dados_indicadores_grupo[indicador.id_indicador]|is_float}}%</p>
  83.                                                 </div>
  84.                                                 <div class="col-12">
  85.                                                     <div class="progress-bar bg-{{ var_dados_indicadores_grupo[indicador.id_indicador]|decil_range }}">
  86.                                                         <div class="progress" style="width: {{var_dados_indicadores_grupo[indicador.id_indicador]}}%;"></div>
  87.                                                     </div>
  88.                                                 </div>
  89.                                             </div>
  90.                                         </div>
  91.                                     </div>
  92.                                 </div>
  93.                                 <div class="col-12 col-sm-auto text-center pt-2 pt-sm-0">
  94.                                     {% if var_is_mensal and ('custeio' != indicadores.nome_dominio|lower or var_permite_detalhes_custeio) %}
  95.                                         <a href="{{ path(indicador.indicador_componente_detalhe, { 'id_indicador': indicador.id_indicador }) }}" data-id="detalhe_scorecard" class="button sm transparent tooltip" title="Ver detalhes">
  96.                                             <i class="fa fa-search-plus mr-2"></i>
  97.                                             Detalhes
  98.                                         </a> 
  99.                                     {% endif %}
  100.                                 </div>
  101.                             </div>
  102.                         </div> 
  103.                     </div>
  104.                 {% endfor %}
  105.             </div>
  106.         {% endfor %}
  107.     </div>
  108. </div>
  109.