Add slots to key positions in the app mark up

This commit is contained in:
Alex Tselegidis 2024-05-11 17:50:45 +02:00
parent 3b01f9bf91
commit fd57ddbb2d
25 changed files with 143 additions and 6 deletions

View file

@ -108,6 +108,8 @@
</select> </select>
</div> </div>
<?php slot('after_select_appointment_service'); ?>
<div class="mb-3"> <div class="mb-3">
<label for="select-provider" class="form-label"> <label for="select-provider" class="form-label">
<?= lang('provider') ?> <?= lang('provider') ?>
@ -116,6 +118,8 @@
<select id="select-provider" class="required form-control"></select> <select id="select-provider" class="required form-control"></select>
</div> </div>
<?php slot('after_select_appointment_provider'); ?>
<div class="mb-3"> <div class="mb-3">
<?php component('color_selection', ['attributes' => 'id="appointment-color"']); ?> <?php component('color_selection', ['attributes' => 'id="appointment-color"']); ?>
</div> </div>
@ -183,10 +187,14 @@
<label for="appointment-notes" class="form-label"><?= lang('notes') ?></label> <label for="appointment-notes" class="form-label"><?= lang('notes') ?></label>
<textarea id="appointment-notes" class="form-control" rows="3"></textarea> <textarea id="appointment-notes" class="form-control" rows="3"></textarea>
</div> </div>
<?php slot('after_primary_appointment_fields'); ?>
</div> </div>
</div> </div>
</fieldset> </fieldset>
<?php slot('after_appointment_details'); ?>
<br> <br>
<fieldset> <fieldset>
@ -335,6 +343,8 @@
<textarea id="customer-notes" rows="2" <textarea id="customer-notes" rows="2"
class="<?= $require_notes ? 'required' : '' ?> form-control"></textarea> class="<?= $require_notes ? 'required' : '' ?> form-control"></textarea>
</div> </div>
<?php slot('after_primary_customer_fields'); ?>
</div> </div>
<div class="mb-3"> <div class="mb-3">
@ -342,10 +352,14 @@
</div> </div>
</div> </div>
</fieldset> </fieldset>
<?php slot('after_customer_details'); ?>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<?php slot('before_appointment_actions'); ?>
<button class="btn btn-secondary" data-bs-dismiss="modal"> <button class="btn btn-secondary" data-bs-dismiss="modal">
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -83,6 +83,8 @@
</div> </div>
</li> </li>
<?php slot('before_user_nav_item'); ?>
<?php $hidden = can('view', PRIV_SYSTEM_SETTINGS) || can('view', PRIV_USER_SETTINGS) ? '' : 'd-none'; ?> <?php $hidden = can('view', PRIV_SYSTEM_SETTINGS) || can('view', PRIV_USER_SETTINGS) ? '' : 'd-none'; ?>
<?php $active = $active_menu == PRIV_SYSTEM_SETTINGS ? 'active' : ''; ?> <?php $active = $active_menu == PRIV_SYSTEM_SETTINGS ? 'active' : ''; ?>
<li class="nav-item dropdown <?= $active . $hidden ?>"> <li class="nav-item dropdown <?= $active . $hidden ?>">
@ -97,6 +99,9 @@
<?= lang('settings') ?> <?= lang('settings') ?>
</a> </a>
<?php endif; ?> <?php endif; ?>
<?php slot('after_settings_dropdown_item'); ?>
<a class="dropdown-item" href="<?= site_url('account') ?>"> <a class="dropdown-item" href="<?= site_url('account') ?>">
<?= lang('account') ?> <?= lang('account') ?>
</a> </a>

View file

@ -16,10 +16,14 @@
<div id="appointment-details" class="col-12 col-md-6 text-center text-md-start mb-2 mb-md-0"> <div id="appointment-details" class="col-12 col-md-6 text-center text-md-start mb-2 mb-md-0">
<!-- JS --> <!-- JS -->
</div> </div>
<div id="customer-details" class="col-12 col-md-6 text-center text-md-end"> <div id="customer-details" class="col-12 col-md-6 text-center text-md-end">
<!-- JS --> <!-- JS -->
</div> </div>
</div> </div>
<?php slot('after_details'); ?>
<?php if (setting('require_captcha')): ?> <?php if (setting('require_captcha')): ?>
<div class="row frame-content m-auto"> <div class="row frame-content m-auto">
@ -36,6 +40,8 @@
</div> </div>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php slot('after_captcha'); ?>
</div> </div>
<div class="d-flex fs-6 justify-content-around"> <div class="d-flex fs-6 justify-content-around">
@ -62,6 +68,8 @@
</label> </label>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php slot('after_select_policies'); ?>
</div> </div>
<div class="command-buttons"> <div class="command-buttons">

View file

