feat: add order comments reminders search and delivery total

2026-09-11 13:42:34 +03:00 · 2026-09-11 13:42:34 +03:00 · c41824ea6d
commit c41824ea6d
parent dbbc416676
1 changed files with 231 additions and 0 deletions
--- a/public/core/order-enhancements-v1775.js
+++ 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='<span>Комментарий</span><input type="text" maxlength="300" placeholder="Аллергия, убрать ингредиент, изменение состава…">';
+        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='<strong>Напоминание по заказу</strong><div class="opts"><label><input type="checkbox" data-reminder="day"> За 1 день</label><label><input type="checkbox" data-reminder="hour"> За 1 час</label></div>';
+    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=`<span>Доставка</span><b>${fmt(f.delivery)}</b>`;
+    let totalRow=$('#sunSummaryGrandV1775');
+    if(!totalRow){totalRow=document.createElement('p');totalRow.id='sunSummaryGrandV1775';totalRow.className='sun-summary-grand-v1775';deliveryRow.insertAdjacentElement('afterend',totalRow);}
+    totalRow.innerHTML=`<span>Итого</span><b>${fmt(f.total)}</b>`;
+    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(now<trigger||now>trigger+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);
+})();