mirror of https://github.com/interlegis/sapl.git
Browse Source
Adiciona pagina onde o Presidente da Mesa Diretora pode visualizar e assinar em lote, com um unico certificado A1, TODOS os documentos acessorios do tipo "Despacho" ainda pendentes de assinatura digital (filtro frouxo: tipo__descricao__icontains "despacho"). Reuso integral do backend ja existente: - docacessorio_assinar_lote() em views_assinatura.py ja aceita PKs de documentos de multiplas materias num unico POST. - Modal de 4 passos (selecao -> certificado -> previa -> progresso -> resumo) extraido de documentoacessorio_list.html para partial reusavel e incluido nos dois templates (refactor mecanico, HTML/JS byte-a-byte identico). Acesso: restrito ao grupo SGVP_GROUP_PRESIDENTE_MESA (ou superuser para depuracao); demais usuarios recebem 403. Atalhos pra tela aparecem so quando usuario esta no grupo: - "Pesquisar Materia Legislativa" (botao na linha de filtro de assinatura) - "Materias Pendentes de Assinatura" (botao no bloco de acoes) Arquivos: - sapl/materia/views.py: ListView DespachosPendentesLoteView nova + flag is_presidente_mesa nos contextos das views existentes. - sapl/materia/urls.py: rota /materia/despachos-pendentes-lote. - sapl/templates/materia/assinatura_doc_lote_modal.html (novo): partial com modal completo. - sapl/templates/materia/despachos_pendentes_lote_list.html (novo): tela do presidente. - sapl/templates/materia/documentoacessorio_list.html: substitui modal embedded por include do partial. - sapl/templates/materia/materialegislativa_filter.html: atalho. - sapl/templates/materia/materias_pendentes_assinatura_list.html: atalho.pull/3858/head
Gustavo
3 months ago
7 changed files with 668 additions and 404 deletions
@ -0,0 +1,420 @@ |
|||||
|
{% comment %} |
||||
|
Partial reusavel: Modal de Assinatura Digital em Lote de Documentos |
||||
|
Acessorios. Espera no contexto a variavel `docs_pendentes_lote` |
||||
|
(lista de dicts com chaves `id` e `descricao`). O caller deve |
||||
|
envolver com if docs_pendentes_lote include endif e renderizar em |
||||
|
algum lugar um botao com id="btn-assinar-doc-lote" para disparar o |
||||
|
modal. |
||||
|
|
||||
|
Backend: POST para sapl.materia:docacessorio_assinar_lote |
||||
|
(views_assinatura.py::docacessorio_assinar_lote). |
||||
|
|
||||
|
Usado por: |
||||
|
- sapl/templates/materia/documentoacessorio_list.html |
||||
|
(assinar docs acessorios pendentes de UMA materia) |
||||
|
- sapl/templates/materia/despachos_pendentes_lote_list.html |
||||
|
(assinar despachos pendentes de TODAS as materias - Presidente da Mesa) |
||||
|
{% endcomment %} |
||||
|
<div class="modal fade" id="assinaturaDocLoteModal" tabindex="-1" role="dialog" aria-labelledby="assinaturaDocLoteModalLabel" aria-hidden="true"> |
||||
|
<div class="modal-dialog modal-lg" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<div class="modal-header bg-warning"> |
||||
|
<h5 class="modal-title" id="assinaturaDocLoteModalLabel"> |
||||
|
<i class="fa fa-certificate"></i> |
||||
|
Assinar Documentos Acessórios em Lote — |
||||
|
<strong id="doc-lote-titulo-total">{{ docs_pendentes_lote|length }}</strong> pendente(s) |
||||
|
</h5> |
||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Fechar"> |
||||
|
<span aria-hidden="true">×</span> |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
<div class="modal-body"> |
||||
|
|
||||
|
{# Passo 0: seleção #} |
||||
|
<div id="doc-lote-selecao-step"> |
||||
|
<div class="d-flex justify-content-between align-items-center mb-2"> |
||||
|
<span class="font-weight-bold"> |
||||
|
<i class="fa fa-list-ul"></i> Selecione os documentos a assinar |
||||
|
</span> |
||||
|
<div> |
||||
|
<button type="button" class="btn btn-sm btn-outline-secondary mr-1" id="doc-lote-btn-todas"> |
||||
|
<i class="fa fa-check-square-o"></i> Todos |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-sm btn-outline-secondary" id="doc-lote-btn-nenhuma"> |
||||
|
<i class="fa fa-square-o"></i> Nenhum |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="doc-lote-lista-checkboxes" style="max-height:320px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:8px;"> |
||||
|
{% for d in docs_pendentes_lote %} |
||||
|
<div class="form-check py-1" style="border-bottom:1px solid #f0f0f0;"> |
||||
|
<input class="form-check-input doc-lote-chk" type="checkbox" |
||||
|
id="doc-lote-chk-{{ d.id }}" value="{{ d.id }}" checked> |
||||
|
<label class="form-check-label w-100" for="doc-lote-chk-{{ d.id }}" style="cursor:pointer;"> |
||||
|
{{ d.descricao }} |
||||
|
</label> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
<p class="text-muted small mt-2 mb-0"> |
||||
|
<span id="doc-lote-selecao-contagem">{{ docs_pendentes_lote|length }}</span> documento(s) selecionado(s) |
||||
|
</p> |
||||
|
</div> |
||||
|
|
||||
|
{# Passo 1: certificado #} |
||||
|
<div id="doc-lote-form-step" style="display:none;"> |
||||
|
<div class="alert alert-warning"> |
||||
|
<i class="fa fa-exclamation-triangle"></i> |
||||
|
<strong>Atenção:</strong> Esta operação assinará digitalmente |
||||
|
<strong><span id="doc-lote-alerta-total">{{ docs_pendentes_lote|length }}</span> documento(s)</strong> |
||||
|
com validade jurídica nos termos da MP 2.200-2/2001. |
||||
|
</div> |
||||
|
<form id="form-assinatura-doc-lote" enctype="multipart/form-data"> |
||||
|
{% csrf_token %} |
||||
|
<div class="form-group"> |
||||
|
<label for="doc-lote-certificado"> |
||||
|
<i class="fa fa-file"></i> Certificado Digital (.pfx / .p12) |
||||
|
</label> |
||||
|
<div class="custom-file"> |
||||
|
<input type="file" class="custom-file-input" id="doc-lote-certificado" |
||||
|
name="certificado" accept=".pfx,.p12" required> |
||||
|
<label class="custom-file-label" for="doc-lote-certificado"> |
||||
|
Selecione o arquivo do certificado... |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label for="doc-lote-senha"> |
||||
|
<i class="fa fa-lock"></i> Senha do Certificado |
||||
|
</label> |
||||
|
<input type="password" class="form-control" id="doc-lote-senha" |
||||
|
name="senha" placeholder="Digite a senha do certificado" required> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
|
||||
|
{# Passo 1.5: prévia #} |
||||
|
<div id="doc-lote-previa-step" style="display:none;"> |
||||
|
<div class="alert alert-info mb-3"> |
||||
|
<i class="fa fa-eye"></i> |
||||
|
<strong>Revise os documentos antes de assinar.</strong> |
||||
|
Clique em cada item para visualizar o PDF em nova aba. |
||||
|
</div> |
||||
|
<div id="doc-lote-previa-lista" style="max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:8px;" class="mb-3"></div> |
||||
|
<div class="form-check mt-3"> |
||||
|
<input class="form-check-input" type="checkbox" id="doc-lote-previa-confirmacao"> |
||||
|
<label class="form-check-label font-weight-bold text-danger" for="doc-lote-previa-confirmacao"> |
||||
|
<i class="fa fa-check-square-o"></i> |
||||
|
Confirmo que revisei os documentos e que estão corretos para assinatura. |
||||
|
</label> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
{# Passo 2: progresso #} |
||||
|
<div id="doc-lote-progresso-step" style="display:none;"> |
||||
|
<h6 class="mb-3"> |
||||
|
<i class="fa fa-spinner fa-spin text-primary"></i> |
||||
|
Processando assinaturas… |
||||
|
</h6> |
||||
|
<div class="progress mb-3" style="height:22px;"> |
||||
|
<div id="doc-lote-progress-bar" |
||||
|
class="progress-bar progress-bar-striped progress-bar-animated bg-warning" |
||||
|
role="progressbar" style="width:0%">0%</div> |
||||
|
</div> |
||||
|
<p class="text-muted small" id="doc-lote-status-texto">Iniciando…</p> |
||||
|
</div> |
||||
|
|
||||
|
{# Passo 3: resumo #} |
||||
|
<div id="doc-lote-resumo-step" style="display:none;"> |
||||
|
<div id="doc-lote-resumo-alerta"></div> |
||||
|
<div id="doc-lote-resumo-lista" style="max-height:300px;overflow-y:auto;"></div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="modal-footer"> |
||||
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="doc-lote-btn-fechar"> |
||||
|
<i class="fa fa-times"></i> Fechar |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-warning" id="doc-lote-btn-proximo"> |
||||
|
<i class="fa fa-arrow-right"></i> |
||||
|
Continuar — <span id="doc-lote-btn-proximo-contagem">{{ docs_pendentes_lote|length }}</span> Doc(s) |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-outline-secondary" id="doc-lote-btn-voltar" style="display:none;"> |
||||
|
<i class="fa fa-arrow-left"></i> Voltar |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-info" id="doc-lote-btn-previa" style="display:none;"> |
||||
|
<i class="fa fa-eye"></i> Visualizar Documentos |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-outline-secondary" id="doc-lote-btn-voltar-form" style="display:none;"> |
||||
|
<i class="fa fa-arrow-left"></i> Voltar |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-warning" id="doc-lote-btn-assinar" style="display:none;" disabled> |
||||
|
<i class="fa fa-certificate"></i> |
||||
|
Assinar <span id="doc-lote-btn-assinar-contagem">{{ docs_pendentes_lote|length }}</span> Doc(s) |
||||
|
</button> |
||||
|
<button type="button" class="btn btn-success" id="doc-lote-btn-recarregar" style="display:none;" |
||||
|
onclick="location.reload()"> |
||||
|
<i class="fa fa-refresh"></i> Atualizar página |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<script> |
||||
|
(function () { |
||||
|
var DOCS_LOTE = {{ docs_pendentes_lote|safe }}; |
||||
|
var URL_LOTE = "{% url 'sapl.materia:docacessorio_assinar_lote' %}"; |
||||
|
|
||||
|
function getCSRF() { |
||||
|
var el = document.querySelector('#form-assinatura-doc-lote [name=csrfmiddlewaretoken]'); |
||||
|
if (el) return el.value; |
||||
|
var match = document.cookie.match(/csrftoken=([^;]+)/); |
||||
|
return match ? match[1] : ''; |
||||
|
} |
||||
|
|
||||
|
function getIdsSelecionados() { |
||||
|
return Array.from(document.querySelectorAll('.doc-lote-chk:checked')) |
||||
|
.map(function(c){ return parseInt(c.value, 10); }); |
||||
|
} |
||||
|
|
||||
|
function atualizarContagem() { |
||||
|
var n = getIdsSelecionados().length; |
||||
|
document.getElementById('doc-lote-selecao-contagem').textContent = n; |
||||
|
document.getElementById('doc-lote-btn-proximo-contagem').textContent = n; |
||||
|
document.getElementById('doc-lote-btn-assinar-contagem').textContent = n; |
||||
|
document.getElementById('doc-lote-alerta-total').textContent = n; |
||||
|
document.getElementById('doc-lote-titulo-total').textContent = n; |
||||
|
document.getElementById('doc-lote-btn-proximo').disabled = (n === 0); |
||||
|
} |
||||
|
|
||||
|
document.getElementById('doc-lote-lista-checkboxes').addEventListener('change', function(e){ |
||||
|
if (e.target && e.target.classList.contains('doc-lote-chk')) atualizarContagem(); |
||||
|
}); |
||||
|
|
||||
|
document.getElementById('doc-lote-btn-todas').addEventListener('click', function(){ |
||||
|
document.querySelectorAll('.doc-lote-chk').forEach(function(c){ c.checked = true; }); |
||||
|
atualizarContagem(); |
||||
|
}); |
||||
|
document.getElementById('doc-lote-btn-nenhuma').addEventListener('click', function(){ |
||||
|
document.querySelectorAll('.doc-lote-chk').forEach(function(c){ c.checked = false; }); |
||||
|
atualizarContagem(); |
||||
|
}); |
||||
|
|
||||
|
document.getElementById('doc-lote-certificado').addEventListener('change', function(){ |
||||
|
var label = this.nextElementSibling; |
||||
|
label.textContent = this.files[0] ? this.files[0].name : 'Selecione o arquivo do certificado...'; |
||||
|
}); |
||||
|
|
||||
|
function irParaSelecao() { |
||||
|
document.getElementById('doc-lote-selecao-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-form-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-previa-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-resumo-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-proximo').style.display = 'inline-block'; |
||||
|
document.getElementById('doc-lote-btn-voltar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-previa').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-voltar-form').style.display= 'none'; |
||||
|
document.getElementById('doc-lote-btn-assinar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-recarregar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-fechar').disabled = false; |
||||
|
} |
||||
|
|
||||
|
function irParaForm() { |
||||
|
document.getElementById('doc-lote-selecao-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-form-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-previa-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-resumo-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-proximo').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-voltar').style.display = 'inline-block'; |
||||
|
document.getElementById('doc-lote-btn-previa').style.display = 'inline-block'; |
||||
|
document.getElementById('doc-lote-btn-voltar-form').style.display= 'none'; |
||||
|
document.getElementById('doc-lote-btn-assinar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-recarregar').style.display = 'none'; |
||||
|
} |
||||
|
|
||||
|
function irParaPrevia() { |
||||
|
var certFile = document.getElementById('doc-lote-certificado').files[0]; |
||||
|
var senha = document.getElementById('doc-lote-senha').value; |
||||
|
if (!certFile) { alert('Selecione o arquivo do certificado.'); return; } |
||||
|
if (!senha) { alert('Digite a senha do certificado.'); return; } |
||||
|
|
||||
|
var idsSel = getIdsSelecionados(); |
||||
|
var html = ''; |
||||
|
DOCS_LOTE.filter(function(d){ return idsSel.indexOf(d.id) !== -1; }) |
||||
|
.forEach(function(d) { |
||||
|
html += '<div class="d-flex align-items-center justify-content-between py-2" ' + |
||||
|
'style="border-bottom:1px solid #f0f0f0;">' + |
||||
|
'<span><i class="fa fa-file-pdf-o text-danger mr-1"></i>' + |
||||
|
'<strong>' + escHtml(d.descricao) + '</strong></span>' + |
||||
|
'<a href="/materia/documentoacessorio/' + d.id + '/pdf-previa" target="_blank" ' + |
||||
|
'class="btn btn-sm btn-outline-primary ml-2" title="Visualizar PDF">' + |
||||
|
'<i class="fa fa-eye"></i> Visualizar</a>' + |
||||
|
'</div>'; |
||||
|
}); |
||||
|
document.getElementById('doc-lote-previa-lista').innerHTML = html || '<p class="text-muted">Nenhum documento selecionado.</p>'; |
||||
|
|
||||
|
var chk = document.getElementById('doc-lote-previa-confirmacao'); |
||||
|
chk.checked = false; |
||||
|
document.getElementById('doc-lote-btn-assinar').disabled = true; |
||||
|
|
||||
|
document.getElementById('doc-lote-selecao-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-form-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-previa-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-resumo-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-proximo').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-voltar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-previa').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-voltar-form').style.display= 'inline-block'; |
||||
|
document.getElementById('doc-lote-btn-assinar').style.display = 'inline-block'; |
||||
|
document.getElementById('doc-lote-btn-recarregar').style.display = 'none'; |
||||
|
} |
||||
|
|
||||
|
document.getElementById('btn-assinar-doc-lote').addEventListener('click', function(){ |
||||
|
document.querySelectorAll('.doc-lote-chk').forEach(function(c){ c.checked = true; }); |
||||
|
document.getElementById('form-assinatura-doc-lote').reset(); |
||||
|
document.querySelector('#form-assinatura-doc-lote .custom-file-label').textContent = |
||||
|
'Selecione o arquivo do certificado...'; |
||||
|
atualizarContagem(); |
||||
|
irParaSelecao(); |
||||
|
$('#assinaturaDocLoteModal').modal('show'); |
||||
|
}); |
||||
|
|
||||
|
document.getElementById('doc-lote-btn-proximo').addEventListener('click', function(){ |
||||
|
if (getIdsSelecionados().length === 0) { alert('Selecione ao menos um documento.'); return; } |
||||
|
irParaForm(); |
||||
|
}); |
||||
|
|
||||
|
document.getElementById('doc-lote-btn-voltar').addEventListener('click', irParaSelecao); |
||||
|
document.getElementById('doc-lote-btn-previa').addEventListener('click', irParaPrevia); |
||||
|
document.getElementById('doc-lote-btn-voltar-form').addEventListener('click', irParaForm); |
||||
|
|
||||
|
document.getElementById('doc-lote-previa-confirmacao').addEventListener('change', function(){ |
||||
|
document.getElementById('doc-lote-btn-assinar').disabled = !this.checked; |
||||
|
}); |
||||
|
|
||||
|
document.getElementById('doc-lote-btn-assinar').addEventListener('click', function(){ |
||||
|
var certFile = document.getElementById('doc-lote-certificado').files[0]; |
||||
|
var senha = document.getElementById('doc-lote-senha').value; |
||||
|
var idsSel = getIdsSelecionados(); |
||||
|
|
||||
|
if (!certFile) { alert('Selecione o arquivo do certificado.'); return; } |
||||
|
if (!senha) { alert('Digite a senha do certificado.'); return; } |
||||
|
if (!idsSel.length) { alert('Nenhum documento selecionado.'); return; } |
||||
|
|
||||
|
var fd = new FormData(); |
||||
|
fd.append('certificado', certFile); |
||||
|
fd.append('senha', senha); |
||||
|
fd.append('ids', JSON.stringify(idsSel)); |
||||
|
|
||||
|
document.getElementById('doc-lote-previa-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-btn-voltar-form').style.display= 'none'; |
||||
|
document.getElementById('doc-lote-btn-assinar').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-btn-fechar').disabled = true; |
||||
|
|
||||
|
// Animação de progresso proporcional ao número de documentos |
||||
|
var nDocs = idsSel.length; |
||||
|
var fases = [ |
||||
|
{ ate: 10, label: 'Enviando certificado e iniciando assinatura…', ms: 700 }, |
||||
|
{ ate: 25, label: 'Validando certificado e gerando PDFs…', ms: Math.min(600, 200 + nDocs * 30) }, |
||||
|
{ ate: 50, label: 'Preparando ' + nDocs + ' documento(s) para assinatura…', ms: Math.min(800, 200 + nDocs * 50) }, |
||||
|
{ ate: 70, label: 'Enviando ao microserviço de assinatura…', ms: Math.min(1000, 300 + nDocs * 60) }, |
||||
|
{ ate: 85, label: 'Aguardando resposta do servidor…', ms: Math.min(800, 300 + nDocs * 40) }, |
||||
|
{ ate: 93, label: 'Salvando documentos assinados…', ms: 500 }, |
||||
|
{ ate: 97, label: 'Finalizando…', ms: 300 }, |
||||
|
]; |
||||
|
var faseIdx = 0, progrAtual = 0, progrTimer = null; |
||||
|
function avancarProgresso() { |
||||
|
if (faseIdx >= fases.length) return; |
||||
|
var fase = fases[faseIdx]; |
||||
|
if (progrAtual < fase.ate) { |
||||
|
progrAtual = Math.min(progrAtual + 1, fase.ate); |
||||
|
setProgresso(progrAtual, fase.label); |
||||
|
} else { faseIdx++; } |
||||
|
progrTimer = setTimeout(avancarProgresso, fases[Math.min(faseIdx, fases.length-1)].ms / (fase.ate - (faseIdx > 0 ? fases[faseIdx-1].ate : 0))); |
||||
|
} |
||||
|
progrTimer = setTimeout(avancarProgresso, 400); |
||||
|
|
||||
|
fetch(URL_LOTE, { |
||||
|
method: 'POST', |
||||
|
body: fd, |
||||
|
headers: { 'X-CSRFToken': getCSRF() } |
||||
|
}) |
||||
|
.then(function(r){ |
||||
|
clearTimeout(progrTimer); |
||||
|
setProgresso(98, 'Processando resposta…'); |
||||
|
if (!r.ok) return r.json().then(function(d){ throw new Error(d.error || ('HTTP ' + r.status)); }); |
||||
|
return r.json(); |
||||
|
}) |
||||
|
.then(function(data){ |
||||
|
clearTimeout(progrTimer); |
||||
|
setProgresso(100, 'Concluído.'); |
||||
|
document.getElementById('doc-lote-btn-fechar').disabled = false; |
||||
|
mostrarResumo(data); |
||||
|
}) |
||||
|
.catch(function(err){ |
||||
|
clearTimeout(progrTimer); |
||||
|
document.getElementById('doc-lote-btn-fechar').disabled = false; |
||||
|
setProgresso(100, 'Erro.'); |
||||
|
mostrarErroFatal(err.message || String(err)); |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
function setProgresso(pct, texto) { |
||||
|
var bar = document.getElementById('doc-lote-progress-bar'); |
||||
|
bar.style.width = pct + '%'; |
||||
|
bar.textContent = pct + '%'; |
||||
|
document.getElementById('doc-lote-status-texto').textContent = texto; |
||||
|
} |
||||
|
|
||||
|
function mostrarResumo(data) { |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-resumo-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-btn-recarregar').style.display = 'inline-block'; |
||||
|
|
||||
|
var temErro = data.erros > 0; |
||||
|
var alertaCls = data.sucesso > 0 ? (temErro ? 'alert-warning' : 'alert-success') : 'alert-danger'; |
||||
|
var icone = data.sucesso > 0 ? (temErro ? 'exclamation-triangle' : 'check-circle') : 'times-circle'; |
||||
|
|
||||
|
document.getElementById('doc-lote-resumo-alerta').innerHTML = |
||||
|
'<div class="alert ' + alertaCls + '">' + |
||||
|
'<i class="fa fa-' + icone + '"></i> ' + |
||||
|
'<strong>' + data.sucesso + ' assinado(s)</strong> com sucesso' + |
||||
|
(temErro ? ', <strong>' + data.erros + '</strong> com erro(s).' : '.') + |
||||
|
' Total: ' + data.total + ' documento(s).</div>'; |
||||
|
|
||||
|
var html = '<ul class="list-group">'; |
||||
|
(data.resultados || []).forEach(function(r){ |
||||
|
var cls = r.success ? 'list-group-item-success' : 'list-group-item-danger'; |
||||
|
var icon = r.success ? 'check text-success' : 'times text-danger'; |
||||
|
html += '<li class="list-group-item list-group-item-sm ' + cls + '">' + |
||||
|
'<i class="fa fa-' + icon + ' mr-1"></i>' + |
||||
|
'<strong>' + escHtml(r.descricao) + '</strong>' + |
||||
|
(r.error ? ' — <small class="text-muted">' + escHtml(r.error) + '</small>' : '') + |
||||
|
'</li>'; |
||||
|
}); |
||||
|
html += '</ul>'; |
||||
|
document.getElementById('doc-lote-resumo-lista').innerHTML = html; |
||||
|
} |
||||
|
|
||||
|
function mostrarErroFatal(msg) { |
||||
|
document.getElementById('doc-lote-progresso-step').style.display = 'none'; |
||||
|
document.getElementById('doc-lote-resumo-step').style.display = 'block'; |
||||
|
document.getElementById('doc-lote-resumo-alerta').innerHTML = |
||||
|
'<div class="alert alert-danger"><i class="fa fa-times-circle"></i> ' + |
||||
|
'<strong>Erro:</strong> ' + escHtml(msg) + '</div>'; |
||||
|
document.getElementById('doc-lote-resumo-lista').innerHTML = ''; |
||||
|
} |
||||
|
|
||||
|
function escHtml(s) { |
||||
|
return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"'); |
||||
|
} |
||||
|
})(); |
||||
|
</script> |
||||
@ -0,0 +1,136 @@ |
|||||
|
{% extends "crud/detail.html" %} |
||||
|
{% load i18n %} |
||||
|
{% load static %} |
||||
|
|
||||
|
{% block actions %} |
||||
|
<div class="actions btn-group float-right pb-4" role="group"> |
||||
|
<a href="{% url 'sapl.materia:materias_pendentes_assinatura' %}" class="btn btn-outline-secondary"> |
||||
|
<i class="fas fa-arrow-left"></i> {% trans "Voltar para Minhas Matérias" %} |
||||
|
</a> |
||||
|
</div> |
||||
|
{% endblock %} |
||||
|
|
||||
|
{% block detail_content %} |
||||
|
|
||||
|
<div class="d-flex align-items-center justify-content-between mb-3 flex-wrap" style="gap:.75rem;"> |
||||
|
<div> |
||||
|
<h4 class="mb-0"> |
||||
|
<span class="badge badge-warning text-dark px-3 py-2" style="font-size:1rem;"> |
||||
|
<i class="fas fa-stamp mr-1"></i> {% trans "Despachos Pendentes de Assinatura" %} |
||||
|
</span> |
||||
|
</h4> |
||||
|
<small class="text-muted mt-1 d-block"> |
||||
|
<i class="fas fa-user-tie mr-1"></i> |
||||
|
{% trans "Acesso exclusivo do" %} <strong>{% trans "Presidente da Mesa Diretora" %}</strong> |
||||
|
</small> |
||||
|
</div> |
||||
|
<div> |
||||
|
{% if total == 0 %} |
||||
|
<span class="badge badge-success px-3 py-2" style="font-size:.95rem;"> |
||||
|
<i class="fas fa-check-circle mr-1"></i> {% trans "Nenhum despacho pendente" %} |
||||
|
</span> |
||||
|
{% elif total == 1 %} |
||||
|
<span class="badge badge-warning text-dark px-3 py-2" style="font-size:.95rem;"> |
||||
|
1 {% trans "despacho pendente" %} |
||||
|
</span> |
||||
|
{% else %} |
||||
|
<span class="badge badge-warning text-dark px-3 py-2" style="font-size:.95rem;"> |
||||
|
{{ total }} {% trans "despachos pendentes" %} |
||||
|
</span> |
||||
|
{% endif %} |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
{% if not object_list %} |
||||
|
<div class="alert alert-success d-flex align-items-center" role="alert"> |
||||
|
<i class="fas fa-check-circle fa-2x mr-3"></i> |
||||
|
<div> |
||||
|
<strong>{% trans "Tudo em dia!" %}</strong><br> |
||||
|
{% trans "Não há despachos pendentes de assinatura digital no sistema." %} |
||||
|
</div> |
||||
|
</div> |
||||
|
{% else %} |
||||
|
|
||||
|
<div class="alert alert-warning d-flex justify-content-between align-items-center mb-3 flex-wrap" |
||||
|
role="alert" style="border-left: 5px solid #f0ad4e; gap:1rem;"> |
||||
|
<div> |
||||
|
<i class="fas fa-exclamation-triangle fa-lg mr-2"></i> |
||||
|
{% trans "Os despachos abaixo aguardam assinatura digital. Você pode assiná-los todos em lote com seu certificado digital." %} |
||||
|
</div> |
||||
|
<button type="button" id="btn-assinar-doc-lote" |
||||
|
class="btn btn-warning" |
||||
|
title="{% trans 'Assinar digitalmente todos os despachos selecionados em lote' %}"> |
||||
|
<i class="fa fa-certificate"></i> |
||||
|
{% trans "Assinar Despachos em Lote" %} |
||||
|
<span class="badge badge-light text-dark ml-1">{{ docs_pendentes_lote|length }}</span> |
||||
|
</button> |
||||
|
</div> |
||||
|
|
||||
|
<table class="table table-hover table-bordered"> |
||||
|
<thead class="thead-light"> |
||||
|
<tr> |
||||
|
<th style="width:170px;">{% trans "Matéria" %}</th> |
||||
|
<th>{% trans "Nome do Despacho" %}</th> |
||||
|
<th style="width:140px;">{% trans "Tipo" %}</th> |
||||
|
<th style="width:140px;">{% trans "Autor" %}</th> |
||||
|
<th style="width:110px;" class="text-center">{% trans "Data" %}</th> |
||||
|
<th style="width:90px;" class="text-center">{% trans "Ações" %}</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody> |
||||
|
{% for d in object_list %} |
||||
|
<tr> |
||||
|
<td> |
||||
|
<a href="{% url 'sapl.materia:materialegislativa_detail' d.materia.pk %}" |
||||
|
class="font-weight-bold" |
||||
|
title="{% trans 'Abrir matéria' %}"> |
||||
|
{{ d.materia.tipo.sigla }} {{ d.materia.numero }}/{{ d.materia.ano }} |
||||
|
</a> |
||||
|
</td> |
||||
|
<td> |
||||
|
<a href="{% url 'sapl.materia:documentoacessorio_detail' d.pk %}" |
||||
|
title="{% trans 'Abrir documento' %}"> |
||||
|
{{ d.nome }} |
||||
|
</a> |
||||
|
</td> |
||||
|
<td> |
||||
|
<small class="text-muted">{{ d.tipo }}</small> |
||||
|
</td> |
||||
|
<td> |
||||
|
{% if d.autor %} |
||||
|
{{ d.autor }} |
||||
|
{% else %} |
||||
|
<span class="text-muted">—</span> |
||||
|
{% endif %} |
||||
|
</td> |
||||
|
<td class="text-center"> |
||||
|
{% if d.data %} |
||||
|
{{ d.data|date:"d/m/Y" }} |
||||
|
{% else %} |
||||
|
<span class="text-muted">—</span> |
||||
|
{% endif %} |
||||
|
</td> |
||||
|
<td class="text-center"> |
||||
|
{% if d.arquivo %} |
||||
|
<a href="{{ d.arquivo.url }}" target="_blank" |
||||
|
class="btn btn-sm btn-outline-primary" |
||||
|
title="{% trans 'Baixar arquivo original' %}"> |
||||
|
<i class="fas fa-download"></i> |
||||
|
</a> |
||||
|
{% else %} |
||||
|
<span class="text-muted">—</span> |
||||
|
{% endif %} |
||||
|
</td> |
||||
|
</tr> |
||||
|
{% endfor %} |
||||
|
</tbody> |
||||
|
</table> |
||||
|
|
||||
|
{% include "paginacao.html" %} |
||||
|
|
||||
|
{# Modal de assinatura em lote (partial reusado de documentoacessorio_list.html) #} |
||||
|
{% include "materia/assinatura_doc_lote_modal.html" %} |
||||
|
|
||||
|
{% endif %} |
||||
|
|
||||
|
{% endblock detail_content %} |
||||
Loading…
Reference in new issue