mirror of
https://github.com/alextselegidis/easyappointments.git
synced 2024-11-14 03:52:21 +03:00
Ported the client form settings functionality to a new standalone page
This commit is contained in:
alextselegidis
parent
81044eb9c6
commit
fc48db0ea4
4 changed files with 642 additions and 0 deletions
133
application/controllers/settings/Client_form.php
Normal file
133
application/controllers/settings/Client_form.php
Normal file
|
|
@ -0,0 +1,133 @@
|
||||||
|
<?php defined('BASEPATH') or exit('No direct script access allowed');
|
||||||
|
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Open Source Web Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
|
||||||
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link https://easyappointments.org
|
||||||
|
* @since v1.5.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Client form controller.
|
||||||
|
*
|
||||||
|
* Handles client form settings related operations.
|
||||||
|
*
|
||||||
|
* @package Controllers
|
||||||
|
*/
|
||||||
|
class Client_form extends EA_Controller {
|
||||||
|
/**
|
||||||
|
* @var array
|
||||||
|
*/
|
||||||
|
protected array $permissions;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Calendar constructor.
|
||||||
|
*/
|
||||||
|
public function __construct()
|
||||||
|
{
|
||||||
|
parent::__construct();
|
||||||
|
|
||||||
|
$this->load->model('appointments_model');
|
||||||
|
$this->load->model('customers_model');
|
||||||
|
$this->load->model('services_model');
|
||||||
|
$this->load->model('providers_model');
|
||||||
|
$this->load->model('roles_model');
|
||||||
|
$this->load->model('settings_model');
|
||||||
|
|
||||||
|
$this->load->library('accounts');
|
||||||
|
$this->load->library('google_sync');
|
||||||
|
$this->load->library('notifications');
|
||||||
|
$this->load->library('synchronization');
|
||||||
|
$this->load->library('timezones');
|
||||||
|
|
||||||
|
$role_slug = session('role_slug');
|
||||||
|
|
||||||
|
if ($role_slug)
|
||||||
|
{
|
||||||
|
$this->permissions = $this->roles_model->get_permissions_by_slug($role_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Render the settings page.
|
||||||
|
*/
|
||||||
|
public function index()
|
||||||
|
{
|
||||||
|
session(['dest_url' => site_url('services')]);
|
||||||
|
|
||||||
|
if (cannot('view', 'services'))
|
||||||
|
{
|
||||||
|
show_error('Forbidden', 403);
|
||||||
|
}
|
||||||
|
|
||||||
|
$user_id = session('user_id');
|
||||||
|
|
||||||
|
$role_slug = session('role_slug');
|
||||||
|
|
||||||
|
$this->load->view('pages/settings/client_form/client_form_page', [
|
||||||
|
'page_title' => lang('settings'),
|
||||||
|
'active_menu' => PRIV_SYSTEM_SETTINGS,
|
||||||
|
'user_display_name' => $this->accounts->get_user_display_name($user_id),
|
||||||
|
'timezones' => $this->timezones->to_array(),
|
||||||
|
'privileges' => $this->roles_model->get_permissions_by_slug($role_slug),
|
||||||
|
'system_settings' => $this->settings_model->get(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save general settings.
|
||||||
|
*/
|
||||||
|
public function save()
|
||||||
|
{
|
||||||
|
try
|
||||||
|
{
|
||||||
|
if ($this->permissions[PRIV_SYSTEM_SETTINGS]['edit'] == FALSE)
|
||||||
|
{
|
||||||
|
throw new Exception('You do not have the required permissions for this task.');
|
||||||
|
}
|
||||||
|
|
||||||
|
$settings = json_decode(request('settings', FALSE), TRUE);
|
||||||
|
|
||||||
|
// Check if phone number settings are valid.
|
||||||
|
|
||||||
|
$phone_number_required = setting('phone_number_required');
|
||||||
|
|
||||||
|
$phone_number_shown = FALSE;
|
||||||
|
|
||||||
|
foreach ($settings as $setting)
|
||||||
|
{
|
||||||
|
if ($setting['name'] === 'show_phone_number')
|
||||||
|
{
|
||||||
|
$phone_number_shown = $setting['value'];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($phone_number_required && ! $phone_number_shown)
|
||||||
|
{
|
||||||
|
throw new RuntimeException('You cannot hide the phone number in the booking form while it\'s also required!');
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($settings as $setting)
|
||||||
|
{
|
||||||
|
$existing_setting = $this->settings_model->query()->where('name', $setting['name'])->get()->row_array();
|
||||||
|
|
||||||
|
if ( ! empty($existing_setting))
|
||||||
|
{
|
||||||
|
$setting['id'] = $existing_setting['id'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->settings_model->save($setting);
|
||||||
|
}
|
||||||
|
|
||||||
|
response();
|
||||||
|
}
|
||||||
|
catch (Throwable $e)
|
||||||
|
{
|
||||||
|
json_exception($e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
193
application/views/pages/settings/client_form/client_form_page.php
Executable file
193
application/views/pages/settings/client_form/client_form_page.php
Executable file
|
|
@ -0,0 +1,193 @@
|
||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* @var array $system_settings
|
||||||
|
* @var array $user_settings
|
||||||
|
* @var string $timezones
|
||||||
|
* @var array $privileges
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
|
||||||
|
<?php extend('layouts/backend/backend_layout') ?>
|
||||||
|
|
||||||
|
<?php section('content') ?>
|
||||||
|
|
||||||
|
<script src="<?= asset_url('assets/js/backend_settings_client_form_helper.js') ?>"></script>
|
||||||
|
<script src="<?= asset_url('assets/js/backend_settings_client_form.js') ?>"></script>
|
||||||
|
<script>
|
||||||
|
var GlobalVariables = {
|
||||||
|
csrfToken: <?= json_encode($this->security->get_csrf_hash()) ?>,
|
||||||
|
baseUrl: <?= json_encode(config('base_url')) ?>,
|
||||||
|
dateFormat: <?= json_encode(setting('date_format')) ?>,
|
||||||
|
timeFormat: <?= json_encode(setting('time_format')) ?>,
|
||||||
|
firstWeekday: <?= json_encode(setting('first_weekday')) ?>,
|
||||||
|
timezones: <?= json_encode($timezones) ?>,
|
||||||
|
settings: {
|
||||||
|
system: <?= json_encode($system_settings) ?>,
|
||||||
|
},
|
||||||
|
user: {
|
||||||
|
id: <?= session('user_id') ?>,
|
||||||
|
email: <?= json_encode(session('user_email')) ?>,
|
||||||
|
timezone: <?= json_encode(session('timezone')) ?>,
|
||||||
|
role_slug: <?= json_encode(session('role_slug')) ?>,
|
||||||
|
privileges: <?= json_encode($privileges) ?>
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
BackendSettingsClientForm.initialize(true);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div id="client-form-page" class="container-fluid backend-page">
|
||||||
|
<div id="client-form">
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend class="border-bottom mb-4">
|
||||||
|
<?= lang('client_form') ?>
|
||||||
|
|
||||||
|
<?php if ($privileges[PRIV_SYSTEM_SETTINGS]['edit'] == TRUE): ?>
|
||||||
|
<button type="button" class="save-settings btn btn-primary btn-sm mb-2"
|
||||||
|
data-tippy-content="<?= lang('save') ?>">
|
||||||
|
<i class="fas fa-check-square mr-2"></i>
|
||||||
|
<?= lang('save') ?>
|
||||||
|
</button>
|
||||||
|
<?php endif ?>
|
||||||
|
</legend>
|
||||||
|
|
||||||
|
<div class="wrapper row">
|
||||||
|
<div class="col-12 col-sm-3">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="show-phone-number">
|
||||||
|
<?= lang('phone_number') ?>
|
||||||
|
</label>
|
||||||
|
<button id="show-phone-number" data-field="show_phone_number" type="button"
|
||||||
|
class="hide-toggle form-control form-sub-button">
|
||||||
|
<span class="hide-toggle-visible hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye.svg') ?>" alt="eye"/>
|
||||||
|
<?= lang('visible') ?>
|
||||||
|
</span>
|
||||||
|
<span class="hide-toggle-hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye-hidden.svg') ?>" alt="eye-hidden"/>
|
||||||
|
<?= lang('hidden') ?>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="show-address">
|
||||||
|
<?= lang('address') ?>
|
||||||
|
</label>
|
||||||
|
<button id="show-address" data-field="show_address" type="button"
|
||||||
|
class="hide-toggle form-control form-sub-button">
|
||||||
|
<span class="hide-toggle-visible hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye.svg') ?>" alt="eye"/>
|
||||||
|
<?= lang('visible') ?>
|
||||||
|
</span>
|
||||||
|
<span class="hide-toggle-hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye-hidden.svg') ?>" alt="eye-hidden"/>
|
||||||
|
<?= lang('hidden') ?>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="show-city">
|
||||||
|
<?= lang('city') ?>
|
||||||
|
</label>
|
||||||
|
<button id="show-city" data-field="show_city" type="button"
|
||||||
|
class="hide-toggle form-control form-sub-button">
|
||||||
|
<span class="hide-toggle-visible hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye.svg') ?>" alt="eye"/>
|
||||||
|
<?= lang('visible') ?>
|
||||||
|
</span>
|
||||||
|
<span class="hide-toggle-hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye-hidden.svg') ?>" alt="eye-hidden"/>
|
||||||
|
<?= lang('hidden') ?>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="show-zip-code">
|
||||||
|
<?= lang('zip_code') ?>
|
||||||
|
</label>
|
||||||
|
<button id="show-zip-code" data-field="show_zip_code" type="button"
|
||||||
|
class="hide-toggle form-control form-sub-button">
|
||||||
|
<span class="hide-toggle-visible hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye.svg') ?>" alt="eye"/>
|
||||||
|
<?= lang('visible') ?>
|
||||||
|
</span>
|
||||||
|
<span class="hide-toggle-hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye-hidden.svg') ?>" alt="eye-hidden"/>
|
||||||
|
<?= lang('hidden') ?>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="show-notes">
|
||||||
|
<?= lang('notes') ?>
|
||||||
|
</label>
|
||||||
|
<button id="show-notes" data-field="show_notes" type="button"
|
||||||
|
class="hide-toggle form-control form-sub-button">
|
||||||
|
<span class="hide-toggle-visible hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye.svg') ?>" alt="eye"/>
|
||||||
|
<?= lang('visible') ?>
|
||||||
|
</span>
|
||||||
|
<span class="hide-toggle-hidden">
|
||||||
|
<img src="<?= base_url('assets/img/eye-hidden.svg') ?>" alt="eye-hidden"/>
|
||||||
|
<?= lang('hidden') ?>
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12 col-sm-9">
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="customer-notifications">
|
||||||
|
<label class="custom-control-label" for="customer-notifications">
|
||||||
|
<?= lang('customer_notifications') ?>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<span class="form-text text-muted">
|
||||||
|
<?= lang('customer_notifications_hint') ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="require-captcha">
|
||||||
|
<label class="custom-control-label" for="require-captcha">
|
||||||
|
CAPTCHA
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<span class="form-text text-muted">
|
||||||
|
<?= lang('require_captcha_hint') ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="require-phone-number">
|
||||||
|
<label class="custom-control-label" for="require-phone-number">
|
||||||
|
<?= lang('phone_number') ?>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<span class="form-text text-muted">
|
||||||
|
<?= lang('require_phone_number_hint') ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="display-any-provider">
|
||||||
|
<label class="custom-control-label" for="display-any-provider">
|
||||||
|
<?= lang('any_provider') ?>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<span class="form-text text-muted">
|
||||||
|
<?= lang('display_any_provider_hint') ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php section('content') ?>
|
||||||
154
assets/js/backend_settings_client_form.js
Normal file
154
assets/js/backend_settings_client_form.js
Normal file
|
|
@ -0,0 +1,154 @@
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Open Source Web Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
|
||||||
|
* @license http://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link http://easyappointments.org
|
||||||
|
* @since v1.0.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
window.BackendSettingsClientForm = window.BackendSettingsClientForm || {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Backend Settings
|
||||||
|
*
|
||||||
|
* Contains the functionality of the backend settings page. Can either work for system or user settings,
|
||||||
|
* but the actions allowed to the user are restricted to his role (only admin has full privileges).
|
||||||
|
*
|
||||||
|
* @module BackendSettingsClientForm
|
||||||
|
*/
|
||||||
|
(function (exports) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
// Constants
|
||||||
|
exports.SETTINGS_SYSTEM = 'SETTINGS_SYSTEM';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Tab settings object.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
var settings = {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialize Page
|
||||||
|
*
|
||||||
|
* @param {bool} defaultEventHandlers Optional (true), determines whether to bind the default event handlers.
|
||||||
|
*/
|
||||||
|
exports.initialize = function (defaultEventHandlers) {
|
||||||
|
defaultEventHandlers = defaultEventHandlers || true;
|
||||||
|
|
||||||
|
// Apply setting values from database.
|
||||||
|
GlobalVariables.settings.system.forEach(function (setting) {
|
||||||
|
$('input[data-field="' + setting.name + '"]').val(setting.value);
|
||||||
|
$('select[data-field="' + setting.name + '"]').val(setting.value);
|
||||||
|
|
||||||
|
if (setting.name === 'customer_notifications') {
|
||||||
|
$('#customer-notifications').prop('checked', Boolean(Number(setting.value)));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (setting.name === 'require_captcha') {
|
||||||
|
$('#require-captcha').prop('checked', Boolean(Number(setting.value)));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (setting.name === 'require_phone_number') {
|
||||||
|
$('#require-phone-number').prop('checked', Boolean(Number(setting.value)));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (setting.name === 'display_any_provider') {
|
||||||
|
$('#display-any-provider').prop('checked', Boolean(Number(setting.value)));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (setting.name === 'display_cookie_notice') {
|
||||||
|
$('#display-cookie-notice').prop('checked', Boolean(Number(setting.value)));
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// Set default settings helper.
|
||||||
|
settings = new SystemSettingsClientFormHelper();
|
||||||
|
|
||||||
|
if (defaultEventHandlers) {
|
||||||
|
bindEventHandlers();
|
||||||
|
}
|
||||||
|
|
||||||
|
Backend.placeFooterToBottom();
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bind the backend/settings default event handlers.
|
||||||
|
*
|
||||||
|
* This method depends on the backend/settings html, so do not use this method on a different page.
|
||||||
|
*/
|
||||||
|
function bindEventHandlers() {
|
||||||
|
/**
|
||||||
|
* Event: Save Settings Button "Click"
|
||||||
|
*
|
||||||
|
* Store the setting changes into the database.
|
||||||
|
*/
|
||||||
|
$('.save-settings').on('click', function () {
|
||||||
|
var data = settings.get();
|
||||||
|
settings.save(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Event: Visible/Hidden button "Click"
|
||||||
|
*
|
||||||
|
* Change the state of the Visible/Hidden button
|
||||||
|
*/
|
||||||
|
$('.hide-toggle').on('click', function () {
|
||||||
|
var $input = $(this);
|
||||||
|
$input.find('span').toggleClass('hidden');
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* set a Visible/Hidden toggle button to a certain state
|
||||||
|
*
|
||||||
|
* @argument $element for which jquery element to set the state for
|
||||||
|
* @argument isVisible a boolean which is true if the button should display 'visible' and false when the button should display 'hidden'
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
function setShowToggleValue($element, isVisible) {
|
||||||
|
if (getShowToggleValue($element) !== isVisible) {
|
||||||
|
$element.find('span').toggleClass('hidden');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* get the Visible/Hidden toggle button
|
||||||
|
*
|
||||||
|
* @argument $element for which jquery element to set the state for
|
||||||
|
*
|
||||||
|
* @return the state of the button. True for visible, false for hidden.
|
||||||
|
*/
|
||||||
|
function getShowToggleValue($element) {
|
||||||
|
var visiblePartArray = $element.find('.hide-toggle-visible');
|
||||||
|
return !visiblePartArray.hasClass('hidden');
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Event: require phone number switch "Click"
|
||||||
|
*
|
||||||
|
* make sure that our phone number is visible when it is required.
|
||||||
|
*/
|
||||||
|
$('#show-phone-number').on('click', function () {
|
||||||
|
if (!getShowToggleValue($(this))) {
|
||||||
|
//if button is set to hidden
|
||||||
|
$('#require-phone-number').prop('checked', false);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Event: require phone number switch "Click"
|
||||||
|
*
|
||||||
|
* make sure that our phone number is visible when it is required.
|
||||||
|
*/
|
||||||
|
$('#require-phone-number').on('click', function () {
|
||||||
|
if ($(this).prop('checked')) {
|
||||||
|
setShowToggleValue($('#show-phone-number'), true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})(window.BackendSettingsClientForm);
|
||||||
162
assets/js/backend_settings_client_form_helper.js
Normal file
162
assets/js/backend_settings_client_form_helper.js
Normal file
|
|
@ -0,0 +1,162 @@
|
||||||
|
/* ----------------------------------------------------------------------------
|
||||||
|
* Easy!Appointments - Open Source Web Scheduler
|
||||||
|
*
|
||||||
|
* @package EasyAppointments
|
||||||
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
||||||
|
* @copyright Copyright (c) 2013 - 2020, Alex Tselegidis
|
||||||
|
* @license http://opensource.org/licenses/GPL-3.0 - GPLv3
|
||||||
|
* @link http://easyappointments.org
|
||||||
|
* @since v1.0.0
|
||||||
|
* ---------------------------------------------------------------------------- */
|
||||||
|
|
||||||
|
(function () {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* "System Settings" Tab Helper Class
|
||||||
|
*
|
||||||
|
* @class SystemSettingsClientFormHelper
|
||||||
|
*/
|
||||||
|
var SystemSettingsClientFormHelper = function () {};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save the system settings.
|
||||||
|
*
|
||||||
|
* This method is run after changes are detected on the tab input fields.
|
||||||
|
*
|
||||||
|
* @param {Array} settings Contains the system settings data.
|
||||||
|
*/
|
||||||
|
SystemSettingsClientFormHelper.prototype.save = function (settings) {
|
||||||
|
if (!this.validate()) {
|
||||||
|
return; // Validation failed, do not proceed.
|
||||||
|
}
|
||||||
|
|
||||||
|
var url = GlobalVariables.baseUrl + '/index.php/settings/client_form/save';
|
||||||
|
|
||||||
|
var data = {
|
||||||
|
csrfToken: GlobalVariables.csrfToken,
|
||||||
|
settings: JSON.stringify(settings),
|
||||||
|
type: BackendSettingsClientForm.SETTINGS_SYSTEM
|
||||||
|
};
|
||||||
|
|
||||||
|
$.post(url, data).done(function () {
|
||||||
|
Backend.displayNotification(EALang.settings_saved);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the state of a visible/hidden toggle button
|
||||||
|
*
|
||||||
|
* This method uses the DOM elements of the backend/settings page, so it can't be used in another page.
|
||||||
|
*
|
||||||
|
* @argument the element jquery of a button object that is a visible/hidden toggle.
|
||||||
|
*
|
||||||
|
* @return '0' when the button shows 'invisible' and '1' when the button shows 'visible'. Will always return '0' on an error.
|
||||||
|
*/
|
||||||
|
function getToggleButtonState($element) {
|
||||||
|
var visiblePartArray = $element.find('.hide-toggle-visible');
|
||||||
|
var invisiblePartArray = $element.find('.hide-toggle-hidden');
|
||||||
|
if (!(visiblePartArray.length === 0 || invisiblePartArray.length === 0)) {
|
||||||
|
if (visiblePartArray.hasClass('hidden')) {
|
||||||
|
//our button is currently invisible
|
||||||
|
return '0'; //invisible
|
||||||
|
} else {
|
||||||
|
//our button is currently visible
|
||||||
|
return '1'; //visible
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return '0'; //invisible
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prepare the system settings array.
|
||||||
|
*
|
||||||
|
* This method uses the DOM elements of the backend/settings page, so it can't be used in another page.
|
||||||
|
*
|
||||||
|
* @return {Array} Returns the system settings array.
|
||||||
|
*/
|
||||||
|
SystemSettingsClientFormHelper.prototype.get = function () {
|
||||||
|
var settings = [];
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'customer_notifications',
|
||||||
|
value: $('#customer-notifications').prop('checked') ? '1' : '0'
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'require_captcha',
|
||||||
|
value: $('#require-captcha').prop('checked') ? '1' : '0'
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'require_phone_number',
|
||||||
|
value: $('#require-phone-number').prop('checked') ? '1' : '0'
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'display_any_provider',
|
||||||
|
value: $('#display-any-provider').prop('checked') ? '1' : '0'
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'show_phone_number',
|
||||||
|
value: getToggleButtonState($('#show-phone-number'))
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'show_address',
|
||||||
|
value: getToggleButtonState($('#show-address'))
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'show_city',
|
||||||
|
value: getToggleButtonState($('#show-city'))
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'show_zip_code',
|
||||||
|
value: getToggleButtonState($('#show-zip-code'))
|
||||||
|
});
|
||||||
|
|
||||||
|
settings.push({
|
||||||
|
name: 'show_notes',
|
||||||
|
value: getToggleButtonState($('#show-notes'))
|
||||||
|
});
|
||||||
|
|
||||||
|
return settings;
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validate the settings data.
|
||||||
|
*
|
||||||
|
* If the validation fails then display a message to the user.
|
||||||
|
*
|
||||||
|
* @return {Boolean} Returns the validation result.
|
||||||
|
*/
|
||||||
|
SystemSettingsClientFormHelper.prototype.validate = function () {
|
||||||
|
$('#client-form .has-error').removeClass('has-error');
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Validate required fields.
|
||||||
|
var missingRequired = false;
|
||||||
|
$('#client-form .required').each(function (index, requiredField) {
|
||||||
|
if (!$(requiredField).val()) {
|
||||||
|
$(requiredField).closest('.form-group').addClass('has-error');
|
||||||
|
missingRequired = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
if (missingRequired) {
|
||||||
|
throw new Error(EALang.fields_are_required);
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
} catch (error) {
|
||||||
|
Backend.displayNotification(error.message);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
window.SystemSettingsClientFormHelper = SystemSettingsClientFormHelper;
|
||||||
|
})();
|
||||||
Loading…
Reference in a new issue