c18b9e5b87
All checks were successful
Build and deploy / Validate source (push) Successful in 1m45s
Build and deploy / Integration suite on a real stack (push) Successful in 4m48s
Build and deploy / Secret scan and release gate (push) Successful in 11s
Build and deploy / Publish images and notify Portainer (push) Has been skipped
Week 2 work that did not need client inputs. Print files (1.4): each paid item gets a PDF the width of the film and the length of the approved layout, with every copy at its reviewed position, rotation and mirror. Sources are embedded once at original resolution; JPEG bytes pass through and PNG alpha becomes a soft mask. Artwork the generator cannot reproduce goes to hand preparation with the reason. The worker renders outside any transaction, and the operator approves the generated file as the final one through the existing review. Delivery address (3.8): required for any non-pickup quote, bound to the quoted CEP, carried into the order snapshot, the Kanban card and Tiny. Kanban (1.5): print-file status per item, and a panel of payment events that need a person (money without an order, refunds after an order) until an operator records the resolution. Mercado Pago and Tiny (1.1, 1.3): adapters written from the public API documentation and tested against fake transports only. Selectable for sandbox testing with their credentials; the production preflight still blocks release. Adds payment intents and a PIX step on the Site. MinIO: Docker Hub and quay.io now refuse anonymous pulls, so local and CI storage use Chainguard's MinIO build, pinned by digest. Verified with the full CI integration sequence on a fresh local build, including the new print_file_test and both browser suites. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
232 lines
16 KiB
JavaScript
232 lines
16 KiB
JavaScript
/* Reuses the prototype palette, column names and drag/drop interaction; no machine controls. */
|
||
const $ = id=>document.getElementById(id);
|
||
// Remove credentials saved by older local builds. Only HttpOnly sessions now.
|
||
sessionStorage.removeItem('dtf-operator');
|
||
let board;
|
||
let extraQuotes={pending:[],approved:[]};
|
||
let moreQuotes={pending:false,approved:false};
|
||
const money=cents=>(cents/100).toLocaleString('pt-BR',{style:'currency',currency:'BRL'});
|
||
function node(tag,text,className){const e=document.createElement(tag);if(text!==undefined)e.textContent=text;if(className)e.className=className;return e;}
|
||
function action(text,fn){const b=node('button',text);b.onclick=async()=>{b.disabled=true;try{await fn();}catch(e){$('status').textContent=e.message;}finally{b.disabled=false;}};return b;}
|
||
async function api(path,body){
|
||
const r=await fetch('/api/operator'+path,{headers:{'Content-Type':'application/json'},...(body===undefined?{}:{method:'POST',body:JSON.stringify(body)})});
|
||
const d=await r.json();if(!r.ok){const error=new Error(typeof d.detail==='string'?d.detail:'Confira os campos ('+r.status+').');error.status=r.status;throw error;}return d;
|
||
}
|
||
function files(container,items){
|
||
for(const uid of [...new Set(items.flatMap(i=>i.uploads))])container.append(action('Baixar original '+uid.slice(0,6),async()=>{
|
||
const result=await api('/uploads/'+uid+'/download');
|
||
const link=node('a');link.href=result.url;link.referrerPolicy='no-referrer';link.download=result.name;link.click();
|
||
}));
|
||
}
|
||
function productionLines(container,item){
|
||
if(!item.production){container.append(node('p','Instruções de produção ausentes; não produzir este item.','meta'));return;}
|
||
container.append(node('p','Especificação v'+item.production.version+' · qualidade '+item.quality_status+
|
||
(item.quality_status==='warning'?' · ressalva '+(item.quality_acknowledged?'aceita':'não aceita'):''),'meta'));
|
||
if(item.production.placements){
|
||
container.append(node('p',item.production.placements.length+' peças posicionadas em '+
|
||
item.production.film_width_cm+' × '+item.production.height_cm+' cm de filme','meta'));
|
||
const download=node('button','Baixar manifesto da montagem');
|
||
download.type='button';
|
||
download.onclick=()=>{
|
||
const url=URL.createObjectURL(new Blob([JSON.stringify(item.production,null,2)],{type:'application/json'}));
|
||
const link=node('a');link.href=url;
|
||
link.download='dtf-layout-'+item.production.sources[0].upload_id.slice(0,8)+'.json';
|
||
link.click();setTimeout(()=>URL.revokeObjectURL(url),1000);
|
||
};
|
||
container.append(download);
|
||
}
|
||
item.production.sources.forEach((source,index)=>container.append(node('p',
|
||
(index+1)+'. '+source.kind+' · '+source.copies+' × '+source.width_cm+' × '+source.length_cm+
|
||
' cm · giro '+source.rotation_degrees+'°'+(source.mirrored?' · espelhada':'')+
|
||
' · medida '+source.measurement+' · arquivo '+source.upload_id.slice(0,8),'meta')));
|
||
}
|
||
const PRINT_STATUS={pending:'na fila para gerar',rendering:'gerando…',ready:'pronto',
|
||
manual:'preparar à mão',failed:'falhou ao gerar'};
|
||
function download(uid){return async()=>{
|
||
const result=await api('/uploads/'+uid+'/download');
|
||
const link=node('a');link.href=result.url;link.referrerPolicy='no-referrer';link.download=result.name;link.click();
|
||
};}
|
||
function printFiles(card,order){
|
||
const rows=order.print_files||[];
|
||
const box=node('div',undefined,'print');
|
||
box.append(node('b','Arquivo de impressão'));
|
||
order.snapshot.items.forEach((item,index)=>{
|
||
const row=rows.find(r=>r.item_index===index);
|
||
const line=node('p','Item '+(index+1)+' · '+(row?PRINT_STATUS[row.status]:'não gerado'),'meta');
|
||
if(row?.status==='ready'){
|
||
line.textContent+=' · '+row.detail.film_width_cm+' × '+row.detail.height_cm+' cm'+
|
||
(row.detail.min_dpi?' · menor resolução '+row.detail.min_dpi+' DPI':'');
|
||
line.append(action('Baixar PDF',download(row.upload_id)));
|
||
}
|
||
if(row?.status==='manual')line.append(node('span',' · '+row.detail.reason));
|
||
box.append(line);
|
||
});
|
||
const retry=order.snapshot.items.some((_,index)=>{const row=rows.find(r=>r.item_index===index);
|
||
return !row||row.status==='manual'||row.status==='failed';});
|
||
if(retry&&['rec','tra'].includes(order.state))
|
||
box.append(action('Gerar arquivos de impressão',async()=>{await api('/orders/'+order.id+'/print-files',{});await load();}));
|
||
card.append(box);
|
||
}
|
||
function paymentIssues(){
|
||
$('payments').replaceChildren();
|
||
if(!board.payment_issues?.length)return;
|
||
$('payments').append(node('h2','Pagamentos que precisam de atenção · '+board.payment_issues.length));
|
||
$('payments').append(node('p','Um pagamento chegou sem virar pedido (valor diferente, cotação vencida) ou foi '+
|
||
'estornado depois do pedido. Confira no painel do provedor, resolva com o cliente e registre o que foi feito.','meta'));
|
||
for(const issue of board.payment_issues){
|
||
const card=node('article',undefined,'review');
|
||
card.append(node('b',issue.provider+' · evento '+issue.event_id),
|
||
node('p',(issue.amount_cents==null?'valor não informado':money(issue.amount_cents))+' · cotação '+
|
||
(issue.reference||'—')+' · '+new Date(issue.received_at).toLocaleString('pt-BR'),'meta'),
|
||
node('p',issue.outcome));
|
||
card.append(action('Registrar resolução',async()=>{
|
||
const note=prompt('O que foi feito? (ex.: estornado no Mercado Pago em 25/09)');if(!note)return;
|
||
await api('/payment-events/'+issue.id+'/resolve',{note});await load();
|
||
}));
|
||
$('payments').append(card);
|
||
}
|
||
}
|
||
async function load(){
|
||
try{
|
||
board=await api('/board');
|
||
extraQuotes={pending:[],approved:[]};
|
||
moreQuotes={pending:board.pending_total>board.quotes.filter(q=>!q.approved).length,
|
||
approved:board.approved_total>board.quotes.filter(q=>!!q.approved).length};
|
||
$('login').hidden=true;
|
||
$('status').textContent='Atualizado às '+new Date().toLocaleTimeString();
|
||
render();
|
||
}catch(e){$('status').textContent=e.message;$('login').hidden=false;}
|
||
}
|
||
async function loadMoreQuotes(kind){
|
||
const shown=[...board.quotes.filter(q=>kind==='pending'?!q.approved:!!q.approved),...extraQuotes[kind]];
|
||
const last=shown.at(-1);
|
||
const params=new URLSearchParams({kind,limit:'50'});
|
||
if(last){params.set('before_created_at',last.created_at);params.set('before_id',last.id);}
|
||
const page=await api('/quotes?'+params);
|
||
const known=new Set(shown.map(q=>q.id));
|
||
extraQuotes[kind].push(...page.quotes.filter(q=>!known.has(q.id)));
|
||
moreQuotes[kind]=page.has_more;
|
||
render();
|
||
}
|
||
function render(){
|
||
paymentIssues();
|
||
$('reviews').replaceChildren();
|
||
if(board.pending_total || board.approved_total)
|
||
$('reviews').append(node('h2','Cotações · '+board.pending_total+' pendentes · '+
|
||
board.approved_total+' aprovadas sem pedido'));
|
||
for(const quote of [...board.quotes,...extraQuotes.pending,...extraQuotes.approved]){
|
||
const card=node('article',undefined,'review');
|
||
card.append(node('b',quote.id.slice(0,8)+' · '+quote.draft.customer.mail));
|
||
if(quote.status==='pending_review' && quote.draft.items.some(item=>item.production?.version!==2)){
|
||
card.append(node('p','Cotação com montagem antiga. Peça ao cliente para enviar uma nova cotação.'));
|
||
}else if(quote.status!=='pending_review'){
|
||
card.append(node('p',quote.status==='expired'?'Cotação expirada. O cliente precisa solicitar outra.':'Aprovada: '+money(quote.approved.total_cents)+'. Volte ao Site, atualize o pedido e confirme o pagamento local.'));
|
||
}else{
|
||
const form=node('form');
|
||
const edits=quote.draft.items.map((item,index)=>{
|
||
const row=node('div');row.append(node('strong',(index+1)+'. '+item.mode+' '));
|
||
productionLines(row,item);
|
||
const metres=node('input');metres.type='number';metres.min='0.001';metres.max='12000';metres.step='any';metres.value=item.metres;metres.required=true;
|
||
const grade=node('input');grade.type='number';grade.min='0';grade.max='100';grade.step='1';grade.value=item.grade;grade.required=true;
|
||
const ml=node('label','Metros conferidos');ml.append(metres);const gl=node('label','Nota conferida');gl.append(grade);row.append(ml,gl);form.append(row);
|
||
return ()=>({...item,metres:metres.value,grade:Number(grade.value)});
|
||
});
|
||
const check=node('input');check.type='checkbox';check.required=true;const label=node('label','Conferi os arquivos, a metragem total (incluindo repetições/montagem) e a nota.');label.prepend(check);form.append(label);
|
||
const submit=node('button','Aprovar cotação');submit.type='submit';form.append(submit);
|
||
form.onsubmit=async e=>{e.preventDefault();submit.disabled=true;try{await api('/quotes/'+quote.id+'/approve',{items:edits.map(fn=>fn())});await load();}catch(error){$('status').textContent=error.message;submit.disabled=false;}};
|
||
card.append(form);
|
||
}
|
||
const downloads=node('div',undefined,'actions');files(downloads,quote.draft.items);card.append(downloads);$('reviews').append(card);
|
||
}
|
||
for(const [kind,label] of [['pending','Carregar cotações pendentes mais antigas'],
|
||
['approved','Carregar cotações aprovadas mais antigas']]){
|
||
if(moreQuotes[kind])$('reviews').append(action(label,()=>loadMoreQuotes(kind)));
|
||
}
|
||
$('kan').replaceChildren();
|
||
const colors=['#00b8da','#e0357c','#efb700','#edebe6','#e0642a','#48b072'];
|
||
Object.entries(board.states).forEach(([state,title],index)=>{
|
||
const column=node('section',undefined,'col');column.dataset.state=state;column.style.setProperty('--cc',colors[index]);
|
||
const orders=board.orders.filter(o=>o.state===state);
|
||
// Finished orders are a recent window, not the whole history: say so rather
|
||
// than let the count read as an all-time total.
|
||
const count=state==='fin'&&board.finished_total>orders.length
|
||
? orders.length+' de '+board.finished_total : String(orders.length);
|
||
column.append(node('h2',title+' · '+count));
|
||
for(const order of orders){
|
||
const card=node('article',undefined,'cd');card.draggable=true;card.dataset.order=order.id;
|
||
card.append(node('b','#'+order.number+' · '+(order.payment?.provider==='fake'?'Pago local':'Pago')),node('p',order.snapshot.customer.mail,'meta'),node('p',money(order.snapshot.total_cents)));
|
||
const to=order.snapshot.destination;
|
||
card.append(node('p',to?'Entrega: '+to.recipient+' · '+to.street+', '+to.number+(to.complement?' '+to.complement:'')+
|
||
' · '+to.district+' · '+to.city+'/'+to.state+' · CEP '+to.postal_code:'Retirada em Franca','meta'));
|
||
for(const item of order.snapshot.items){
|
||
card.append(node('p',item.mode+' · '+item.billed_metres+' m · nota '+item.grade,'meta'));
|
||
productionLines(card,item);
|
||
}
|
||
printFiles(card,order);
|
||
const actions=node('div',undefined,'actions');files(actions,order.snapshot.items);
|
||
const artwork=node('div');
|
||
actions.append(action('Arquivos de produção',()=>artworkPanel(order,artwork)));
|
||
actions.append(action('Histórico',async()=>{const rows=await api('/orders/'+order.id+'/history');alert(rows.map(r=>board.states[r.from_state]+' → '+board.states[r.to_state]+' · '+r.operator+(r.reason?' · '+r.reason:'')).join('\n')||'Pedido recebido.');}));
|
||
for(const next of board.transitions[state])actions.append(action('→ '+board.states[next],()=>move(order,next)));
|
||
card.append(actions,artwork);card.ondragstart=e=>e.dataTransfer.setData('text/plain',order.id);column.append(card);
|
||
}
|
||
column.ondragover=e=>{e.preventDefault();column.classList.add('alvo');};column.ondragleave=()=>column.classList.remove('alvo');
|
||
column.ondrop=async e=>{e.preventDefault();column.classList.remove('alvo');const order=board.orders.find(o=>o.id===e.dataTransfer.getData('text/plain'));if(order)try{await move(order,state);}catch(error){$('status').textContent=error.message;}};
|
||
$('kan').append(column);
|
||
});
|
||
$('events').textContent=board.events.map(e=>e.provider+' · '+e.payload.event+' · pedido #'+e.payload.number+' · '+(e.delivered_at?'registrado localmente':'pendente')+' · tentativas '+e.attempts).join('\n')||'Nenhum evento.';
|
||
}
|
||
async function move(order,state){
|
||
let reason='';if(state==='cor'){reason=prompt('Motivo da correção:');if(!reason)return;}
|
||
await api('/orders/'+order.id+'/move',{state,version:order.version,reason});await load();
|
||
}
|
||
$('login').onsubmit=async e=>{e.preventDefault();try{await api('/login',{email:$('email').value,password:$('password').value});await load();}catch(error){$('status').textContent=error.message;}finally{$('password').value='';}};
|
||
$('logout').onclick=async()=>{await api('/logout',{});for(const key of Object.keys(localStorage))if(key.startsWith('dtf-'))localStorage.removeItem(key);location.reload();};
|
||
$('refresh').onclick=load;
|
||
load();
|
||
|
||
async function artworkPanel(order,container){
|
||
container.replaceChildren();
|
||
const revisions=await api('/orders/'+order.id+'/files');
|
||
for(const file of revisions){
|
||
const row=node('p',(file.kind==='final'?'Final':'Correção do cliente')+' · item '+(file.item_index+1)+' · '+file.name+' · '+(file.expired?'expirado':file.active?'atual':'substituído'),'meta');
|
||
row.append(node('p',file.note));
|
||
if(!file.expired)row.append(action('Baixar '+file.name,download(file.upload_id)));
|
||
container.append(row);
|
||
}
|
||
if(!['rec','tra','cor'].includes(order.state))return;
|
||
const form=node('form');
|
||
form.append(node('p','Enviar um conjunto final completo. Pode haver várias partes por item. Um novo conjunto substitui o anterior.'));
|
||
// A generated print file reproduces the approved layout; offer it first, and
|
||
// keep the upload for items that need hand preparation. Not after a
|
||
// correction: the file was made from artwork the customer has replaced.
|
||
const corrected=revisions.some(file=>file.kind==='correction');
|
||
const inputs=order.snapshot.items.map((item,index)=>{
|
||
const label=node('label','Item '+(index+1)+' · '+item.mode);label.style.display='block';
|
||
const input=node('input');input.type='file';input.multiple=true;input.required=true;input.dataset.finalItem=index;input.style.width='100%';
|
||
const generated=corrected?null:(order.print_files||[]).find(r=>r.item_index===index&&r.status==='ready');
|
||
if(generated){
|
||
const use=node('input');use.type='checkbox';use.checked=true;input.required=false;input.hidden=true;
|
||
use.onchange=()=>{input.hidden=use.checked;input.required=!use.checked;};
|
||
const choice=node('label',' Usar o arquivo gerado ('+generated.name+')');choice.prepend(use);choice.style.display='block';
|
||
label.append(choice);input.generated=()=>use.checked?generated.upload_id:null;
|
||
}
|
||
label.append(input);form.append(label);return input;});
|
||
const note=node('input');note.placeholder='Nota da revisão';note.required=true;note.maxLength=1000;note.style.width='100%';form.append(note);
|
||
const check=node('input');check.type='checkbox';check.required=true;const label=node('label','Conferi estes arquivos finais para impressão manual.');label.prepend(check);form.append(label);
|
||
const submit=node('button','Aprovar arquivos finais');submit.type='submit';form.append(submit);
|
||
form.onsubmit=async event=>{event.preventDefault();submit.disabled=true;try{
|
||
const refs=[];
|
||
for(const [index,input] of inputs.entries()){
|
||
const generated=input.generated?.();
|
||
if(generated){refs.push({item_index:index,upload_id:generated});continue;}
|
||
for(const file of input.files){
|
||
const uid=await dtfUpload(file,{api,startPath:'/orders/'+order.id+'/uploads',scope:'operator:'+order.id+':'+order.version,progress:text=>$('status').textContent=text});
|
||
refs.push({item_index:index,upload_id:uid});
|
||
}}
|
||
await api('/orders/'+order.id+'/final-files',{version:order.version,files:refs,note:note.value});
|
||
await load();
|
||
}catch(error){$('status').textContent=error.message;submit.disabled=false;}};
|
||
container.append(form);
|
||
}
|