forked from mirrors/easyappointments
Adjust all the title page and section title markup
This commit is contained in:
Alex Tselegidis
parent
7695cbfdfa
commit
d90fd06984
9 changed files with 142 additions and 58 deletions
|
|
@ -8,8 +8,10 @@
|
|||
<div class="col-lg-8 offset-lg-2">
|
||||
<form>
|
||||
<fieldset>
|
||||
<legend class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
|
||||
<?= lang('account') ?>
|
||||
<div class="d-flex justify-content-between align-items-center border-bottom mb-4 py-2">
|
||||
<h4 class="text-black-50 mb-0 fw-light">
|
||||
<?= lang('account') ?>
|
||||
</h4>
|
||||
|
||||
<?php if (can('edit', PRIV_USER_SETTINGS)): ?>
|
||||
<button type="button" id="save-settings" class="btn btn-primary">
|
||||
|
|
@ -17,7 +19,7 @@
|
|||
<?= lang('save') ?>
|
||||
</button>
|
||||
<?php endif ?>
|
||||
</legend>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
|
|
@ -155,12 +157,14 @@
|
|||
'grouped_timezones' => vars('grouped_timezones')
|
||||
]) ?>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" id="notifications" type="checkbox">
|
||||
<label class="form-check-label" for="notifications">
|
||||
|
|
@ -168,7 +172,6 @@
|
|||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<form class="mb-4">
|
||||
<div class="input-group">
|
||||
<input type="text" class="key form-control">
|
||||
|
||||
|
||||
<button class="filter btn btn-outline-secondary" type="submit"
|
||||
data-tippy-content="<?= lang('filter') ?>">
|
||||
<i class="fas fa-search"></i>
|
||||
|
|
@ -16,9 +16,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('admins') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('admins') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results"></div>
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details column col-12 col-md-7">
|
||||
|
|
@ -49,7 +53,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div class="form-message alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -184,7 +190,7 @@
|
|||
<?php endforeach ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="timezone">
|
||||
<?= lang('timezone') ?>
|
||||
|
|
@ -196,11 +202,13 @@
|
|||
]) ?>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="notifications" disabled>
|
||||
<label class="form-check-label" for="notifications">
|
||||
|
|
|
|||
|
|
@ -24,6 +24,10 @@
|
|||
<?php endif ?>
|
||||
</div>
|
||||
|
||||
<h5 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('fields') ?>
|
||||
</h5>
|
||||
|
||||
<div class="row mb-5 fields-row">
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group mb-5">
|
||||
|
|
@ -226,14 +230,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h5 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('options') ?>
|
||||
</h5>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="customer-notifications"
|
||||
|
|
@ -330,7 +333,6 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="disable-booking"
|
||||
|
|
|
|||
|
|
@ -17,8 +17,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('categories') ?></h3>
|
||||
<div class="results"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('categories') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details col-12 col-md-5">
|
||||
|
|
@ -49,7 +54,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div class="form-message alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -72,7 +79,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<?php section('content') ?>
|
||||
|
|
|
|||
|
|
@ -16,8 +16,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('customers') ?></h3>
|
||||
<div class="results"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('customers') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details col-12 col-md-7">
|
||||
|
|
@ -60,7 +65,9 @@
|
|||
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6" style="margin-left: 0;">
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div id="form-message" class="alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -180,8 +187,11 @@
|
|||
</div>
|
||||
|
||||
<div class="col-12 col-md-6">
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('appointments') ?></h3>
|
||||
<div id="customer-appointments" class="card bg-light border-light"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('appointments') ?>
|
||||
</h4>
|
||||
|
||||
<div id="customer-appointments" class="card bg-white border"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,8 +16,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"class="text-black-50 mb-3 fw-light"><?= lang('providers') ?></h3>
|
||||
<div class="results"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('providers') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details column col-12 col-md-7">
|
||||
|
|
@ -70,7 +75,9 @@
|
|||
|
||||
<div class="tab-content">
|
||||
<div class="details-view tab-pane fade show active clearfix" id="details">
|
||||
<h3 class="text-black-50 mb-3 fw-light"class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<input type="hidden" id="id" class="record-id">
|
||||
|
||||
|
|
@ -218,11 +225,13 @@
|
|||
]) ?>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="is-private">
|
||||
<label class="form-check-label" for="is-private">
|
||||
|
|
@ -244,14 +253,24 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h4><?= lang('services') ?></h4>
|
||||
<div id="provider-services" class="card card-body bg-light border-light"></div>
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('services') ?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="provider-services" class="card card-body bg-white border">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="working-plan-view tab-pane fade clearfix" id="working-plan">
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('working_plan') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('working_plan') ?>
|
||||
</h4>
|
||||
|
||||
<button id="reset-working-plan" class="btn btn-primary"
|
||||
data-tippy-content="<?= lang('reset_working_plan') ?>">
|
||||
<i class="fas fa-undo-alt me-2"></i>
|
||||
|
|
@ -269,7 +288,9 @@
|
|||
|
||||
<br>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('breaks') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('breaks') ?>
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
<?= lang('add_breaks_during_each_day') ?>
|
||||
|
|
@ -298,7 +319,9 @@
|
|||
|
||||
<br>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('working_plan_exceptions') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('working_plan_exceptions') ?>
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
<?= lang('add_working_plan_exceptions_during_each_day') ?>
|
||||
|
|
|
|||
|
|
@ -16,9 +16,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('secretaries') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('secretaries') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results"></div>
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details column col-12 col-md-7">
|
||||
|
|
@ -49,7 +53,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div class="form-message alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -195,12 +201,13 @@
|
|||
]) ?>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="notifications" disabled>
|
||||
<label class="form-check-label" for="notifications">
|
||||
|
|
@ -209,8 +216,15 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h4><?= lang('providers') ?></h4>
|
||||
<div id="secretary-providers" class="card card-body bg-light border-light"></div>
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('providers') ?>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="secretary-providers" class="card card-body bg-white border">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,8 +16,12 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('services') ?></h3>
|
||||
<div class="results"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('services') ?>
|
||||
</h4>
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details column col-12 col-md-5">
|
||||
|
|
@ -48,7 +52,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3 class="text-black-50 mb-3 fw-light"><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div class="form-message alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -129,11 +135,11 @@
|
|||
<?php component('color_selection', ['attributes' => 'id="color"']) ?>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
<h5 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('options') ?>
|
||||
</h5>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="is-private">
|
||||
|
||||
|
|
|
|||
|
|
@ -16,8 +16,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<h3><?= lang('webhooks') ?></h3>
|
||||
<div class="results"></div>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('webhooks') ?>
|
||||
</h4>
|
||||
|
||||
<div class="results">
|
||||
<!-- JS -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="record-details column col-12 col-md-5">
|
||||
|
|
@ -48,7 +53,9 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<h3><?= lang('details') ?></h3>
|
||||
<h4 class="text-black-50 mb-3 fw-light">
|
||||
<?= lang('details') ?>
|
||||
</h4>
|
||||
|
||||
<div class="form-message alert" style="display:none;"></div>
|
||||
|
||||
|
|
@ -78,11 +85,13 @@
|
|||
<input id="secret-token" class="form-control" disabled>
|
||||
</div>
|
||||
|
||||
<div class="border raounded mb-3 p-3">
|
||||
<div>
|
||||
<label class="form-label mb-3" for="actions">
|
||||
<?= lang('actions') ?>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div id="actions">
|
||||
<?php foreach (vars('available_actions') as $available_action): ?>
|
||||
<div class="mb-3">
|
||||
|
|
@ -101,11 +110,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div>
|
||||
<label class="form-label mb-3">
|
||||
<?= lang('options') ?>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="border rounded mb-3 p-3">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="is-ssl-verified">
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue