marty/cbp-calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add 'Their Net Profit' column, rename labels for clarity

Browse Source 
Phase table now has 7 columns:
- Their Gross Payout / Their Net Profit / Sponsor's 10% / Sponsor's Cumulative
- Timeline tab: 'Sponsor's Commission/Month' and 'Sponsor's Cumulative'
- Table-wrap overflow-x: auto for mobile scrollability
This commit is contained in:
Marty Bostick
2026-07-30 21:25:18 +00:00
parent b2b118a62f
commit bc002de22e
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+8 -6
View File
@@ -635,7 +635,7 @@
background: var(--card); background: var(--card);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: var(--radius); border-radius: var(--radius);
overflow: hidden; overflow-x: auto;
margin-bottom: 18px; margin-bottom: 18px;
} }
.table-wrap .table-title { .table-wrap .table-title {
@@ -1294,9 +1294,10 @@
</div> </div>
<table><thead><tr> <table><thead><tr>
<th>Phase</th><th class="num">Cycles</th><th>Timeline</th> <th>Phase</th><th class="num">Cycles</th><th>Timeline</th>
<th class="num">Their Payout/Cycle</th> <th class="num">Their Gross Payout</th>
<th class="num referral-col" id="headerYourCut">Your 10% Cut/Cycle</th> <th class="num">Their Net Profit</th>
<th class="num" id="headerCumulative">Cumulative to You</th> <th class="num referral-col" id="headerYourCut">Sponsor's 10%</th>
<th class="num" id="headerCumulative">Sponsor's Cumulative</th>
</tr></thead><tbody id="overviewBody"></tbody></table> </tr></thead><tbody id="overviewBody"></tbody></table>
</div> </div>
</div> </div>
@@ -1311,8 +1312,8 @@
<table><thead><tr> <table><thead><tr>
<th>Month</th><th>Active Phase</th> <th>Month</th><th>Active Phase</th>
<th class="num">Their Profit This Month</th> <th class="num">Their Profit This Month</th>
<th class="num referral-col" id="headerTimelineComm">Your 10% Commission/Month</th> <th class="num referral-col" id="headerTimelineComm">Sponsor's Commission/Month</th>
<th class="num" id="headerTimelineCum">Your Cumulative</th> <th class="num" id="headerTimelineCum">Sponsor's Cumulative</th>
</tr></thead><tbody id="timelineBody"></tbody></table> </tr></thead><tbody id="timelineBody"></tbody></table>
</div> </div>
</div> </div>
@@ -1749,6 +1750,7 @@ ${numPeople > 0 ? `
<td class="num">${k === '3xL7' ? 'every 19d' : `${cyclesNum}×`}</td> <td class="num">${k === '3xL7' ? 'every 19d' : `${cyclesNum}×`}</td>
<td>${k === '3xL7' ? 'ongoing' : `~${p.months} months`}</td> <td>${k === '3xL7' ? 'ongoing' : `~${p.months} months`}</td>
<td class="num">$${p.payout.toFixed(2)}</td> <td class="num">$${p.payout.toFixed(2)}</td>
<td class="num">$${p.profit.toFixed(2)}</td>
<td class="num green-text">$${yourCut.toFixed(2)}</td> <td class="num green-text">$${yourCut.toFixed(2)}</td>
<td class="num">$${cumRunning.toFixed(2)}</td> <td class="num">$${cumRunning.toFixed(2)}</td>
</tr>`; </tr>`;