buhanka-finance-app 1.5.0 → 1.7.0

package/index.html

@@ -107,7 +107,14 @@ table.wide tr.tot>td{font-weight:800;background:var(--grandbg);border-top:1px so
 table.wide tr.sub>td{font-weight:700;background:var(--subbg)}
 table.wide tr.val td.nm{padding-left:22px;color:var(--muted)}
 table.wide tr.acc td.nm{padding-left:22px;color:var(--muted2);font-style:italic}
+table.wide tr.acc>td{color:var(--text);font-weight:400}
+table.wide tr.bal>td{background:transparent;color:var(--text);font-weight:400}
+table.wide tr.bal>td.nm{font-weight:700;color:var(--text)}
+table.wide tr.bal.brd>td{border-top:1px solid var(--line2)}
 table.wide col.plan,table.wide th.plan{background:rgba(232,163,61,.06)}
+table.wide tr.sec>td.nm,table.wide tr.sub>td.nm{background:var(--subbg)}
+table.wide tr.tot>td.nm{background-color:var(--panel);background-image:linear-gradient(var(--grandbg),var(--grandbg))}
+table.wide tr.bal>td.nm,table.wide tr.val>td.nm,table.wide tr.acc>td.nm{background:var(--panel)}
 table.wide input.p{background:transparent;border:1px solid transparent;text-align:right;width:100%;padding:2px 0;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--accent)}
 table.wide input.p:hover{border-color:var(--line2)}
 table.wide input.p:focus{border-color:var(--accent);background:var(--panel2)}
