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
227 lines
10 KiB
Text
227 lines
10 KiB
Text
<swp-two-column-grid>
|
|
<!-- Kalenderindstillinger -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-calendar-blank"></i>
|
|
Kalenderindstillinger
|
|
</swp-card-title>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-edit-section>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Standard visning</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="day">Dag</option>
|
|
<option value="week" selected>Uge</option>
|
|
<option value="month">Måned</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Første dag i ugen</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="monday" selected>Mandag</option>
|
|
<option value="sunday">Søndag</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Tidsinterval</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="15" selected>15 minutter</option>
|
|
<option value="30">30 minutter</option>
|
|
<option value="60">60 minutter</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Vis weekender</swp-edit-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-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Arbejdstid fra</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="06:00">06:00</option>
|
|
<option value="07:00">07:00</option>
|
|
<option value="08:00" selected>08:00</option>
|
|
<option value="09:00">09:00</option>
|
|
<option value="10:00">10:00</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
<swp-edit-row>
|
|
<swp-edit-label>Arbejdstid til</swp-edit-label>
|
|
<swp-edit-select>
|
|
<select>
|
|
<option value="17:00">17:00</option>
|
|
<option value="18:00">18:00</option>
|
|
<option value="19:00">19:00</option>
|
|
<option value="20:00" selected>20:00</option>
|
|
<option value="21:00">21:00</option>
|
|
<option value="22:00">22:00</option>
|
|
</select>
|
|
</swp-edit-select>
|
|
</swp-edit-row>
|
|
</swp-edit-section>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
|
|
<!-- Helligdage & lukkedage -->
|
|
<swp-card>
|
|
<swp-card-header>
|
|
<swp-card-title>
|
|
<i class="ph ph-calendar-x"></i>
|
|
Helligdage & lukkedage
|
|
</swp-card-title>
|
|
<swp-btn class="secondary sm">
|
|
<i class="ph ph-plus"></i>
|
|
Tilføj lukkedag
|
|
</swp-btn>
|
|
</swp-card-header>
|
|
<swp-card-content>
|
|
<swp-toggle-row>
|
|
<swp-toggle-info>
|
|
<swp-toggle-label>Luk automatisk på helligdage</swp-toggle-label>
|
|
<swp-toggle-desc>Salonen lukkes automatisk på danske helligdage</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-section-divider></swp-section-divider>
|
|
|
|
<swp-closed-days-list>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>5. april 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Påskedag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>1. maj 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Store bededag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>14. maj 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Kristi Himmelfart</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>24. maj 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Pinsedag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>25. maj 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>2. pinsedag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>5. juni 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Grundlovsdag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>24. december 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Juleaften</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>25. december 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>1. juledag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>26. december 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>2. juledag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>1. januar 2027</swp-closed-day-date>
|
|
<swp-closed-day-name>Nytårsdag</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="holiday">Helligdag</swp-closed-day-badge>
|
|
<swp-icon-btn class="edit" title="Rediger åbningstid">
|
|
<i class="ph ph-pencil-simple"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>14. - 28. juli 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Sommerferie</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
|
|
<swp-icon-btn class="delete" title="Fjern">
|
|
<i class="ph ph-trash"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
<swp-closed-day-item>
|
|
<swp-closed-day-info>
|
|
<swp-closed-day-date>24. - 26. december 2026</swp-closed-day-date>
|
|
<swp-closed-day-name>Julelukning</swp-closed-day-name>
|
|
</swp-closed-day-info>
|
|
<swp-closed-day-badge class="custom">Lukkedag</swp-closed-day-badge>
|
|
<swp-icon-btn class="delete" title="Fjern">
|
|
<i class="ph ph-trash"></i>
|
|
</swp-icon-btn>
|
|
</swp-closed-day-item>
|
|
</swp-closed-days-list>
|
|
</swp-card-content>
|
|
</swp-card>
|
|
</swp-two-column-grid>
|