33c338345e
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
5.9 KiB
Text
141 lines
5.9 KiB
Text
<swp-two-column-grid>
|
|
<!-- Grundlæggende oplysninger -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-identification-card"></i>
|
|
Grundlæggende oplysninger
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-edit-section>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Virksomhedsnavn</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">KARINA KNUDSEN®</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">Hovedgaden 123</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Postnummer</swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">2100</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>By</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">København Ø</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Telefon</swp-edit-label>
|
|
<swp-edit-value contenteditable="true" class="mono">70 20 30 40</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Email</swp-edit-label>
|
|
<swp-edit-value contenteditable="true">info@salonbeauty.dk</swp-edit-value>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Website <span class="optional">(valgfri)</span></swp-edit-label>
|
|
<swp-edit-value contenteditable="true">https://salonbeauty.dk</swp-edit-value>
|
|
</swp-edit-row>
|
|
</swp-edit-section>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
|
|
<!-- Åbningstider -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-clock"></i>
|
|
Åbningstider
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-hours-table>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Mandag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="09:00">
|
|
<span>til</span>
|
|
<input type="time" value="18:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Tirsdag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="09:00">
|
|
<span>til</span>
|
|
<input type="time" value="18:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Onsdag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="09:00">
|
|
<span>til</span>
|
|
<input type="time" value="18:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Torsdag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="09:00">
|
|
<span>til</span>
|
|
<input type="time" value="20:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Fredag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="09:00">
|
|
<span>til</span>
|
|
<input type="time" value="17:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Lørdag</swp-hours-day>
|
|
<swp-toggle-slider data-value="yes">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-time>
|
|
<input type="time" value="10:00">
|
|
<span>til</span>
|
|
<input type="time" value="14:00">
|
|
</swp-hours-time>
|
|
</swp-hours-row>
|
|
<swp-hours-row>
|
|
<swp-hours-day>Søndag</swp-hours-day>
|
|
<swp-toggle-slider data-value="no">
|
|
<swp-toggle-option>Ja</swp-toggle-option>
|
|
<swp-toggle-option>Nej</swp-toggle-option>
|
|
</swp-toggle-slider>
|
|
<swp-hours-closed>Lukket</swp-hours-closed>
|
|
</swp-hours-row>
|
|
</swp-hours-table>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
</swp-two-column-grid>
|