@ -79,6 +79,8 @@
class="<?= $require_phone_number ? 'required' : '' ?> form-control"/> class="<?= $require_phone_number ? 'required' : '' ?> form-control"/>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php slot('info_first_column'); ?>
</div> </div>
<div class="col-12 col-md-6 field-col mx-auto"> <div class="col-12 col-md-6 field-col mx-auto">
@ -130,10 +132,15 @@
class="<?= $require_notes ? 'required' : '' ?> form-control" rows="1"></textarea> class="<?= $require_notes ? 'required' : '' ?> form-control" rows="1"></textarea>
</div> </div>
<?php endif; ?> <?php endif; ?>
<?php slot('info_second_column'); ?>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<?php component('custom_fields'); ?> <?php component('custom_fields'); ?>
<?php slot('after_custom_fields'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -14,6 +14,8 @@
<div class="row frame-content"> <div class="row frame-content">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div id="select-date"></div> <div id="select-date"></div>
<?php slot('after_select_date'); ?>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@ -28,7 +30,12 @@
]); ?> ]); ?>
</div> </div>
<?php slot('after_select_timezone'); ?>
<div id="available-hours"></div> <div id="available-hours"></div>
<?php slot('after_available_hours'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -74,6 +74,8 @@
?> ?>
</select> </select>
</div> </div>
<?php slot('after_select_service'); ?>
<div class="mb-3"> <div class="mb-3">
<label for="select-provider"> <label for="select-provider">
@ -83,9 +85,14 @@
<select id="select-provider" class="form-control"></select> <select id="select-provider" class="form-control"></select>
</div> </div>
<?php slot('after_select_provider'); ?>
<div id="service-description" class="small"> <div id="service-description" class="small">
<!-- JS --> <!-- JS -->
</div> </div>
<?php slot('after_service_description'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -28,6 +28,8 @@
<select id="unavailability-provider" class="form-control"></select> <select id="unavailability-provider" class="form-control"></select>
</div> </div>
<?php slot('after_select_appointment_provider'); ?>
<div class="mb-3"> <div class="mb-3">
<label for="unavailability-start" class="form-label"> <label for="unavailability-start" class="form-label">
<?= lang('start') ?> <?= lang('start') ?>
@ -55,16 +57,16 @@
<small> <small>
<?= lang('provider') ?>: <?= lang('provider') ?>:
<span class="provider-timezone"> <span class="provider-timezone">
- -
</span> </span>
</small> </small>
</div> </div>
<div class="w-50 p-1 text-center"> <div class="w-50 p-1 text-center">
<small> <small>
<?= lang('current_user') ?>: <?= lang('current_user') ?>:
<span> <span>
<?= $timezones[session('timezone', 'UTC')] ?> <?= $timezones[session('timezone', 'UTC')] ?>
</span> </span>
</small> </small>
</div> </div>
</div> </div>
@ -76,10 +78,14 @@
</label> </label>
<textarea id="unavailability-notes" rows="3" class="form-control"></textarea> <textarea id="unavailability-notes" rows="3" class="form-control"></textarea>
</div> </div>
<?php slot('after_primary_unavailability_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<?php slot('after_unavailability_actions'); ?>
<button class="btn btn-secondary" data-bs-dismiss="modal"> <button class="btn btn-secondary" data-bs-dismiss="modal">
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -59,8 +59,12 @@
</thead> </thead>
<tbody><!-- Dynamic Content --></tbody> <tbody><!-- Dynamic Content --></tbody>
</table> </table>
<?php slot('after_primary_working_plan_exception_fields'); ?>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<?php slot('before_working_plan_exception_actions'); ?>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>

View file

@ -20,6 +20,8 @@
<?= lang('admins') ?> <?= lang('admins') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -51,6 +53,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -138,6 +142,8 @@
</label> </label>
<textarea id="notes" class="form-control" rows="3" disabled></textarea> <textarea id="notes" class="form-control" rows="3" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
<div class="settings col-12 col-md-6"> <div class="settings col-12 col-md-6">
<div class="mb-3"> <div class="mb-3">
@ -216,6 +222,8 @@
</label> </label>
</div> </div>
</div> </div>
<?php slot('after_secondary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -45,6 +45,8 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_primary_appointment_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -21,6 +21,8 @@
<?= lang('blocked_periods') ?> <?= lang('blocked_periods') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -57,6 +59,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -97,6 +101,8 @@
</label> </label>
<textarea id="notes" rows="4" class="form-control" disabled></textarea> <textarea id="notes" rows="4" class="form-control" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
</div> </div>

View file

@ -420,6 +420,8 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_primary_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -135,6 +135,8 @@
<?php component('appointment_status_options', [ <?php component('appointment_status_options', [
'attributes' => 'id="appointment-status-options"', 'attributes' => 'id="appointment-status-options"',
]); ?> ]); ?>
<?php slot('after_primary_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -76,6 +76,8 @@
<i class="fas fa-calendar-alt"></i> <i class="fas fa-calendar-alt"></i>
</a> </a>
<?php endif; ?> <?php endif; ?>
<?php slot('after_calendar_actions'); ?>
</div> </div>
</div> </div>

View file

@ -20,6 +20,8 @@
<?= lang('customers') ?> <?= lang('customers') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -62,6 +64,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<input id="customer-id" type="hidden"> <input id="customer-id" type="hidden">
@ -191,6 +195,8 @@
</label> </label>
<textarea id="notes" rows="4" class="form-control" disabled></textarea> <textarea id="notes" rows="4" class="form-control" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@ -199,6 +205,8 @@
</h4> </h4>
<div id="customer-appointments" class="card bg-white border"></div> <div id="customer-appointments" class="card bg-white border"></div>
<?php slot('after_secondary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -229,6 +229,8 @@
</div> </div>
</div> </div>
<?php slot('after_primary_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -46,6 +46,8 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_primary_appointment_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -110,6 +110,8 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_integration_cards'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -78,11 +78,12 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_primary_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -46,6 +46,8 @@
</div> </div>
</div> </div>
</div> </div>
<?php slot('after_primary_appointment_fields'); ?>
</fieldset> </fieldset>
</form> </form>
</div> </div>

View file

@ -20,6 +20,8 @@
<?= lang('providers') ?> <?= lang('providers') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -51,6 +53,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<ul class="nav nav-pills switch-view"> <ul class="nav nav-pills switch-view">
@ -159,6 +163,8 @@
</label> </label>
<textarea id="notes" class="form-control" rows="3" disabled></textarea> <textarea id="notes" class="form-control" rows="3" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
<div class="settings col-12 col-md-6"> <div class="settings col-12 col-md-6">
<div class="mb-3"> <div class="mb-3">
@ -199,7 +205,6 @@
</select> </select>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label" for="language"> <label class="form-label" for="language">
<?= lang('language') ?> <?= lang('language') ?>
@ -262,6 +267,8 @@
<div id="provider-services" class="card card-body bg-white border"> <div id="provider-services" class="card card-body bg-white border">
<!-- JS --> <!-- JS -->
</div> </div>
<?php slot('after_secondary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>
@ -286,6 +293,8 @@
<tbody><!-- Dynamic Content --></tbody> <tbody><!-- Dynamic Content --></tbody>
</table> </table>
<?php slot('after_working_plan'); ?>
<br> <br>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -317,6 +326,8 @@
<tbody><!-- Dynamic Content --></tbody> <tbody><!-- Dynamic Content --></tbody>
</table> </table>
<?php slot('after_breaks'); ?>
<br> <br>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -349,6 +360,8 @@
</table> </table>
<?php component('working_plan_exceptions_modal'); ?> <?php component('working_plan_exceptions_modal'); ?>
<?php slot('after_working_plan_exceptions'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -20,6 +20,8 @@
<?= lang('secretaries') ?> <?= lang('secretaries') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -51,6 +53,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -137,6 +141,8 @@
</label> </label>
<textarea id="notes" class="form-control" rows="3" disabled></textarea> <textarea id="notes" class="form-control" rows="3" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
<div class="settings col-12 col-md-6"> <div class="settings col-12 col-md-6">
<div class="mb-3"> <div class="mb-3">
@ -225,6 +231,8 @@
<div id="secretary-providers" class="card card-body bg-white border"> <div id="secretary-providers" class="card card-body bg-white border">
<!-- JS --> <!-- JS -->
</div> </div>
<?php slot('after_secondary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -21,6 +21,8 @@
<?= lang('service_categories') ?> <?= lang('service_categories') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -52,6 +54,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -76,6 +80,8 @@
</label> </label>
<textarea id="description" rows="4" class="form-control" disabled></textarea> <textarea id="description" rows="4" class="form-control" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
</div> </div>

View file

@ -19,6 +19,9 @@
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
<?= lang('services') ?> <?= lang('services') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -50,6 +53,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -162,6 +167,8 @@
</label> </label>
<textarea id="description" rows="4" class="form-control" disabled></textarea> <textarea id="description" rows="4" class="form-control" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>

View file

@ -20,6 +20,8 @@
<?= lang('webhooks') ?> <?= lang('webhooks') ?>
</h4> </h4>
<?php slot('after_page_title'); ?>
<div class="results"> <div class="results">
<!-- JS --> <!-- JS -->
</div> </div>
@ -56,6 +58,8 @@
<?= lang('cancel') ?> <?= lang('cancel') ?>
</button> </button>
</div> </div>
<?php slot('after_page_actions'); ?>
</div> </div>
<h4 class="text-black-50 mb-3 fw-light"> <h4 class="text-black-50 mb-3 fw-light">
@ -137,6 +141,8 @@
</label> </label>
<textarea id="notes" rows="4" class="form-control" disabled></textarea> <textarea id="notes" rows="4" class="form-control" disabled></textarea>
</div> </div>
<?php slot('after_primary_fields'); ?>
</div> </div>
</div> </div>
</div> </div>