templates/visao/gps/avaliado/base.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block javascripts %}
  4.     {{ parent() }}
  5.     
  6.     {% if app.session.has('periodo') != false and app.session.has("avaliado") != false %}
  7.     <script src="{{ asset('js/componentes/avaliado-gps/graficoInformativo.js') }}"></script>
  8.     <script src="{{ asset('js/componentes/avaliado-gps/graficoPerformanceDominio.js') }}"></script>
  9.     <script src="{{ asset('js/confetti.browser.min.js') }}"></script>
  10.     <script>
  11.         //callback do upload de arquivos
  12.         function updateButton($this){
  13.             $this.find(".button").removeClass("transparent pointer").addClass("green no-hover tooltip").attr("title", "Arquivo enviado com sucesso!").find(".progress").remove();
  14.             $this.find("input[type='file']").remove();
  15.             $this.find(".fa-upload").removeClass("fa-upload").addClass("fa-check");
  16.             let text = $this.find("span[data-placeholder]").attr("data-placeholder");
  17.             $this.find("span[data-placeholder]").html(text);
  18.             if($this.closest(".notification").find(".inputfile").length <= 0){
  19.                 $(".text-upload").addClass("d-none");
  20.                 $(".text-completed").removeClass("d-none");
  21.                 confetti({
  22.                     particleCount: 100,
  23.                     spread: 70,
  24.                     origin: {
  25.                         y: 0.5,
  26.                         x: 0.5
  27.                     }
  28.                 });
  29.             }
  30.         }
  31.     </script>
  32.     {% endif %}
  33. {% endblock %}
  35. {% block body %}
  36.     <div id="wrapper" class="right no-content {{ app.session.has('periodo') == false or app.session.has('avaliado') == false ? 'blur' : '' }}">
  37.         <div id="header">
  38.             <a href="{{ path('visoes') }}"><h3><img src="{{ asset('images/favicon.png') }}"/></h3></a>
  39.             <div id="menu" class="menu">
  40.                 <ul>
  41.                     <li class="active"><a class="tooltip" title="Dashboard" href="{{ path('gps_visao_avaliado_dashboard') }}"><i class="fal fa-home"></i><span>Dashboard</span></a></li>
  42.                     <li><a class="tooltip" title="Dashboard Anual" href="{{ path('gps_visao_avaliado_dashboard_anual') }}"><i class="fal fa-chart-line"></i><span>Dashboard Anual</span></a></li>
  43.                     <li><a class="tooltip" title="Consentimento" href="{{ path('consenso') }}"><i class="fal fa-user-check"></i><span>Termo de Consentimento</span></a></li>
  44.                     <li id="botao-comunicacao" data-url="{{ path('span_botao_contar_mensagens') }}">
  45.                         {% include 'modulos/comunicacao/botao-comunicacao-notificacao.html.twig' %}
  46.                     </li>
  47.                     {% if app.session.get('cliente').dbname == 'analytics_unimed_sjrp' %}
  48.                         <li><a class="tooltip" target="_blank" title="Manual" href="https://2im-temp.s3.sa-east-1.amazonaws.com/manual/analytics/Manual_Plataforma_UnimedSJRP.pdf"><i class="fal fa-book"></i><span>Manual</span></a></li>
  49.                     {% endif %}
  50.                 </ul>
  51.             </div>
  52.             {% include 'btn-sair-language.html.twig' %}
  53.         </div>
  54.         {% if app.session.has('periodo') != false %}
  55.             {{ render(controller('App\\Controller\\DefaultController::rightMenu')) }}
  56.         {% endif %}
  57.         <div id="content">
  58.             {% if app.session.has('periodo') == false or app.session.has("avaliado") == false %}
  59.                 <div class="hide">
  60.                     {% if (is_granted('ROLE_GESTOR') or is_granted('ROLE_2IM')) %}
  61.                         {{ render(controller('App\\Controller\\Componentes\\FiltroAvaliadoController::index')) }}
  62.                     {% endif %}
  64.                     {{ render(controller('App\\Controller\\Componentes\\ProgramaController::index')) }}
  66.                     {% if app.session.has("modelagem") != false %}
  67.                         {{ render(controller('App\\Controller\\Componentes\\PeriodoController::index',{
  68.                             'select_multiple' : false
  69.                             ,'request_referer': app.session.get('avaliado').http_referer is not defined ? 'avaliado' : 'gestor'
  70.                             ,'modelo': 'gps'
  71.                         })) }}
  72.                     {% endif %}
  73.                 </div>
  74.             {% endif %}
  75.             <div class="largura">
  76.             {% if app.session.has('periodo') != false and app.session.has("avaliado") != false %}
  77.                 <div class="padding-menu-right">
  78.                     <div class="row justify-content-between pb-5">
  79.                         <div class="col col-auto pb-3">
  80.                             {% if is_granted('ROLE_GESTOR') %}
  81.                                 <h2 class="text-40 medium">Avaliação</h2>
  82.                             {% else %}
  83.                                 <h2 class="text-40 medium">Minha Avaliação</h2>
  84.                             {% endif %}
  85.                         </div>
  86.                         <div class="col-12 col-lg-auto text-lg-right">
  87.                             <div class="row gx-2 pt-2">
  88.                                 {% if (is_granted('ROLE_GESTOR') or is_granted('ROLE_2IM')) and app.session.get('avaliado').http_referer is not defined %}
  89.                                     <div class="col col-auto pb-3">
  90.                                         {{ render(controller('App\\Controller\\Componentes\\FiltroAvaliadoController::index')) }}
  91.                                     </div>
  92.                                 {% endif %}
  93.                                 <div class="col col-auto pb-3">
  94.                                     {{ render(controller('App\\Controller\\Componentes\\PeriodoController::index',{
  95.                                         'select_multiple' : false
  96.                                         ,'request_referer': app.session.get('avaliado').http_referer is not defined ? 'avaliado' : 'gestor'
  97.                                         ,'modelo': 'gps'
  98.                                     })) }}
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.                 <div class="row">
  105.                     <div class="col-12 pb-3">
  106.                         {{ render(controller('App\\Controller\\Visao\\GPS\\Avaliado\\Componentes\\EvsAvaliadoController::index', {} )) }}
  107.                         {% if solicitacoes is not empty %}
  108.                         <div class="largura text-center">
  109.                             <div class="bg-dark notification alert border-x border-bottom border-radius-bottom p-3">
  110.                                 <div class="row">
  111.                                     <div class="col text-format text-14 text-left">
  112.                                         <div class="text-upload">
  113.                                             <p><b>{{ app.session.get('avaliado').nome_avaliado }}</b>, para melhorar seu EVS, você precisa fazer upload de alguns arquivos que comprovem alguns indicadores!<br/>
  114.                                                 Você pode fazer o upload por aqui, precisamos do{{solicitacoes|length != 1 ? 's' : ''}} documento{{solicitacoes|length != 1 ? 's' : ''}} abaixo:</p>
  115.                                             <div class="row g-2 pb-2">
  116.                                                 {% for documento in solicitacoes %}
  117.                                                 {% set extensoes = '' %}
  118.                                                 {% for ext in documento.extensao|json_decode|keys %}
  119.                                                     {% set extensoes = extensoes ~ "." ~ ext %}
  120.                                                     {% if ext != loop.last %}
  121.                                                         {% set extensoes = extensoes ~ ", "%}
  122.                                                     {% endif %}
  123.                                                 {% endfor %}
  124.                                                 <div class="col col-auto">
  125.                                                     <form action="{{ path('visao_admin_documentos_adicionar', {'id_solicitacao': documento.id_solicitacao }) }}" class="uploadfile" data-callback="updateButton($this)">
  126.                                                         <input type="file" name="arquivo[{{ documento.id_solicitacao }}]" id="arquivo[{{ documento.id_solicitacao }}]" class="inputfile" multiple accept="{{ extensoes }}" />
  127.                                                         <label for="arquivo[{{ documento.id_solicitacao }}]" class="button transparent pointer tooltip" title="Clique para selecionar o arquivo<br/>({{ extensoes }}).">
  128.                                                             <i class="fal fa-fw fa-upload"></i>
  129.                                                             <span>{{ documento.nome_documento|ucwords }}</span>
  130.                                                         </label>
  131.                                                     </form>
  132.                                                 </div>
  133.                                                 {% endfor %}
  134.                                             </div>
  135.                                         </div>
  136.                                         <div class="text-completed text-center d-none">
  137.                                             <p><i class="fal fa-check-circle text-40"></i></p>
  138.                                             <h3 class="text-24 medium mb-2">Muito bem!</h3>
  139.                                             <p>Você realizou o upload de todos os arquivos!</p>
  140.                                         </div>
  141.                                     </div>
  142.                                     <div class="col col-auto">
  143.                                         <a href="#" class="button sm transparent close-notification tooltip" title="Fechar">
  144.                                             <i class="fal fa-times"></i>
  145.                                         </a>
  146.                                     </div>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                         {% endif %}
  151.                     </div>
  152.                 </div>
  153.                 <div class="row pt-lg-5">
  154.                     <div class="col-12 col-xxl-6 order-1 order-xxl-0">
  155.                         <div style="position:absolute; right: 70px; z-index: 1;">
  156.                             <div class="buttons">
  157.                                 <label class="button sm active tooltip" title="Do Avaliado e do Grupo">
  158.                                     <i class="fa fa-user-md"></i><span class="d-none d-lg-inline ml-2">Avaliado e Grupo</span>
  159.                                     <input type="radio" name="toogle-list" class="d-none toggle-content" checked data-show=".js-show-performance">
  160.                                 </label>
  161.                                 <label class="button sm transparent tooltip" title="Por Domínio">
  162.                                     <i class="fa fa-server"></i><span class="d-none d-lg-inline ml-2">Domínio</span>
  163.                                     <input type="radio" name="toogle-list" class="d-none toggle-content" data-show=".js-show-performance-dominio">
  164.                                 </label>
  165.                             </div>
  166.                         </div>
  167.                         <div class="js-show-performance">
  168.                             {{ render(controller('App\\Controller\\Visao\\GPS\\Avaliado\\Componentes\\PerformanceAvaliadoController::abrirGrafico', {}, {'relacionamento': true} )) }}
  169.                             {% if solicitacoes is not empty %}
  170.                             <div class="largura text-center">
  171.                                 <div class="bg-dark notification alert border-x border-bottom border-radius-bottom p-3">
  172.                                     <div class="row">
  173.                                         <div class="col text-format text-14 text-left">
  174.                                             <div class="text-upload">
  175.                                                 <p><b>{{ app.session.get('avaliado').nome_avaliado }}</b>, para melhorar seu EVS, você precisa fazer upload de alguns arquivos que comprovem alguns indicadores!<br/>
  176.                                                     Você pode fazer o upload por aqui, precisamos do{{solicitacoes|length != 1 ? 's' : ''}} documento{{solicitacoes|length != 1 ? 's' : ''}} abaixo:</p>
  177.                                                 <div class="row g-2 pb-2">
  178.                                                     {% for documento in solicitacoes %}
  179.                                                     {% set extensoes = '' %}
  180.                                                     {% for ext in documento.extensao|json_decode|keys %}
  181.                                                         {% set extensoes = extensoes ~ "." ~ ext %}
  182.                                                         {% if ext != loop.last %}
  183.                                                             {% set extensoes = extensoes ~ ", "%}
  184.                                                         {% endif %}
  185.                                                     {% endfor %}
  186.                                                     <div class="col col-auto">
  187.                                                         <form action="{{ path('visao_admin_documentos_adicionar', {'id_solicitacao': documento.id_solicitacao }) }}" class="uploadfile" data-callback="updateButton($this)">
  188.                                                             <input type="file" name="arquivo[{{ documento.id_solicitacao }}]" id="arquivo[{{ documento.id_solicitacao }}]" class="inputfile" multiple accept="{{ extensoes }}" />
  189.                                                             <label for="arquivo[{{ documento.id_solicitacao }}]" class="button transparent pointer tooltip" title="Clique para selecionar o arquivo<br/>({{ extensoes }}).">
  190.                                                                 <i class="fal fa-fw fa-upload"></i>
  191.                                                                 <span>{{ documento.nome_documento|ucwords }}</span>
  192.                                                             </label>
  193.                                                         </form>
  194.                                                     </div>
  195.                                                     {% endfor %}
  196.                                                 </div>
  197.                                             </div>
  198.                                             <div class="text-completed text-center d-none">
  199.                                                 <p><i class="fal fa-check-circle text-40"></i></p>
  200.                                                 <h3 class="text-24 medium mb-2">Muito bem!</h3>
  201.                                                 <p>Você realizou o upload de todos os arquivos!</p>
  202.                                             </div>
  203.                                         </div>
  204.                                         <div class="col col-auto">
  205.                                             <a href="#" class="button sm transparent close-notification tooltip" title="Fechar">
  206.                                                 <i class="fal fa-times"></i>
  207.                                             </a>
  208.                                         </div>
  209.                                     </div>
  210.                                 </div>
  211.                             </div>
  212.                             {% endif %}
  213.                         </div>
  214.                         <div class="js-show-performance-dominio hide">
  215.                             {{ render(controller('App\\Controller\\Visao\\GPS\\Avaliado\\Componentes\\PerformanceAvaliadoController::evolucaoDominio')) }}
  216.                         </div>
  217.                     </div>
  218.                     <div class="col-12 col-xxl-6 order-0 order-xxl-1">
  219.                         <div class="row">
  220.                             <div class="col-12 pb-5">
  221.                                 {{ render(controller('App\\Controller\\Visao\\GPS\\Avaliado\\Componentes\\EvsGrupoController::index', {}, {'relacionamento': true} )) }}
  222.                             </div>
  223.                             <div class="col-12 pb-5 d-none d-xxl-block">        
  224.                                 <div class="row align-items-center mb-3">
  225.                                     <div class="col">
  226.                                         <h3 class="text-24 text-darker medium">Índice Por Domínio</h3>
  227.                                     </div>
  228.                                 </div>
  229.                                 <div class="box box-table px-4">
  230.                                     {% for dominio in dominios %}
  231.                                     <div class="row align-items-center py-3 border-bottom border-transparent">
  232.                                         <div class="col medium">{{ dominio.nome_dominio }}</div>
  233.                                         <div class="col col-auto col-lg">
  234.                                             <p class="bold text-darker text-right"><b class="text-{{dominio.performances|json_decode[0]['performance']|decil_range}}">{{ dominio.valor }}</b> / {{ dominio.peso }}</p>
  235.                                         </div>
  236.                                         <div class="col-12 col-lg pt-3 pt-lg-0">
  237.                                             <div class="row flex-nowrap justify-content-between pb-2 text-gray">
  238.                                                 <div class="col col-auto">0</div>
  239.                                                 <div class="col col-auto"><b>{{ dominio.performances|json_decode[0]['performance']|number_format(2, ',', '.') }}%</b></div>
  240.                                                 <div class="col col-auto">{{ dominio.peso }}</div>
  241.                                             </div>
  242.                                             <div class="progress-bar bg-{{dominio.performances|json_decode[0]['performance']|decil_range}}">
  243.                                                 <div class="progress" style="width: {{ dominio.performances|json_decode[0]['performance'] }}%;"></div>
  244.                                             </div>
  245.                                         </div>
  246.                                     </div>
  247.                                     {% endfor %}
  248.                                 </div>
  249.                             </div>
  250.                         </div>
  251.                     </div>
  252.                     <div class="col-12 d-xxl-none order-2 pb-5">
  253.                         <div class="row align-items-center mb-3">
  254.                             <div class="col">
  255.                                 <h3 class="text-24 text-darker medium">Índice Por Domínio</h3>
  256.                             </div>
  257.                         </div>
  258.                         <div class="box box-table px-4">
  259.                             {% for dominio in dominios %}
  260.                             <div class="row align-items-center py-3 border-bottom border-transparent">
  261.                                 <div class="col medium">{{ dominio.nome_dominio }}</div>
  262.                                 <div class="col col-auto col-lg">
  263.                                     <p class="bold text-darker text-right"><b class="text-{{dominio.performances|json_decode[0]['performance']|decil_range}}">{{ dominio.valor }}</b> / {{ dominio.peso }}</p>
  264.                                 </div>
  265.                                 <div class="col-12 col-lg pt-3 pt-lg-0">
  266.                                     <div class="row flex-nowrap justify-content-between pb-2 text-gray">
  267.                                         <div class="col col-auto">0</div>
  268.                                         <div class="col col-auto"><b>{{ dominio.performances|json_decode[0]['performance']|number_format(2, ',', '.') }}%</b></div>
  269.                                         <div class="col col-auto">{{ dominio.peso }}</div>
  270.                                     </div>
  271.                                     <div class="progress-bar bg-{{dominio.performances|json_decode[0]['performance']|decil_range}}">
  272.                                         <div class="progress" style="width: {{ dominio.performances|json_decode[0]['performance'] }}%;"></div>
  273.                                     </div>
  274.                                 </div>
  275.                             </div>
  276.                             {% endfor %}
  277.                         </div>
  278.                     </div>
  279.                 </div>
  280.                 <div class="row">
  281.                     {{ render(controller('App\\Controller\\Visao\\GPS\\Avaliado\\Componentes\\DesempenhoIndicadoresController::index', {}, {
  282.                         'relacionamento': true
  283.                     } )) }}
  284.                 </div>
  285.             {% endif %}            
  286.             </div>
  287.         </div>
  288.     </div> 
  289. {% endblock %}