servala/website
1
0
Fork 0
Code Issues 12 Pull requests Projects 1 Packages 1 Activity Actions

updated help and advanced table

Browse source
This commit is contained in:
Tobias Brunner 2025-07-23 11:42:22 +02:00
parent 4746cfac25
commit 4f8fb0a448
Signed by: tobru
SSH key fingerprint: SHA256:kOXg1R6c11XW3/Pt9dbLdQvOJGFAy+B2K6v6PtRWBGQ
5 changed files with 238 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

51
hub/services/templates/calculator/csp_roi_calculator.html
View file

@ -36,6 +36,7 @@ function updateScenarioChurn(scenarioKey, churnRate) { window.ROICalculatorApp?.
function updateScenarioPhase(scenarioKey, phaseIndex, newInstancesPerMonth) { window.ROICalculatorApp?.updateScenarioPhase(scenarioKey, phaseIndex, newInstancesPerMonth); }
function resetAdvancedParameters() { window.ROICalculatorApp?.resetAdvancedParameters(); }
function toggleScenario(scenarioKey) { window.ROICalculatorApp?.toggleScenario(scenarioKey); }
function updateMonthlyBreakdownFilters() { window.ROICalculatorApp?.updateMonthlyBreakdownFilters(); }
function toggleCollapsible(elementId) { window.ROICalculatorApp?.toggleCollapsible(elementId); }
function resetCalculator() { window.ROICalculatorApp?.resetCalculator(); }
// toggleInvestmentModel function removed - both models calculated simultaneously
@ -392,12 +393,49 @@ document.addEventListener('DOMContentLoaded', function() {
<!-- Monthly Financial Flow -->
<h6 class="mb-3">Monthly Financial Breakdown</h6>
<div class="alert alert-info alert-sm">
<small>
<i class="bi bi-info-circle"></i>
This table shows month-by-month progression for all enabled scenarios and both investment models.
Use the scenario checkboxes above to filter results.
</small>
<!-- Breakdown Filter Controls -->
<div class="row mb-3 breakdown-filters">
<div class="col-md-6">
<label class="form-label small fw-semibold mb-2">Investment Models</label>
<div class="d-flex gap-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="breakdown-direct-enabled" checked onchange="updateMonthlyBreakdownFilters()">
<label class="form-check-label small fw-medium text-success" for="breakdown-direct-enabled">
Direct Investment
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="breakdown-loan-enabled" checked onchange="updateMonthlyBreakdownFilters()">
<label class="form-check-label small fw-medium text-warning" for="breakdown-loan-enabled">
Loan Model
</label>
</div>
</div>
</div>
<div class="col-md-6">
<label class="form-label small fw-semibold mb-2">Growth Scenarios</label>
<div class="d-flex gap-3">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="breakdown-conservative-enabled" checked onchange="updateMonthlyBreakdownFilters()">
<label class="form-check-label small fw-medium" for="breakdown-conservative-enabled">
<span class="text-success">•</span> Conservative
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="breakdown-moderate-enabled" checked onchange="updateMonthlyBreakdownFilters()">
<label class="form-check-label small fw-medium" for="breakdown-moderate-enabled">
<span class="text-warning">•</span> Moderate
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="breakdown-aggressive-enabled" checked onchange="updateMonthlyBreakdownFilters()">
<label class="form-check-label small fw-medium" for="breakdown-aggressive-enabled">
<span class="text-danger">•</span> Aggressive
</label>
</div>
</div>
</div>
</div>
<div class="table-responsive" style="max-height: 500px; overflow-y: auto;">
<table class="table table-sm table-striped" id="monthly-table">
@ -409,6 +447,7 @@ document.addEventListener('DOMContentLoaded', function() {
<th>Instances</th>
<th>Monthly Revenue</th>
<th>Your Share</th>
<th>Servala Share</th>
<th>Cumulative Net Position</th>
</tr>
</thead>