c1d2df9327
Replaces `swp-section-label` with standardized `swp-card-header` and `swp-card-title` Improves component consistency across multiple features: - Adds structured card headers - Introduces more semantic HTML elements - Enhances layout and readability of card components Updates CSS and component styles to support new structure
141 lines
6.4 KiB
Text
141 lines
6.4 KiB
Text
<swp-two-column-grid>
|
|
<!-- Column 1: Betalingsmetoder i butik -->
|
|
<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>
|
|
|
|
<!-- Column 2: Online betaling + Gebyr -->
|
|
<swp-card-column>
|
|
<!-- Online betaling -->
|
|
<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>
|
|
|
|
<!-- Gebyr & tillæg -->
|
|
<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-card-column>
|
|
</swp-two-column-grid>
|