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,114 @@
|
|||
<swp-two-column-grid>
|
||||
<!-- EMAIL -->
|
||||
<swp-card>
|
||||
<swp-section-label>
|
||||
<i class="ph ph-envelope"></i>
|
||||
Email
|
||||
</swp-section-label>
|
||||
<swp-toggle-row>
|
||||
<div>
|
||||
<swp-toggle-label>Bekræftelse</swp-toggle-label>
|
||||
<swp-toggle-description>Sendes når en aftale er booket</swp-toggle-description>
|
||||
</div>
|
||||
<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>
|
||||
<div>
|
||||
<swp-toggle-label>Påmindelse</swp-toggle-label>
|
||||
<swp-toggle-description>Sendes inden aftalen</swp-toggle-description>
|
||||
</div>
|
||||
<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>
|
||||
<div>
|
||||
<swp-toggle-label>Aflysning</swp-toggle-label>
|
||||
<swp-toggle-description>Sendes når en aftale er aflyst</swp-toggle-description>
|
||||
</div>
|
||||
<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>
|
||||
<div>
|
||||
<swp-toggle-label>Flytning</swp-toggle-label>
|
||||
<swp-toggle-description>Sendes når en aftale er flyttet</swp-toggle-description>
|
||||
</div>
|
||||
<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-note>Email-påmindelser er gratis.</swp-card-note>
|
||||
</swp-card>
|
||||
|
||||
<!-- SMS -->
|
||||
<swp-card>
|
||||
<swp-section-label>
|
||||
<i class="ph ph-chat-text"></i>
|
||||
SMS
|
||||
</swp-section-label>
|
||||
<swp-toggle-row>
|
||||
<div>
|
||||
<swp-toggle-label>Bekræftelse online <span class="text-secondary">(0,30 kr.)</span></swp-toggle-label>
|
||||
<swp-toggle-description>Sendes ved online booking</swp-toggle-description>
|
||||
</div>
|
||||
<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>
|
||||
<div>
|
||||
<swp-toggle-label>Bekræftelse manuelt <span class="text-secondary">(0,30 kr.)</span></swp-toggle-label>
|
||||
<swp-toggle-description>Ved oprettelse i kalender</swp-toggle-description>
|
||||
</div>
|
||||
<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>
|
||||
<div>
|
||||
<swp-toggle-label>Påmindelse <span class="text-purple">(Premium)</span></swp-toggle-label>
|
||||
<swp-toggle-description>Sendes inden aftalen</swp-toggle-description>
|
||||
</div>
|
||||
<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-edit-section>
|
||||
<swp-edit-row>
|
||||
<swp-edit-label>Påmindelse sendes</swp-edit-label>
|
||||
<swp-edit-select>
|
||||
<select>
|
||||
<option value="2">2 timer før</option>
|
||||
<option value="4">4 timer før</option>
|
||||
<option value="12">12 timer før</option>
|
||||
<option value="24" selected>24 timer før</option>
|
||||
<option value="48">48 timer før</option>
|
||||
</select>
|
||||
</swp-edit-select>
|
||||
</swp-edit-row>
|
||||
<swp-edit-row>
|
||||
<swp-edit-label>Sendes mellem</swp-edit-label>
|
||||
<swp-time-range>
|
||||
<input type="time" value="08:00">
|
||||
<span>–</span>
|
||||
<input type="time" value="21:00">
|
||||
</swp-time-range>
|
||||
</swp-edit-row>
|
||||
</swp-edit-section>
|
||||
</swp-card>
|
||||
</swp-two-column-grid>
|
||||
Loading…
Add table
Add a link
Reference in a new issue