templates/index/qualidade.html.twig line 1

  1. {% extends '@EasyAdmin/layout.html.twig' %}
  2. {% block title %}ArquivosGED{% endblock %}
  3. {% block header %}
  4. {% endblock header %}
  6. {% block content_header %}
  7. <link rel="stylesheet" type="text/css" href="{{ asset('./css/index.css') }}">
  8. <link rel="shortcut icon" href="{{ asset('./img/icon.png') }}">
  9. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
  11. {% endblock content_header %}
  13. {% block main %}
  14. <style>
  15.  /* Estilo básico para ocultar as opções não filtradas */
  16. .hidden {
  17.     
  18.     display: none;
  19. }
  22. .table {
  23.     width: 100%; /* Ajusta a largura da tabela */
  24.     border-collapse: collapse; /* Remove espaços entre as bordas */
  25. }
  27. .table thead {
  28.     position: sticky; /* Mantém o cabeçalho fixo no topo */
  29.     top: 0;
  30.     background: white; /* Fundo para visibilidade */
  31.     z-index: 2;
  32. }
  34. .table tbody {
  35.     display: block; /* Torna o tbody um bloco */
  36.     max-height: 300px; /* Define a altura máxima com scroll */
  37.     overflow-y: auto; /* Ativa o scroll vertical */
  38.     width: 100%; /* Garante alinhamento com o thead */
  39.     max-height: 300px;
  40. }
  44. .table tbody tr {
  45.     display: table; /* Garante que os elementos mantenham o estilo de tabela */
  46.     width: 100%; /* Alinha as colunas */
  47.     table-layout: fixed; /* Mantém as larguras das colunas */
  48. }
  50. .table thead tr {
  51.     display: table; /* Garante alinhamento entre thead e tbody */
  52.     width: 100%;
  53.     table-layout: fixed; /* Mantém as larguras das colunas */
  54. }
  58. </style>
  60. {% if xy == 1 %}
  61.     
  62. <form method='post' id="formPdf">> 
  63.     <div class="index">
  64.         <div class = 'iframe'>
  65.             <input type="hidden" value="{{pdf.id}}" name="id_pdf">
  67.              <input type="hidden" value="{{pdf.id}}" name="id_pdf">
  68.             <iframe class = "ifr"  
  69.                 
  70.                 {% if pdf.cliente.extraFields == 'local' %}
  71.                     src="{{link}}"
  72.                 {% endif %}
  74.                 {% if pdf.cliente.extraFields != 'local' %}
  75.                     src="{{all_Url}}"
  76.                 
  77.                 {% endif %}
  78.                 
  79.                 
  80.                 ></iframe>
  81.         </div>
  82.         <div class= 'form'>
  83.                
  84.             {% if erro == 'erro'%}
  85.                     {{p}}
  86.                 {% endif %}
  87.                 {% if erro == 'ok'%}
  88.                     {{p}}
  89.                 {% endif %}
  90.                 <div class="doc">
  91.                                     
  92.                 <button  onclick="showDiv()" id="Login" type="submit" name ='botao_volta' class="btn btn-primary" id='back'>
  93.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-circle-fill" viewBox="0 0 16 16">
  94.                 <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"/>
  95.                 </svg>
  96.             </button>
  97.                 <h4 class='titulo'>{{ pdf.tipo.nome }}</h4>
  98.                     
  99.                         <label>Descrição(OCR):</label>
  100.                         <div class="form-group">
  101.                         
  102.                         <textarea class="form-control" id="exampleTextarea" rows="3"name= "desc">{{pdf.extraFields}}</textarea>
  103.                     </div>
  104.                     <hr>
  105.                         <label>Nome:</label>
  106.                         <input type="text" class="form-control" name= "nome" value ="{{pdf.nome}}" required>
  108.                     <hr>
  109.                     <label>Assunto:</label>
  110.                         <input type="text" class="form-control" name= "assunto" value ="{{pdf.assunto}}" required>
  112.                     <hr>
  113.                     <label>Palavra-Chave:</label>
  114.                         <input type="text" class="form-control" name= "chave" value ="{{pdf.keywords}}">
  115.                     
  116.                     <hr>    
  118.                     <label>Data Documento:</label>
  119.                         <input type="date" class="form-control" name= "data" {% if pdf.dataDocumento != null %}value ="{{pdf.dataDocumento | date('Y-m-d') }}"{% endif %}>
  120.                     <hr>
  121.             
  122.                     <label>Classificação:</label>
  123.                         <select  id="meuSelect" placeholder="Pesquise" name="classifica" class="form-control">
  124.                                 {% if pdf.classificacao != null %}
  125.                                 <option value="{{pdf.classificacao.id}}" data-texto="{{ pdf.classificacao.faseIntermediaria }}" selected>{{pdf.classificacao.nome}}</option>
  126.                                 {% endif %}
  127.                                 {% if pdf.classificacao == null %}
  128.                                     <option value=""  data-texto=""  selected>Selecione</option>
  129.                                 {% endif %}
  130.                                 {% for classi in class %}
  131.                                     <option value="{{ classi.id }}" data-texto="{{ classi.faseIntermediaria }}">{{ classi.nome }}</option>
  132.                                 {% endfor %}              
  133.                         </select>
  134.                     <hr>
  135.                     <label>Fase Intermediária:</label>
  136.                     <input type="text" id="resultado" name="fase" class="form-control" readonly>
  137.                     <hr>
  138.                     <label>Container:</label>
  139.                         <input type="text" class="form-control" name= "conteiner" value ="{{pdf.conteiner}}">
  140.                     <hr> 
  141.                     <div class='dados_pesq'>
  142.                         <div style="text-align:center">
  143.                             <button type="submit" onclick="showDiv()" id="Login"  class="btn btn-primary" name ='botao_doc'>Salvar</button>&nbsp;&nbsp;
  144.                         </div>
  145.                     </div>
  146.         </div>                    
  147.     </div>    
  149. </form>  
  151.     {% if erro == 'ok' %}
  152.     
  153.     <a href="{{ path('qualidade') }}"><div class="avisos"><img  src="{{ asset('./img/check.gif') }}"><br><y>{{p}}</y></div></a>
  154.     
  155.     {% endif %}
  156.     <script type="text/javascript" src="{{ asset('./js/jquery-2.2.4.min.js') }}"></script>
  157.    </div>     
  158. {% endif %}
  160. {% if xy == 0 %}
  161.     <div>
  162.         <h5 class='titulo'>Controle de Qualidade</h5>
  163.     </div>
  164.     <div>  
  165.             <div>
  166.                 <table class="table table-bordered table-striped">
  167.                     <thead>
  168.                         <tr>
  169.                             <th>Repositor</th>
  170.                             <th>Nome</th>
  171.                             <th>Assunto</th>
  172.                             <th>Data do Envio</th>
  173.                             <th>Data do Indexação</th>
  174.                             <th>Imagen(s)</th>
  175.                             <th>Ação</th>
  176.                         </tr>
  177.                     </thead>    
  178.                     <tbody id="tableBody">
  179.                     {% set doc_null = 0 %}
  180.                     {% for documento in documentos %}
  181.                         
  182.                     
  183.                             {% set doc_null = doc_null + 1  %}
  184.                             <tr>
  185.                                 <td>{{documento.caixa.nome}}</td>
  186.                                 <td>{{documento.nome}}</td>
  187.                                 <td>{{documento.assunto}}</td>
  188.                                 <td>{{documento.createdAt | date('d/m/Y H:i:s') }}</td>
  189.                                 <td>{{documento.indexAt | date('d/m/Y H:i:s') }}</td>
  190.                                 <td>{{documento.qtd}}</td>
  191.                                 
  192.                                 <td>
  193.                             
  194.                                     <form method='post'>
  195.                                         <input type="hidden" name="id" value="{{documento.id}}" /> 
  197.                                         
  198.                                             <button  type="submit" name ='botao_index' class="btn btn-primary" onclick="showDiv()" id="Login"><b>Indexar</b>
  199.                                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-left" viewBox="0 0 16 16">
  200.                                                     <path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708M7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/>
  201.                                                 </svg>
  202.                                             </button>
  203.                                     </form>
  204.                                 </td>
  205.                             </tr>
  206.                         
  207.                     {% endfor %}
  208.                     </tbody>
  209.                     <thead>
  210.                         <tr>
  211.                             <th>Total</th>
  212.                         
  213.                         </tr>
  214.                     </thead>
  215.                     <thead>
  216.                         <tr>
  217.                             <th>{{doc_null}}</th>
  218.                         </tr>
  219.                     </thead>
  220.                     </tbody>
  221.                 
  222.                 </table>
  223.             </div>
  224.         
  226.         
  228.         
  229.         
  230.     {% if erro == 'erro'%}
  231.         {{p}}
  232.     {% endif %}
  233.     {% if erro == 'ok' %}
  235.     
  236.     <a href="https://index.arquivosdoc.com.br/index/indexacao/{{id}}" onclick="showDiv()" id="Login"><div class="avisos"><img  src="{{ asset('./img/check.gif') }}"><br><y>{{p}}</y></div></a>
  237.     
  238.     {% endif %}
  240.     <script>
  241.         function confirmSubmission(event) {
  242.             let confirmAction = confirm("Você tem certeza que deseja enviar o conteúdo preenchido? Por favor, revise antes de prosseguir.");
  243.             if (!confirmAction) {
  244.                 event.preventDefault();  // Impede o envio do formulário
  245.             } else {
  246.                 // Se necessário, envie o formulário ou execute outras ações aqui
  247.                 document.querySelector('form').submit();  // Exemplo, caso haja um formulário
  248.             }
  249.         }
  250.     </script>    
  251.     <div id="loadingGif"  style="display:none;">
  252.         <div class ="espera">
  253.             <img  src="{{ asset('./img/carrega.gif') }}">
  254.         </div>  
  255.     </div>    
  256. {% endif %}
  257.  
  258.    
  259.     <!-- Include Select2 JS -->
  260.     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
  261.     <script>
  262.         $(document).ready(function() {
  263.             $('#searchable-select').select2({
  264.                 placeholder: 'Pesquise',
  265.                 allowClear: true
  266.             });
  267.         });
  269.         $(document).ready(function() {
  270.             $('#searchable-select2').select2({
  271.                 placeholder: 'Pesquise',
  272.                 allowClear: true
  273.             });
  274.         });
  275.     </script> 
  276.     
  277.     <script>
  278.         function atualizarValores() {
  279.             // Obtém o elemento select
  280.             const selectElement = document.getElementById('meuSelect');
  281.             
  282.             // Obtém o valor e o texto personalizados da opção selecionada
  283.             const textoExibido = selectElement.options[selectElement.selectedIndex].getAttribute('data-texto');
  284.             const valor = selectElement.value;
  286.             // Atualiza o valor do input com o texto exibido e valor selecionado
  287.             const resultadoInput = document.getElementById('resultado');
  288.             resultadoInput.value = `${textoExibido}`;
  289.         }
  291.         // Adiciona o evento para que a função seja chamada quando o select mudar
  292.         window.onload = function() {
  293.             const selectElement = document.getElementById('meuSelect');
  294.             selectElement.addEventListener('change', atualizarValores);
  296.             // Atualiza o input inicialmente para o valor padrão
  297.             atualizarValores();
  298.         };
  299.     </script>  
  300. <script>
  301.    function showDiv() {
  302.      document.getElementById('Login').style.display = "none";
  303.      document.getElementById('loadingGif').style.display = "block";
  304.      setTimeout(function() {
  305.        document.getElementById('loadingGif').style.display = "none";
  306.        document.getElementById('Login').style.display = "block";
  307.      },4000);
  308.       
  309.    }
  311.    function showDivshow() {
  312.      document.getElementById('botao').style.display = "none";
  313.      document.getElementById('img').style.display = "none";
  314.      document.getElementById('loading').style.display = "block";
  315.      setTimeout(function() {
  316.        document.getElementById('botao').style.display = "block";
  317.        document.getElementById('loading').style.display = "none";
  318.        document.getElementById('img').style.display = "block";
  319.      },4000);
  320.       
  321.    }
  322.    </script>    
  323.    <script>
  324.     document.getElementById("formPdf").addEventListener("keydown", function(e) {
  325.         if (e.key === "Enter" && e.target.tagName !== "TEXTAREA") {
  326.             e.preventDefault();
  327.             this.submit();
  328.         }
  329.     });
  330.     </script>
  331. {% endblock main %}
  333. {% block content_footer %}
  334. {% endblock content_footer %}