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

update help text

Browse source
This commit is contained in:
Tobias Brunner 2025-07-23 16:10:18 +02:00
parent ec64dd7415
commit 59c9fff27d
Signed by: tobru
SSH key fingerprint: SHA256:kOXg1R6c11XW3/Pt9dbLdQvOJGFAy+B2K6v6PtRWBGQ
2 changed files with 28 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -117,6 +117,9 @@ document.addEventListener('DOMContentLoaded', function() {
<small class="text-muted">Real-time investment analysis</small>
</div>
<div class="col-md-6 text-end">
<a href="{% url 'services:roi_calculator_help' %}" class="btn btn-sm btn-outline me-1" target="_blank">
<i class="bi bi-question-circle"></i> Help
</a>
<button type="button" class="btn btn-sm btn-outline-primary me-1" onclick="exportToPDF()">
<i class="bi bi-file-pdf"></i> PDF
</button>
@ -126,7 +129,7 @@ document.addEventListener('DOMContentLoaded', function() {
<button type="button" class="btn btn-sm btn-outline me-1" onclick="resetCalculator()">
<i class="bi bi-arrow-clockwise"></i> Reset
</button>
<button type="button" class="btn btn-sm btn-danger" onclick="logout()">
<button type="button" class="btn btn-sm btn-outline-danger" onclick="logout()">
<i class="bi bi-box-arrow-right"></i> Logout
</button>
</div>
@ -225,9 +228,6 @@ document.addEventListener('DOMContentLoaded', function() {
<button class="btn btn-outline-info btn-lg" type="button" onclick="toggleAdvancedControls()" id="advancedToggleBtn">
<i class="bi bi-gear"></i> Advanced Settings
</button>
<a href="{% url 'services:roi_calculator_help' %}" class="btn btn-outline-secondary btn-lg" target="_blank">
<i class="bi bi-question-circle"></i> Help
</a>
</div>
</div>
</div>

77
hub/services/templates/calculator/roi_calculator_help.html
View file

@ -91,48 +91,7 @@ html {
</div>
<div class="row">
<div class="col-lg-3">
<div class="sticky-top" style="top: 1rem;">
<div class="card">
<div class="card-header">
<h5 class="mb-0">Quick Navigation</h5>
</div>
<div class="card-body">
<div class="list-group list-group-flush">
<a class="list-group-item list-group-item-action" href="#overview">
<i class="bi bi-lightbulb me-2"></i>Overview
</a>
<a class="list-group-item list-group-item-action" href="#loan-model">
<i class="bi bi-bank me-2"></i>Loan Model (3-8%)
</a>
<a class="list-group-item list-group-item-action" href="#direct-model">
<i class="bi bi-rocket me-2"></i>Direct Investment (15-40%)
</a>
<a class="list-group-item list-group-item-action" href="#comparison">
<i class="bi bi-bar-chart me-2"></i>Model Comparison
</a>
<a class="list-group-item list-group-item-action" href="#calculator-guide">
<i class="bi bi-calculator me-2"></i>Using the Calculator
</a>
<a class="list-group-item list-group-item-action" href="#currency-support">
<i class="bi bi-cash-stack me-2"></i>Currency Support
</a>
<a class="list-group-item list-group-item-action" href="#scenarios">
<i class="bi bi-speedometer2 me-2"></i>Growth Scenarios
</a>
<a class="list-group-item list-group-item-action" href="#charts">
<i class="bi bi-graph-up me-2"></i>Understanding Charts
</a>
<a class="list-group-item list-group-item-action" href="#faq">
<i class="bi bi-question-circle me-2"></i>FAQ
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="col-12">
<!-- Overview Section -->
<div class="help-section" id="overview">
<h2><i class="bi bi-lightbulb"></i> Overview</h2>
@ -250,7 +209,7 @@ html {
<h5><i class="bi bi-cash-stack"></i> Dual Revenue Streams</h5>
<p><strong>Service Revenue:</strong> Monthly fees from Servala managed services (shared with Servala based on your investment terms)</p>
<p><strong>Core Service Revenue:</strong> Additional revenue from selling compute, storage, and infrastructure to support each managed service instance (100% retained by CSP)</p>
<p class="text-muted"><small>Example: CHF 50 service fee + CHF 100 compute/storage = CHF 150 total revenue per instance per month</small></p>
<p class="text-muted"><small>Example: 50 service fee + 100 compute/storage = 150 total revenue per instance per month (in your selected currency)</small></p>
</div>
<h4>Progressive Scaling Benefits</h4>
@ -320,7 +279,7 @@ html {
<div class="help-section" id="comparison">
<h2><i class="bi bi-bar-chart"></i> Model Comparison</h2>
<h3>CHF 1,000,000 Investment Over 3 Years Example:</h3>
<h3>1,000,000 Investment Over 3 Years Example (Any Currency):</h3>
<div class="table-responsive">
<table class="table table-striped">
<thead>
@ -338,14 +297,14 @@ html {
<td><span class="badge bg-success">Low</span></td>
<td>8% over 3 years</td>
<td>12-18 months</td>
<td>CHF 80,000 profit</td>
<td>80,000 profit</td>
</tr>
<tr>
<td><strong>Direct Investment</strong></td>
<td><span class="badge bg-warning">Moderate-High</span></td>
<td>35% over 3 years</td>
<td>15-24 months</td>
<td>CHF 540,000+ profit</td>
<td>540,000+ profit</td>
</tr>
</tbody>
</table>
@ -373,7 +332,7 @@ html {
<li><strong>Loan Rate:</strong> Annual interest (3-8%) - affects loan model calculations</li>
<li><strong>Servala Share:</strong> Revenue split percentage (10-40%) for direct investment</li>
<li><strong>Grace Period:</strong> 100% revenue retention period (0-24 months, direct investment)</li>
<li><strong>Core Revenue/Instance:</strong> Additional monthly revenue from selling compute/storage per instance (CHF 0-500)</li>
<li><strong>Core Revenue/Instance:</strong> Additional monthly revenue from selling compute/storage per instance (0-500 in selected currency)</li>
<li><strong>Churn Rates:</strong> Customer loss percentages by scenario (0-15%)</li>
</ul>
</div>
@ -457,17 +416,29 @@ html {
<h3>3. Performance Comparison (ROI %)</h3>
<p>ROI percentages across different growth scenarios, helping you understand best and worst-case outcomes. Shows both models side-by-side for each scenario.</p>
<h3>4. Investment Model Comparison (Net Profit)</h3>
<p>Direct comparison of total net profit between loan and direct investment models across all scenarios. Makes it easy to see which model performs better in each growth scenario.</p>
<h4>Chart Legend</h4>
<h3>4. CSP Revenue Breakdown (Direct Investment Only)</h3>
<p>Detailed monthly revenue analysis showing the dual revenue streams available with direct investment:</p>
<ul>
<li><strong>Solid Lines/Bars:</strong> Direct Investment Model</li>
<li><strong>Dashed Lines/Different Color:</strong> Loan Model</li>
<li><strong>Service Revenue:</strong> Monthly fees from managed services (shared with Servala)</li>
<li><strong>Core Service Revenue:</strong> Infrastructure sales revenue (100% retained by CSP)</li>
<li><strong>CSP Total:</strong> Combined revenue retained by the CSP</li>
<li><strong>Servala Revenue:</strong> Revenue share paid to Servala</li>
</ul>
<p>This chart uses a right-side legend and different line styles to clearly distinguish between revenue components. Only shows direct investment scenarios for clarity.</p>
<h4>Chart Legend & Styling</h4>
<ul>
<li><strong>Solid Lines:</strong> Direct Investment Model</li>
<li><strong>Dashed Lines:</strong> Loan Model</li>
<li><strong>Dotted Lines:</strong> Core service revenue streams</li>
<li><strong>Green:</strong> Conservative Scenario</li>
<li><strong>Yellow:</strong> Moderate Scenario</li>
<li><strong>Red:</strong> Aggressive Scenario</li>
<li><strong>Gray:</strong> Servala revenue share</li>
</ul>
<h4>Chart Interactions</h4>
<p>All charts are interactive - hover over data points to see exact values. The CSP Revenue Breakdown chart shows detailed tooltips with revenue breakdowns for each month.</p>
</div>
<!-- FAQ Section -->