@@ -228,7 +235,7 @@ tr.subtotal>td:first-child{color:var(--accent);box-shadow:inset 3px 0 0 var(--ac
 
 <script>
 /* ============================================================ БУХАНКА · Финансы v2 ============================================================ */
-const APP_VERSION='3.6';
+const APP_VERSION='3.9';
 const SCHEMA=3;                      /* версия структуры данных; растёт при доработках */
 const STORE_KEY='buhanka_finance_v9';/* НЕ МЕНЯТЬ НИКОГДА — иначе данные «слетят» при обновлении файла */
 const LEGACY_KEYS=['buhanka_finance_v8','buhanka_finance_v7','buhanka_finance_v6','buhanka_finance_v5'];
@@ -599,6 +606,13 @@ function actualUntilOf(mi){ const t=new Date();
   if(YEAR===t.getFullYear()&&mi===t.getMonth()) return t.getDate();
   return 0; }
 
+let _opsIdx=null,_opsIdxKey=null;
+function opsByDate(){
+  const k=(ST._ts||0)+':'+(ST.operations||[]).length;
+  if(_opsIdxKey===k&&_opsIdx) return _opsIdx;
+  const m={}; (ST.operations||[]).forEach(o=>{ if(!isCashOp(o))return; (m[o.date]=m[o.date]||[]).push(o); });
+  _opsIdx=m; _opsIdxKey=k; return m;
+}
 /* ── матрица «статьи × дни» для CF прямого ── */
 function cfDayMatrix(mi){
   const mo=MONTHS[mi], N=daysInMonth(mi), au=actualUntilOf(mi), cats=cfCats();
@@ -610,7 +624,7 @@ function cfDayMatrix(mi){
   const days=[];
   for(let d=1; d<=N; d++){
     const ds=`${YEAR}-${String(mi+1).padStart(2,'0')}-${String(d).padStart(2,'0')}`;
-    const ops=(ST.operations||[]).filter(o=>o.date===ds&&isCashOp(o));
+    const ops=opsByDate()[ds]||[];
     const actual=d<=au;
     const inc={bank:0,yandex:0,cash:0}, exp={}, fin={}, inv={};
     ops.forEach(o=>{ const amt=Math.abs(o.amount), g=cfGroup(o.category);
@@ -1283,34 +1297,61 @@ function renderCF(C){
         (()=>{const t=sumOf(x=>x.inv[c]||0);return t>=0?num(t):neg(t);})()); });
     }
 
-    html+=row('sub','Деньги на начало периода',M.days.map(d=>cell(fmt(d.openTot))).join(''),fmt(M.days.length?M.days[0].openTot:0));
+    html+=row('bal brd','Деньги на начало периода',M.days.map(d=>cell(fmt(d.openTot))).join(''),fmt(M.days.length?M.days[0].openTot:0));
     M.accs.forEach(a=>{ html+=row('acc',esc(a),M.days.map(d=>cell(fmt(d.open[a]))).join(''),fmt(M.days.length?M.days[0].open[a]:0)); });
     html+=row('tot','Денежный поток за период',M.days.map(d=>cell(d.net>=0?num(d.net):neg(d.net),d.net>=0?'pos':'neg')).join(''),
       (()=>{const t=sumOf(x=>x.net);return `<b class="${t>=0?'pos':'neg'}">${t>=0?num(t):neg(t)}</b>`;})());
-    html+=row('sub','Деньги на конец периода',M.days.map(d=>cell(fmt(d.closeTot))).join(''),fmt(M.days.length?M.days[M.days.length-1].closeTot:0));
+    html+=row('bal','Деньги на конец периода',M.days.map(d=>cell(fmt(d.closeTot))).join(''),fmt(M.days.length?M.days[M.days.length-1].closeTot:0));
     M.accs.forEach(a=>{ html+=row('acc',esc(a),M.days.map(d=>cell(fmt(d.close[a]))).join(''),fmt(M.days.length?M.days[M.days.length-1].close[a]:0)); });
 
     html+=`</tbody></table></div></div>
       <p class="hint" style="padding:0 15px 12px;margin:0">Дни до сегодняшнего — факт из операций, дальше — прогноз: подтягиваются постоянные расходы по дню платежа, любую ячейку прогноза можно перебить вручную (оранжевые поля). Плановые суммы списываются с основного банковского счёта — по факту распределение уточнится операциями.</p></div>`;
   }
 
-  /* ── 4. ДДС по месяцам ── */
-  const cfM=MONTHS.map(mo=>computeCF('cf_direct',mo));
-  const struct=structOf('cf_direct');
-  html+=`<div class="panel"><div class="hd"><h3>CF по месяцам · ${YEAR}</h3><div class="spacer"></div>
-      <span class="muted small">строки — в Конструкторе</span></div>
-    <div class="bd" style="padding:0"><div class="tbl-wrap"><table class="wide" style="min-width:${250+13*110}px">
-    <colgroup><col style="width:250px">${MONTHS.map(()=>`<col style="width:110px">`).join('')}<col style="width:120px"></colgroup>
-    <thead><tr><th class="nm">Статья</th>${MSHORT.map(x=>`<th class="num">${x}</th>`).join('')}<th class="num">Год</th></tr></thead><tbody>`;
-  struct.forEach((row,i)=>{
-    if(row.role==='header'){ html+=`<tr class="sec"><td class="nm">${esc(row.name)}</td>${MONTHS.map(()=>'<td></td>').join('')}<td></td></tr>`; return; }
-    const cls=row.role==='grand'?'tot':row.role==='subtotal'?'sub':'val';
+  /* ── 4. CF по месяцам: та же структура статей, без разбивки по счетам ── */
+  const MM=MONTHS.map((mo,i2)=> i2>=startIdx() ? cfDayMatrix(i2) : null);
+  const catsY=cfCats();
+  const aggM=(M,f)=> M? M.days.reduce((t,x)=>t+f(x),0) : null;
+  const numM=v=>v==null?'':v?fmt(v):'—';
+  const negM=v=>v==null?'':v?'('+fmt(Math.abs(v))+')':'—';
+  const sgnM=v=>v==null?'':v?(v<0?'('+fmt(Math.abs(v))+')':fmt(v)):'—';
+  const rowM=(cls,name,fn,mode)=>{
     let year=0, cells='';
-    MONTHS.forEach((mo,mi2)=>{ const x=cfM[mi2][i]; const v=x?x.val:0; year+=v;
-      cells+=`<td class="num ${v<0?'neg':v>0?'pos':''}">${v?(v<0?'('+fmt(Math.abs(v))+')':fmt(v)):'—'}</td>`; });
-    html+=`<tr class="${cls}"><td class="nm">${esc(row.name)}</td>${cells}<td class="num ${year<0?'neg':year>0?'pos':''}"><b>${year?(year<0?'('+fmt(Math.abs(year))+')':fmt(year)):'—'}</b></td></tr>`;
-  });
-  html+=`</tbody></table></div></div></div>`;
+    MM.forEach(M=>{ const v=aggM(M,fn); if(v!=null)year+=v;
+      const txt = mode==='neg'?negM(v):mode==='sgn'?sgnM(v):numM(v);
+      const cl = v==null?'':mode==='neg'?(v?'neg':''):mode==='sgn'?(v<0?'neg':v>0?'pos':''):'';
+      cells+=`<td class="num ${cl}">${txt}</td>`; });
+    const yt = mode==='neg'?negM(year):mode==='sgn'?sgnM(year):numM(year);
+    const ycl = mode==='neg'?(year?'neg':''):mode==='sgn'?(year<0?'neg':year>0?'pos':''):'';
+    return `<tr class="${cls}"><td class="nm">${name}</td>${cells}<td class="num ${ycl}"><b>${yt}</b></td></tr>`;
+  };
+  html+=`<div class="panel"><div class="hd"><h3>CF по месяцам · ${YEAR}</h3><div class="spacer"></div>
+      <span class="muted small">те же статьи, что и в таблице по дням</span></div>
+    <div class="bd" style="padding:0"><div class="tbl-wrap"><table class="wide" style="min-width:${250+13*115}px">
+    <colgroup><col style="width:250px">${MONTHS.map(()=>`<col style="width:115px">`).join('')}<col style="width:125px"></colgroup>
+    <thead><tr><th class="nm">Статья</th>${MSHORT.map((x,i2)=>`<th class="num ${i2<startIdx()?'muted':''}">${x}</th>`).join('')}<th class="num">Год</th></tr></thead><tbody>`;
+  html+=rowM('sec','Операционная деятельность',x=>x.opNet,'sgn');
+  html+=rowM('sub','Поступления',x=>x.inSum);
+  CHANNELS.forEach(([k,n])=>{ html+=rowM('val',n,x=>x.inc[k]||0); });
+  html+=rowM('sub','Расходы',x=>x.exSum,'neg');
+  catsY.op.forEach(c=>{ html+=rowM('val',esc(c),x=>x.exp[c]||0,'neg'); });
+  html+=rowM('sec','Финансовая деятельность',x=>x.finSum,'sgn');
+  catsY.fin.forEach(c=>{ html+=rowM('val',esc(c),x=>x.fin[c]||0,'sgn'); });
+  html+=rowM('sec','Инвестиционная деятельность',x=>x.invSum,'sgn');
+  catsY.inv.forEach(c=>{ html+=rowM('val',esc(c),x=>x.inv[c]||0,'sgn'); });
+  {
+    let cells='',first=null,last=null;
+    MM.forEach(M=>{ if(!M){ cells+='<td></td>'; return; }
+      const v=M.days[0].openTot; if(first==null)first=v; cells+=`<td class="num">${fmt(v)}</td>`; });
+    html+=`<tr class="bal brd"><td class="nm">Деньги на начало периода</td>${cells}<td class="num"><b>${first==null?'—':fmt(first)}</b></td></tr>`;
+    html+=rowM('tot','Денежный поток за период',x=>x.net,'sgn');
+    cells='';
+    MM.forEach(M=>{ if(!M){ cells+='<td></td>'; return; }
+      const v=M.days[M.days.length-1].closeTot; last=v; cells+=`<td class="num">${fmt(v)}</td>`; });
+    html+=`<tr class="bal"><td class="nm">Деньги на конец периода</td>${cells}<td class="num"><b>${last==null?'—':fmt(last)}</b></td></tr>`;
+  }
+  html+=`</tbody></table></div></div>
+    <p class="hint" style="padding:0 15px 12px;margin:0">Месяцы до начала учёта (${startMonthGen()}) не считаются. Разбивка по счетам показана только в таблице по дням.</p></div>`;
 
   C.innerHTML=html;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buhanka-finance-app",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Buhanka bakery finance dashboard — single-file web app",
   "license": "MIT",
   "files": [