b81ff8d03d
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m28s
Build and deploy / Secret scan and release gate (push) Successful in 8s
Build and deploy / Publish images (push) Successful in 1m52s
The home, each product's Montagem and the cart now have their own addresses (/artes-avulsas, /arquivo-por-metro, /uv-artes-avulsas, /uv-arquivo-por-metro, /carrinho) and show only their own content, with Back, Forward, reload and direct links working as in any store. They stay one document so uploaded artworks survive moving between pages; nginx serves index.html for these addresses. "Adicionar ao carrinho" puts the item in the cart and opens it, and an empty cart says so. Portal quote links open in the cart. Also fixes the "57 cm" line break on the ready-sheet option, returns "Novo pedido" to the home, and says PDF depends on the product. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
78 lines
7.0 KiB
JavaScript
78 lines
7.0 KiB
JavaScript
const $=id=>document.getElementById(id);
|
|
const node=(tag,text)=>{const el=document.createElement(tag);if(text!==undefined)el.textContent=text;return el;};
|
|
const money=c=>(c/100).toLocaleString('pt-BR',{style:'currency',currency:'BRL'});
|
|
let scope,states={},environment='';
|
|
async function api(path,body){const r=await fetch('/api'+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 informados.');error.status=r.status;throw error;}return d;}
|
|
function button(text,fn){const b=node('button',text);b.onclick=async()=>{b.disabled=true;try{await fn();}catch(e){$('message').textContent=e.message;}finally{b.disabled=false;}};return b;}
|
|
function forgetCheckout(){for(const k of ['dtf-quote','dtf-request-key','dtf-request-body'])localStorage.removeItem(k);}
|
|
async function load(){
|
|
try{
|
|
const session=await api('/session');scope=session.cart_scope;environment=session.environment;
|
|
$('dev-notice').hidden=environment!=='local';
|
|
const account=await api('/account/me');
|
|
$('auth').hidden=!!account.customer;$('logout').hidden=!account.customer;
|
|
$('account').textContent=account.customer?'Conta: '+account.customer.mail:'';
|
|
$('guest').textContent=account.customer?'':'Você está vendo apenas os pedidos desta sessão. Crie uma conta para acessar seus pedidos em outro navegador.';
|
|
const data=await api('/customer/orders');states=data.states;
|
|
$('quotes').replaceChildren();
|
|
for(const quote of data.quotes){
|
|
const card=node('article');card.className='card';card.append(node('h3','Cotação '+quote.id.slice(0,8)));
|
|
card.append(node('p',quote.approved?'Total aprovado: '+money(quote.approved.total_cents):'Aguardando conferência de metragem e nota.'));
|
|
const link=node('a','Abrir cotação no Site');link.href='/carrinho?quote='+quote.id;card.append(link);$('quotes').append(card);
|
|
}
|
|
$('orders').replaceChildren();
|
|
if(!data.orders.length)$('orders').append(node('p','Nenhum pedido pago nesta conta ou sessão.'));
|
|
for(const order of data.orders){
|
|
const card=node('article');card.className='card';card.id='order-'+order.id;
|
|
card.append(node('h3','Pedido #'+order.number),node('p',states[order.state]+' · '+money(order.snapshot.total_cents)+(environment==='local'?' · pagamento de teste':'')));
|
|
card.append(node('p',new Date(order.created_at).toLocaleString('pt-BR')));
|
|
const content=node('div');
|
|
card.append(button('Ver detalhes e arquivos',()=>details(order.id,content)),content);$('orders').append(card);
|
|
if(new URLSearchParams(location.search).get('order')===order.id)await details(order.id,content);
|
|
}
|
|
}catch(error){$('message').textContent=error.message;}
|
|
}
|
|
async function details(id,container){
|
|
const order=await api('/customer/orders/'+id);container.replaceChildren();
|
|
for(const [i,item] of order.snapshot.items.entries())container.append(node('p',(i+1)+'. '+item.mode+' · '+item.billed_metres+' m · nota '+item.grade+' · '+money(item.total_cents)));
|
|
const history=node('ol');
|
|
for(const h of order.history)history.append(node('li',new Date(h.created_at).toLocaleString('pt-BR')+' · '+states[h.to_state]+(h.reason?' — '+h.reason:'')));
|
|
container.append(history);
|
|
for(const file of order.files){
|
|
const row=node('p',(file.kind==='final'?'Arquivo final':'Correção')+' · item '+(file.item_index+1)+' · '+file.name+' · '+(file.expired?'expirado':!file.active?'substituído':'disponível até '+new Date(file.expires_at).toLocaleDateString('pt-BR')));
|
|
if(file.active&&!file.expired)row.append(button('Baixar',async()=>{const d=await api('/customer/orders/'+id+'/files/'+file.id+'/download');const link=node('a');link.href=d.url;link.download=d.name;link.referrerPolicy='no-referrer';link.click();}));
|
|
container.append(row);
|
|
}
|
|
if(order.state==='cor'){
|
|
const form=node('form');form.append(node('h3','Enviar arte corrigida'));
|
|
const inputs=order.snapshot.items.map((item,index)=>{const label=node('label','Item '+(index+1)+' · '+item.mode);const input=node('input');input.type='file';input.multiple=true;input.dataset.item=index;label.append(input);form.append(label);return input;});
|
|
const note=node('textarea');note.placeholder='Descreva a correção';note.required=true;note.maxLength=1000;form.append(note);
|
|
const submit=node('button','Enviar correção');submit.type='submit';form.append(submit);
|
|
form.onsubmit=async event=>{event.preventDefault();submit.disabled=true;try{
|
|
const files=[];for(const [index,input] of inputs.entries())for(const file of input.files)files.push({item_index:index,upload_id:await dtfUpload(file,{api,scope:scope+':correction:'+id+':'+order.version,progress:text=>$('message').textContent=text})});
|
|
if(!files.length)throw new Error('Selecione pelo menos um arquivo corrigido.');
|
|
await api('/customer/orders/'+id+'/corrections',{version:order.version,files,note:note.value});
|
|
$('message').textContent='Correção enviada. Aguarde a conferência da equipe.';await details(id,container);
|
|
}catch(error){$('message').textContent=error.message;}finally{submit.disabled=false;}};
|
|
container.append(form);
|
|
}
|
|
}
|
|
async function migrateGuestCart(previous,next){
|
|
if(previous===next)return;
|
|
const database=await new Promise((resolve,reject)=>{const r=indexedDB.open('dtf-local-cart',1);r.onupgradeneeded=()=>r.result.createObjectStore('cart');r.onsuccess=()=>resolve(r.result);r.onerror=()=>reject(r.error);});
|
|
await new Promise((resolve,reject)=>{const tx=database.transaction('cart','readwrite'),store=tx.objectStore('cart'),req=store.get(previous);req.onsuccess=()=>{if(req.result){store.put(req.result,next);store.delete(previous);}};tx.oncomplete=resolve;tx.onerror=()=>reject(tx.error);});
|
|
database.close();
|
|
}
|
|
async function authenticate(path,body){
|
|
const previous=scope,guest=!(await api('/account/me')).customer;
|
|
await api(path,body);forgetCheckout();$('message').textContent='Acesso confirmado.';
|
|
const next=(await api('/session')).cart_scope;
|
|
if(guest)try{await migrateGuestCart(previous,next);}catch{$('message').textContent='Acesso confirmado. Não foi possível transferir o carrinho salvo neste navegador.';}
|
|
await load();$('password').value='';$('register-password').value='';
|
|
}
|
|
$('login').onsubmit=async event=>{event.preventDefault();try{await authenticate('/account/login',{email:$('email').value,password:$('password').value});}catch(e){$('message').textContent=e.message;}};
|
|
$('register').onsubmit=async event=>{event.preventDefault();try{await authenticate('/account/register',{customer:{cnpj:$('cnpj').value,zap:$('phone').value,mail:$('register-email').value},password:$('register-password').value});}catch(e){$('message').textContent=e.message;}};
|
|
$('logout').onclick=async()=>{try{await window.dtfForgetPrivateData();await api('/account/logout',{});location.reload();}catch(error){$('message').textContent='Não foi possível limpar os dados deste navegador. Feche as abas do Site e limpe os dados do site nas configurações do navegador.';}};
|
|
$('refresh').onclick=load;
|
|
load();
|