Introduces a new Settings page with configurable modules: - General company information - Calendar and booking settings - Billing and payment configurations - Tracking and analytics integrations Implements modular ViewComponents for each settings section Enhances user experience with toggle switches and detailed configuration options
141 lines
6 KiB
Text
141 lines
6 KiB
Text
<swp-info-box>
|
|
<i class="ph ph-info"></i>
|
|
<p><strong>Kvittering</strong> printes efter betaling i butikken. <strong>Faktura</strong> sendes til kunder der betaler senere.</p>
|
|
</swp-info-box>
|
|
|
|
<swp-two-column-grid>
|
|
<!-- Virksomhedsoplysninger -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-identification-badge"></i>
|
|
Virksomhedsoplysninger
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-edit-section>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Firmanavn (juridisk)</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">KARINA KNUDSEN® ApS</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>CVR-nummer</swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Adresse</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">Amager Strandvej 22f, 2300 København S</swp-edit-value>
|
|
</swp-edit-row>
|
|
</swp-edit-section>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
|
|
<!-- Bankoplysninger -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-bank"></i>
|
|
Bankoplysninger (kun faktura)
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-edit-section>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Registreringsnr.</swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">1234</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Kontonummer</swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>IBAN <span class="optional">(valgfri)</span></swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono placeholder">DK00 0000 0000 0000 00</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>MobilePay <span class="optional">(valgfri)</span></swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">12345678</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Betalingsbetingelser</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="0">Kontant</option>
|
|
<option value="8" selected>Netto 8 dage</option>
|
|
<option value="14">Netto 14 dage</option>
|
|
<option value="30">Netto 30 dage</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
</swp-edit-section>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
|
|
<!-- Vis på print -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-eye"></i>
|
|
Vis på print
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-toggle-row>
|
|
<swp-toggle-label>Vis CVR-nummer</swp-toggle-label>
|
|
<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-label>Vis telefonnummer</swp-toggle-label>
|
|
<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-label>Vis website</swp-toggle-label>
|
|
<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-toggle-row>
|
|
<swp-toggle-label>Vis logo</swp-toggle-label>
|
|
<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>
|
|
|
|
<!-- Tekster -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-text-align-left"></i>
|
|
Tekster
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-edit-section>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Header-tekst</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">Tak for dit besøg!</swp-edit-value>
|
|
</swp-edit-row>
|
|
</swp-edit-section>
|
|
<div style="margin-top: 16px;">
|
|
<swp-edit-label style="display: block; margin-bottom: 8px;">Footer-tekst</swp-edit-label>
|
|
<textarea class="edit-textarea">Åbningstider: Man-Fre 9-18, Lør 10-14
|
|
Vi glæder os til at se dig igen!</textarea>
|
|
</div>
|
|
<div style="margin-top: 16px;">
|
|
<swp-edit-label style="display: block; margin-bottom: 8px;">Faktura-tekst</swp-edit-label>
|
|
<textarea class="edit-textarea">Ved betaling bedes fakturanummer angivet.
|
|
Tak for din handel!</textarea>
|
|
</div>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
</swp-two-column-grid>
|