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:
Janus C. H. Knudsen
parent
7643a6ab82
commit
33c338345e
31 changed files with 3167 additions and 21 deletions
|
|
@ -0,0 +1,227 @@
|
|||
<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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue