maket/MaketRandevu
1
1
Fork 0
Code Issues 15 Pull requests Projects Releases 4 Packages Wiki Activity

Optimize column display in the booking page.

Browse source
This commit is contained in:
Alex Tselegidis 2022-01-24 21:15:33 +01:00
parent fea38205da
commit 9271c21fba
2 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
application/views/components/booking_info_step.php
View file

@ -27,7 +27,7 @@
<h2 class="frame-title"><?= lang('customer_information') ?></h2> <h2 class="frame-title"><?= lang('customer_information') ?></h2>
<div class="row frame-content"> <div class="row frame-content">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6 field-col m-auto">
<?php if ($display_first_name): ?> <?php if ($display_first_name): ?>
<div class="mb-3"> <div class="mb-3">
<label for="first-name" class="form-label"> <label for="first-name" class="form-label">
@ -81,7 +81,7 @@
<?php endif ?> <?php endif ?>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6 field-col m-auto">
<?php if ($display_address) : ?> <?php if ($display_address) : ?>
<div class="mb-3"> <div class="mb-3">
<label for="address" class="form-label"> <label for="address" class="form-label">

17
assets/js/pages/booking.js
View file

@ -169,6 +169,8 @@ App.Pages.Booking = (function () {
// Bind the event handlers (might not be necessary every time we use this class). // Bind the event handlers (might not be necessary every time we use this class).
addEventListeners(); addEventListeners();
optimizeContactInfoDisplay();
// If the manage mode is true, the appointments data should be loaded by default. // If the manage mode is true, the appointments data should be loaded by default.
if (manageMode) { if (manageMode) {
applyAppointmentData(vars('appointment_data'), vars('provider_data'), vars('customer_data')); applyAppointmentData(vars('appointment_data'), vars('provider_data'), vars('customer_data'));
@ -218,6 +220,21 @@ App.Pages.Booking = (function () {
} }
} }
/**
* Remove empty columns and center elements if needed.
*/
function optimizeContactInfoDisplay() {
const $fieldCols = $(document).find('#wizard-frame-3 .field-col');
$fieldCols.each((index, fieldColEl) => {
const $fieldCol = $(fieldColEl);
if (!$fieldCol.find('.form-control').length) {
$fieldCol.hide();
}
});
}
/** /**
* Add the page event listeners. * Add the page event listeners.
*/ */