Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds waitlist feature for booking system

Browse source 
Introduces new waitlist functionality to allow customers to register for unavailable time slots

Includes:
- Waitlist trigger and section in booking interface
- Ability to select preferred time periods
- Date and optional message input
- Success overlay for waitlist submission

Updates salon address in multiple files
This commit is contained in:
Janus C. H. Knudsen 2026-01-02 07:39:53 +01:00
parent dacdf5d153
commit f73133b51c
4 changed files with 627 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

175
wwwroot/poc-indstillinger.html
View file

@ -1358,6 +1358,10 @@
<i class="ph ph-bell"></i>
Påmindelser
</swp-tab>
<swp-tab data-tab="payments">
<i class="ph ph-credit-card"></i>
Betalinger
</swp-tab>
</swp-tab-bar>
<!-- ==========================================
@ -1714,7 +1718,7 @@
</swp-edit-row>
<swp-edit-row>
<swp-edit-label>Adresse</swp-edit-label>
<swp-edit-value contenteditable="true">Hovedgaden 123, 2100 København Ø</swp-edit-value>
<swp-edit-value contenteditable="true">Amager Strandvej 22f, 2300 København S</swp-edit-value>
</swp-edit-row>
</swp-edit-section>
</swp-card-content>
@ -1994,6 +1998,146 @@ Tak for din handel!</swp-edit-textarea>
</swp-two-column-grid>
</swp-tab-content>
<!-- ==========================================
TAB: BETALINGER
========================================== -->
<swp-tab-content data-tab="payments">
<swp-card>
<swp-card-header>
<swp-card-title>
<i class="ph ph-wallet"></i>
Betalingsmetoder i butik
</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-section-intro>Vælg hvilke betalingsmetoder dine kunder kan bruge ved checkout i butikken.</swp-section-intro>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Kontant</swp-toggle-label>
<swp-toggle-desc>Modtag kontant betaling</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="yes">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Dankort / Visa / Mastercard</swp-toggle-label>
<swp-toggle-desc>Betalingskort via terminal</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="yes">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>MobilePay</swp-toggle-label>
<swp-toggle-desc>Betaling via MobilePay</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="yes">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Gavekort</swp-toggle-label>
<swp-toggle-desc>Indløs gavekort som betaling</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="yes">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Faktura</swp-toggle-label>
<swp-toggle-desc>Send faktura til kunden</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="yes">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
</swp-card-content>
</swp-card>
<swp-card>
<swp-card-header>
<swp-card-title>
<i class="ph ph-globe"></i>
Online betaling
</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Modtag betaling ved online booking</swp-toggle-label>
<swp-toggle-desc>Kunder betaler når de booker online</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="no" id="onlinePaymentToggle">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
<div id="onlinePaymentSettings" style="display: none;">
<swp-section-divider></swp-section-divider>
<swp-info-box>
<i class="ph ph-info"></i>
<p>Online betalinger håndteres via Stripe. Beløbet overføres automatisk til din bankkonto efter den valgte periode.</p>
</swp-info-box>
<swp-edit-section>
<swp-edit-row class="wide-label">
<swp-edit-label>Registreringsnummer</swp-edit-label>
<swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
</swp-edit-row>
<swp-edit-row class="wide-label">
<swp-edit-label>Kontonummer</swp-edit-label>
<swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
</swp-edit-row>
<swp-edit-row class="wide-label">
<swp-edit-label>Udbetaling</swp-edit-label>
<swp-edit-select>
<select>
<option value="7" selected>Hver uge</option>
<option value="14">Hver 2. uge</option>
<option value="28">Hver 4. uge</option>
</select>
</swp-edit-select>
</swp-edit-row>
</swp-edit-section>
</div>
</swp-card-content>
</swp-card>
<swp-card>
<swp-card-header>
<swp-card-title>
<i class="ph ph-percent"></i>
Gebyr & tillæg
</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-toggle-row>
<swp-toggle-info>
<swp-toggle-label>Vis kortgebyr til kunden</swp-toggle-label>
<swp-toggle-desc>Vis kortgebyr som separat linje på kvittering</swp-toggle-desc>
</swp-toggle-info>
<swp-toggle-slider data-value="no">
<swp-toggle-option>Ja</swp-toggle-option>
<swp-toggle-option>Nej</swp-toggle-option>
</swp-toggle-slider>
</swp-toggle-row>
</swp-card-content>
</swp-card>
</swp-tab-content>
<!-- ==========================================
DRAWER: REDIGER BESKED
========================================== -->
@ -2165,7 +2309,7 @@ Vil du ændre din tid? {booking_link}</swp-message-editor>
</swp-email-appointment-row>
<swp-email-appointment-row>
<i class="ph ph-map-pin"></i>
<span>Hovedgaden 123, 2100 København Ø</span>
<span>Amager Strandvej 22f, 2300 København S</span>
</swp-email-appointment-row>
</swp-email-appointment-card>
@ -2176,7 +2320,7 @@ Vil du ændre din tid? {booking_link}</swp-message-editor>
<swp-email-footer>
<swp-email-footer-logo>KARINA KNUDSEN®</swp-email-footer-logo>
<p>Hovedgaden 123, 2100 København Ø</p>
<p>Amager Strandvej 22f, 2300 København S</p>
<p>Tlf: 70 20 30 40 · <a href="#">info@salonbeauty.dk</a></p>
<p style="margin-top: 12px; font-size: 11px;">
<a href="#">Afmeld emails</a>
@ -2475,6 +2619,31 @@ Vil du ændre din tid? {booking_link}</swp-message-editor>
if (emailDrawer.classList.contains('open')) closeEmailDrawer();
}
});
// ==========================================
// ONLINE PAYMENT TOGGLE
// ==========================================
const onlinePaymentToggle = document.getElementById('onlinePaymentToggle');
const onlinePaymentSettings = document.getElementById('onlinePaymentSettings');
function updateOnlinePaymentVisibility() {
if (onlinePaymentToggle && onlinePaymentSettings) {
const isEnabled = onlinePaymentToggle.dataset.value === 'yes';
onlinePaymentSettings.style.display = isEnabled ? 'block' : 'none';
}
}
if (onlinePaymentToggle) {
onlinePaymentToggle.querySelectorAll('swp-toggle-option').forEach((option, index) => {
option.addEventListener('click', () => {
onlinePaymentToggle.dataset.value = index === 0 ? 'yes' : 'no';
updateOnlinePaymentVisibility();
});
});
// Initial state
updateOnlinePaymentVisibility();
}
</script>
</body>