Adds comprehensive Settings page with multiple configuration tabs
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
This commit is contained in:
parent
7643a6ab82
commit
33c338345e
31 changed files with 3167 additions and 21 deletions
|
|
@ -0,0 +1,141 @@
|
|||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue