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

hide addons when not available

Browse source
This commit is contained in:
Tobias Brunner 2025-06-20 09:41:47 +02:00
parent a8f204dcb4
commit 8c04166183
No known key found for this signature in database
2 changed files with 23 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

23
hub/services/static/js/price-calculator.js
View file

@ -525,16 +525,35 @@ Please contact me with next steps for ordering this configuration.`;
// Update addons based on current configuration
updateAddons() {
if (!this.addonsContainer || !this.addonsData) return;
if (!this.addonsContainer || !this.addonsData) {
// Hide addons section if no container or data
const addonsSection = document.getElementById('addonsSection');
if (addonsSection) addonsSection.style.display = 'none';
return;
}
const serviceLevel = document.querySelector('input[name="serviceLevel"]:checked')?.value;
if (!serviceLevel || !this.addonsData[serviceLevel]) return;
if (!serviceLevel || !this.addonsData[serviceLevel]) {
// Hide addons section if no service level or no addons for this level
const addonsSection = document.getElementById('addonsSection');
if (addonsSection) addonsSection.style.display = 'none';
return;
}
const addons = this.addonsData[serviceLevel];
// Clear existing addons
this.addonsContainer.innerHTML = '';
// Show or hide addons section based on availability
const addonsSection = document.getElementById('addonsSection');
if (addons && addons.length > 0) {
if (addonsSection) addonsSection.style.display = 'block';
} else {
if (addonsSection) addonsSection.style.display = 'none';
return;
}
// Add each addon
addons.forEach(addon => {
const addonElement = document.createElement('div');

4
hub/services/templates/services/offering_detail.html
View file

@ -276,8 +276,8 @@
</div>
</div>
<!-- Addons Section -->
<div class="mb-4">
<!-- Addons Section - Hidden by default, shown by JS if addons exist -->
<div class="mb-4" id="addonsSection" style="display: none;">
<label class="form-label">Add-ons (Optional)</label>
<div id="addonsContainer">
<!-- Add-ons will be dynamically populated here -->