From c41824ea6d8f837198023b54ae0723f6b148a8a5 Mon Sep 17 00:00:00 2001 From: pavlov346346-source Date: Fri, 11 Sep 2026 13:42:34 +0300 Subject: [PATCH] feat: add order comments reminders search and delivery total --- public/core/order-enhancements-v1775.js | 231 ++++++++++++++++++++++++ 1 file changed, 231 insertions(+) create mode 100644 public/core/order-enhancements-v1775.js diff --git a/public/core/order-enhancements-v1775.js b/public/core/order-enhancements-v1775.js new file mode 100644 index 0000000..d7d216a --- /dev/null +++ b/public/core/order-enhancements-v1775.js @@ -0,0 +1,231 @@ +(()=>{ + 'use strict'; + if(window.__cateriumOrderEnhancementsV1775)return; + window.__cateriumOrderEnhancementsV1775=true; + + const $=(s,r=document)=>r.querySelector(s); + const $$=(s,r=document)=>[...r.querySelectorAll(s)]; + const fmt=v=>typeof money==='function'?money(v):`${Math.round(Number(v||0)).toLocaleString('ru-RU')} ₽`; + const safeText=v=>String(v??'').trim(); + const activeLines=()=>Array.isArray(draft?.lines)?draft.lines.filter(line=>boxes.some(item=>String(item.id)===String(line.id))):[]; + + function ensureStyles(){ + if($('#caterium-order-enhancements-v1775-style'))return; + const style=document.createElement('style'); + style.id='caterium-order-enhancements-v1775-style'; + style.textContent=` + #sunCatalogSearchV1775{width:100%;margin:10px 0 4px;padding:10px 12px;border:1px solid #d6dbe0;border-radius:9px;background:#fff} + .sun-line-comment-v1775{grid-column:1/-1;display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:center;margin-top:3px} + .sun-line-comment-v1775 span{font-size:11px;font-weight:700;color:#7d8790} + .sun-line-comment-v1775 input{width:100%;min-width:0;height:31px;padding:5px 8px;font-size:12px;border-radius:7px} + .sun-order-reminders-v1775{grid-column:1/-1;margin:2px 0 10px;padding:10px 12px;border:1px solid #e1e5e9;border-radius:10px;background:#fafbfc} + .sun-order-reminders-v1775>strong{display:block;margin-bottom:7px;color:#30394f;font-size:12px} + .sun-order-reminders-v1775 .opts{display:flex;gap:14px;flex-wrap:wrap} + .sun-order-reminders-v1775 label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;color:#4f5963!important;font-size:12px!important} + .sun-order-reminders-v1775 input{width:16px;height:16px;margin:0} + .sun-calendar-reminder-v1775{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 6px;border-radius:999px;background:#fff7d7;color:#795c00;font-size:10px;font-weight:800} + .sun-toast-v1775{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(390px,calc(100vw - 36px));padding:13px 15px;border-radius:12px;background:#15364c;color:#fff;box-shadow:0 10px 30px #0003;font-size:13px;line-height:1.4} + .order-summary .sun-summary-grand-v1775{margin-top:7px;padding-top:9px;border-top:2px solid #c99a32;font-size:18px;font-weight:800;color:#15364c} + @media(max-width:760px){ + #sunCatalogSearchV1775{display:block;font-size:16px!important} + .sun-line-comment-v1775{grid-template-columns:1fr;gap:4px;margin-top:5px} + .sun-line-comment-v1775 input{font-size:16px!important;height:38px} + } + `; + document.head.appendChild(style); + } + + function ensureCatalogSearch(){ + const catalog=$('#new .catalog'); + if(!catalog||$('#sunCatalogSearchV1775'))return; + const input=document.createElement('input'); + input.id='sunCatalogSearchV1775'; + input.type='search'; + input.placeholder='Поиск по № бокса или названию'; + input.autocomplete='off'; + const head=$('.catalog-head',catalog); + head?.insertAdjacentElement('afterend',input); + input.addEventListener('input',filterCatalog); + } + + function norm(v){return safeText(v).toLowerCase().replace(/ё/g,'е').replace(/\s+/g,' ')} + function filterCatalog(){ + const input=$('#sunCatalogSearchV1775'); + const query=norm(input?.value); + $$('#tiles .tile').forEach(tile=>{ + if(tile.classList.contains('add')){tile.hidden=Boolean(query);return;} + const text=norm(tile.textContent); + tile.hidden=Boolean(query&&!text.includes(query)); + }); + } + + function decorateLineComments(){ + const rows=$$('#orderForm .sun-order-line-row'); + const lines=activeLines(); + rows.forEach((row,index)=>{ + const line=lines[index]; + if(!line)return; + let wrap=$('.sun-line-comment-v1775',row); + if(!wrap){ + wrap=document.createElement('label'); + wrap.className='sun-line-comment-v1775'; + wrap.innerHTML='Комментарий'; + row.appendChild(wrap); + } + const input=$('input',wrap); + const wanted=safeText(line.comment); + if(document.activeElement!==input&&input.value!==wanted)input.value=wanted; + if(!input.dataset.boundV1775){ + input.dataset.boundV1775='1'; + input.addEventListener('input',()=>{line.comment=input.value.slice(0,300);}); + input.addEventListener('change',()=>{line.comment=input.value.trim().slice(0,300);}); + } + }); + } + + function ensureReminderControls(){ + const schedule=$('#details .sun-order-schedule'); + if(!schedule||$('#sunOrderRemindersV1775'))return; + const box=document.createElement('div'); + box.id='sunOrderRemindersV1775';box.className='sun-order-reminders-v1775'; + box.innerHTML='Напоминание по заказу
'; + schedule.insertAdjacentElement('afterend',box); + $$('input[data-reminder]',box).forEach(input=>input.addEventListener('change',()=>{ + draft.reminders={day:Boolean($('[data-reminder="day"]',box)?.checked),hour:Boolean($('[data-reminder="hour"]',box)?.checked)}; + decorateCalendarReminderBadges(); + requestNotificationPermission(); + })); + syncReminderControls(); + } + + function syncReminderControls(){ + const box=$('#sunOrderRemindersV1775');if(!box)return; + const r=draft?.reminders||{}; + const day=$('[data-reminder="day"]',box),hour=$('[data-reminder="hour"]',box); + if(day)day.checked=Boolean(r.day);if(hour)hour.checked=Boolean(r.hour); + } + + function deliveryValue(){ + const input=$('#orderDeliveryCost'); + if(input)return Math.max(0,Number(input.value||0)); + return Math.max(0,Number(draft?.costs?.delivery||draft?.deliveryCost||0)); + } + function discountValue(){ + const candidates=['#orderDiscount','#discount','#orderDiscountAmount']; + for(const selector of candidates){const el=$(selector);if(el)return Math.max(0,Number(el.value||0));} + return Math.max(0,Number(draft?.discountAmount||draft?.discount||0)); + } + function promoValue(){ + const candidates=['#orderPromoDiscount','#promoDiscount','#orderPromoAmount']; + for(const selector of candidates){const el=$(selector);if(el)return Math.max(0,Number(el.value||0));} + return Math.max(0,Number(draft?.promoDiscount||draft?.promoAmount||0)); + } + function financials(){ + const positions=Math.max(0,Number(typeof calcOrderTotal==='function'?calcOrderTotal():0)); + const delivery=deliveryValue(),discount=discountValue(),promo=promoValue(); + const total=Math.max(0,positions-discount-promo+delivery); + const paid=Math.max(0,Number($('#prepayment')?.value||draft?.prepayment||0)); + return {positions,delivery,discount,promo,total,paid,balance:Math.max(0,total-paid)}; + } + + function updateFinancialSummary(){ + const host=$('.order-summary');if(!host)return; + const f=financials(); + const position=$('#summaryTotal');if(position)position.textContent=fmt(f.positions); + let deliveryRow=$('#sunSummaryDeliveryV1775'); + if(!deliveryRow){ + deliveryRow=document.createElement('p');deliveryRow.id='sunSummaryDeliveryV1775'; + const prepayment=$('#summaryPrepayment')?.closest('p'); + (prepayment||host.lastElementChild)?.insertAdjacentElement('beforebegin',deliveryRow); + } + deliveryRow.innerHTML=`Доставка${fmt(f.delivery)}`; + let totalRow=$('#sunSummaryGrandV1775'); + if(!totalRow){totalRow=document.createElement('p');totalRow.id='sunSummaryGrandV1775';totalRow.className='sun-summary-grand-v1775';deliveryRow.insertAdjacentElement('afterend',totalRow);} + totalRow.innerHTML=`Итого${fmt(f.total)}`; + const orderTotal=$('#orderTotal');if(orderTotal)orderTotal.value=Math.round(f.total); + const balance=$('#balance');if(balance)balance.value=Math.round(f.balance); + const summaryPrepayment=$('#summaryPrepayment');if(summaryPrepayment)summaryPrepayment.textContent=fmt(f.paid); + const summaryBalance=$('#summaryBalance');if(summaryBalance)summaryBalance.textContent=fmt(f.balance); + draft.total=f.total;draft.balance=f.balance; + } + + function bindDeliveryTotal(){ + const input=$('#orderDeliveryCost');if(!input||input.dataset.totalBoundV1775)return; + input.dataset.totalBoundV1775='1'; + ['input','change'].forEach(evt=>input.addEventListener(evt,()=>{if(draft.costs)draft.costs.delivery=Math.max(0,Number(input.value||0));updateFinancialSummary();})); + } + + function orderDue(order){ + if(!order?.date||!order?.time)return null; + const d=new Date(`${order.date}T${order.time}:00`);return Number.isNaN(d.getTime())?null:d; + } + function firedKey(orderId,kind,due){return `caterium.reminder.${orderId}.${kind}.${due.toISOString()}`} + function showToast(text){ + $('.sun-toast-v1775')?.remove(); + const el=document.createElement('div');el.className='sun-toast-v1775';el.textContent=text;document.body.appendChild(el);setTimeout(()=>el.remove(),10000); + } + async function requestNotificationPermission(){ + try{if('Notification' in window&&Notification.permission==='default')await Notification.requestPermission();}catch(_){} + } + function fireReminder(order,kind,due){ + const label=kind==='day'?'через 1 день':'через 1 час'; + const title=`Заказ №${order.id||'—'} — ${label}`; + const body=[order.event||'Заказ',order.time||'',order.address||''].filter(Boolean).join(' · '); + showToast(`${title}: ${body}`); + try{if('Notification' in window&&Notification.permission==='granted')new Notification(title,{body,tag:`caterium-order-${order.id}-${kind}`});}catch(_){} + } + function scanReminders(){ + if(!Array.isArray(orders))return; + const now=Date.now(); + orders.forEach(order=>{ + const due=orderDue(order);if(!due||due.getTime()<=now)return; + const reminders=order.reminders||{}; + [['day',86400000],['hour',3600000]].forEach(([kind,lead])=>{ + if(!reminders[kind])return; + const trigger=due.getTime()-lead; + if(nowtrigger+120000)return; + const key=firedKey(order.id,kind,due);if(localStorage.getItem(key))return; + localStorage.setItem(key,String(now));fireReminder(order,kind,due); + }); + }); + } + + function decorateCalendarReminderBadges(){ + $$('.sun-calendar-reminder-v1775').forEach(x=>x.remove()); + if(!Array.isArray(orders))return; + $$('#sunOrderCards [data-card-status]').forEach(status=>{ + const order=orders.find(o=>String(o.id)===String(status.dataset.cardStatus));if(!order)return; + const r=order.reminders||{};const labels=[];if(r.day)labels.push('1 день');if(r.hour)labels.push('1 час');if(!labels.length)return; + const badge=document.createElement('span');badge.className='sun-calendar-reminder-v1775';badge.textContent='🔔 '+labels.join(' + '); + (status.closest('.sun-order-card')||status.parentElement)?.appendChild(badge); + }); + } + + function postRender(){ + ensureCatalogSearch();filterCatalog();decorateLineComments();ensureReminderControls();syncReminderControls();bindDeliveryTotal();updateFinancialSummary();decorateCalendarReminderBadges(); + } + + const wrap=(name,after)=>{ + const old=window[name];if(typeof old!=='function'||old.__v1775Wrapped)return; + const next=function(...args){const result=old.apply(this,args);after?.();setTimeout(postRender,0);return result;}; + next.__v1775Wrapped=true;window[name]=next; + }; + + ensureStyles();ensureCatalogSearch();ensureReminderControls(); + wrap('render');wrap('openOrder',syncReminderControls);wrap('resetDraft',()=>{draft.reminders={day:false,hour:false};syncReminderControls();});wrap('renderOrders',decorateCalendarReminderBadges); + const oldUpdate=window.updateOrderSummary; + if(typeof oldUpdate==='function'){ + window.updateOrderSummary=function(...args){const result=oldUpdate.apply(this,args);updateFinancialSummary();return result;}; + } + const oldSave=window.saveOrder; + if(typeof oldSave==='function'){ + window.saveOrder=function(...args){ + updateFinancialSummary(); + const result=oldSave.apply(this,args); + return result; + }; + } + document.addEventListener('input',e=>{if(e.target?.id==='prepayment')updateFinancialSummary();},true); + new MutationObserver(()=>{bindDeliveryTotal();decorateCalendarReminderBadges();}).observe(document.body,{childList:true,subtree:true}); + postRender();scanReminders();setInterval(scanReminders,30000); +})();