/* ---------------------------------------------------------------------------- * Easy!Appointments - Open Source Web Scheduler * * @package EasyAppointments * @author A.Tselegidis * @copyright Copyright (c) 2013 - 2016, Alex Tselegidis * @license http://opensource.org/licenses/GPL-3.0 - GPLv3 * @link http://easyappointments.org * @since v1.0.0 * ---------------------------------------------------------------------------- */ /** * This class contains the methods that are used in the backend customers page. * * @class CustomersHelper */ (function() { 'use strict'; function CustomersHelper() { this.filterResults = {}; }; /** * Binds the default event handlers of the backend customers page. */ CustomersHelper.prototype.bindEventHandlers = function() { var instance = this; /** * Event: Filter Customers Form "Submit" */ $('#filter-customers form').submit(function(event) { var key = $('#filter-customers .key').val(); $('#filter-customers .selected-row').removeClass('selected-row'); instance.resetForm(); instance.filter(key); return false; }); /** * Event: Filter Customers Clear Button "Click" */ $('#filter-customers .clear').click(function() { $('#filter-customers .key').val(''); instance.filter(''); instance.resetForm(); }); /** * Event: Customer Row "Click" * * Display the customer data of the selected row. */ $(document).on('click', '.customer-row', function() { if ($('#filter-customers .filter').prop('disabled')) { return; // Do nothing when user edits a customer record. } var customerId = $(this).attr('data-id'), customer = {}; $.each(instance.filterResults, function(index, item) { if (item.id == customerId) { customer = item; return false; } }); instance.display(customer); $('#filter-customers .selected-row').removeClass('selected-row'); $(this).addClass('selected-row'); $('#edit-customer, #delete-customer').prop('disabled', false); }); /** * Event: Appointment Row "Click" * * Display appointment data of the selected row. */ $(document).on('click', '.appointment-row', function() { $('#customer-appointments .selected-row').removeClass('selected-row'); $(this).addClass('selected-row'); var customerId = $('#filter-customers .selected-row').attr('data-id'), appointmentId = $(this).attr('data-id'), appointment = {}; $.each(instance.filterResults, function(index, c) { if (c.id === customerId) { $.each(c.appointments, function(index, a) { if (a.id == appointmentId) { appointment = a; return false; } }); return false; } }); instance.displayAppointment(appointment); }); /** * Event: Add Customer Button "Click" */ $('#add-customer').click(function() { instance.resetForm(); $('#add-edit-delete-group').hide(); $('#save-cancel-group').show(); $('.details').find('input, textarea').prop('readonly', false); $('#filter-customers button').prop('disabled', true); $('#filter-customers .results').css('color', '#AAA'); }); /** * Event: Edit Customer Button "Click" */ $('#edit-customer').click(function() { $('.details').find('input, textarea').prop('readonly', false); $('#add-edit-delete-group').hide(); $('#save-cancel-group').show(); $('#filter-customers button').prop('disabled', true); $('#filter-customers .results').css('color', '#AAA'); }); /** * Event: Cancel Customer Add/Edit Operation Button "Click" */ $('#cancel-customer').click(function() { var id = $('#customer-id').val(); instance.resetForm(); if (id != '') { instance.select(id, true); } }); /** * Event: Save Add/Edit Customer Operation "Click" */ $('#save-customer').click(function() { var customer = { 'first_name': $('#first-name').val(), 'last_name': $('#last-name').val(), 'email': $('#email').val(), 'phone_number': $('#phone-number').val(), 'address': $('#address').val(), 'city': $('#city').val(), 'zip_code': $('#zip-code').val(), 'notes': $('#notes').val() }; if ($('#customer-id').val() != '') { customer.id = $('#customer-id').val(); } if (!instance.validate(customer)) return; instance.save(customer); }); /** * Event: Delete Customer Button "Click" */ $('#delete-customer').click(function() { var customerId = $('#customer-id').val(), messageBtns = {}; messageBtns[EALang['delete']] = function() { instance.delete(customerId); $('#message_box').dialog('close'); }; messageBtns[EALang['cancel']] = function() { $('#message_box').dialog('close'); }; GeneralFunctions.displayMessageBox(EALang['delete_customer'], EALang['delete_record_prompt'], messageBtns); }); }; /** * Save a customer record to the database (via ajax post). * * @param {object} customer Contains the customer data. */ CustomersHelper.prototype.save = function(customer) { var postUrl = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_save_customer', postData = { 'csrfToken': GlobalVariables.csrfToken, 'customer': JSON.stringify(customer) }; $.post(postUrl, postData, function(response) { if (!GeneralFunctions.handleAjaxExceptions(response)) return; Backend.displayNotification(EALang['customer_saved']); this.resetForm(); $('#filter-customers .key').val(''); this.filter('', response.id, true); }.bind(this), 'json').fail(GeneralFunctions.ajaxFailureHandler); }; /** * Delete a customer record from database. * * @param {numeric} id Record id to be deleted. */ CustomersHelper.prototype.delete = function(id) { var postUrl = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_delete_customer', postData = { 'csrfToken': GlobalVariables.csrfToken, 'customer_id': id }; $.post(postUrl, postData, function(response) { if (!GeneralFunctions.handleAjaxExceptions(response)) return; Backend.displayNotification(EALang['customer_deleted']); this.resetForm(); this.filter($('#filter-customers .key').val()); }.bind(this), 'json').fail(GeneralFunctions.ajaxFailureHandler); }; /** * Validate customer data before save (insert or update). * * @param {object} customer Contains the customer data. */ CustomersHelper.prototype.validate = function(customer) { $('#form-message').hide(); $('.required').css('border', ''); try { // Validate required fields. var missingRequired = false; $('.required').each(function() { if ($(this).val() == '') { $(this).css('border', '2px solid red'); missingRequired = true; } }); if (missingRequired) { throw EALang['fields_are_required']; } // Validate email address. if (!GeneralFunctions.validateEmail($('#email').val())) { $('#email').css('border', '2px solid red'); throw EALang['invalid_email']; } return true; } catch(exc) { $('#form-message').text(exc).show(); return false; } }; /** * Bring the customer form back to its initial state. */ CustomersHelper.prototype.resetForm = function() { $('.details').find('input, textarea').val(''); $('.details').find('input, textarea').prop('readonly', true); $('#customer-appointments').html(''); $('#appointment-details').html(''); $('#edit-customer, #delete-customer').prop('disabled', true); $('#add-edit-delete-group').show(); $('#save-cancel-group').hide(); $('.details .required').css('border', ''); $('.details #form-message').hide(); $('#filter-customers button').prop('disabled', false); $('#filter-customers .selected-row').removeClass('selected-row'); $('#filter-customers .results').css('color', ''); }; /** * Display a customer record into the form. * * @param {object} customer Contains the customer record data. */ CustomersHelper.prototype.display = function(customer) { $('#customer-id').val(customer.id); $('#first-name').val(customer.first_name); $('#last-name').val(customer.last_name); $('#email').val(customer.email); $('#phone-number').val(customer.phone_number); $('#address').val(customer.address); $('#city').val(customer.city); $('#zip-code').val(customer.zip_code); $('#notes').val(customer.notes); $('#customer-appointments').data('jsp').destroy(); $('#customer-appointments').empty(); $.each(customer.appointments, function(index, appointment) { var start = GeneralFunctions.formatDate(Date.parse(appointment.start_datetime), GlobalVariables.dateFormat, true), end = GeneralFunctions.formatDate(Date.parse(appointment.end_datetime), GlobalVariables.dateFormat, true); var html = '
' + start + ' - ' + end + '
' + appointment.service.name + ', ' + appointment.provider.first_name + ' ' + appointment.provider.last_name + '
'; $('#customer-appointments').append(html); }); $('#customer-appointments').jScrollPane({ mouseWheelSpeed: 70 }); $('#appointment-details').empty(); }; /** * Filter customer records. * * @param {string} key This key string is used to filter the customer records. * @param {numeric} selectId (OPTIONAL = undefined) If set then after the filter * operation the record with the given id will be selected (but not displayed). * @param {bool} display (OPTIONAL = false) If true then the selected record will * be displayed on the form. */ CustomersHelper.prototype.filter = function(key, selectId, display) { display = display || false; var postUrl = GlobalVariables.baseUrl + '/index.php/backend_api/ajax_filter_customers', postData = { 'csrfToken': GlobalVariables.csrfToken, 'key': key }; $.post(postUrl, postData, function(response) { if (!GeneralFunctions.handleAjaxExceptions(response)) return; this.filterResults = response; $('#filter-customers .results').data('jsp').destroy(); $('#filter-customers .results').html(''); $.each(response, function(index, customer) { var html = this.getFilterHtml(customer); $('#filter-customers .results').append(html); }.bind(this)); $('#filter-customers .results').jScrollPane({ mouseWheelSpeed: 70 }); if (response.length == 0) { $('#filter-customers .results').html('' + EALang['no_records_found'] + ''); } if (selectId != undefined) { this.select(selectId, display); } }.bind(this), 'json').fail(GeneralFunctions.ajaxFailureHandler); }; /** * Get the filter results row html code. * * @param {object} customer Contains the customer data. * @return {string} Returns the record html code. */ CustomersHelper.prototype.getFilterHtml = function(customer) { var name = customer.first_name + ' ' + customer.last_name; var info = customer.email; info = (customer.phone_number != '' && customer.phone_number != null) ? info + ', ' + customer.phone_number : info; var html = '
' + '' + name + '
' + info + '

'; return html; }; /** * Select a specific record from the current filter results. If the customer id does not exist * in the list then no record will be selected. * * @param {numeric} id The record id to be selected from the filter results. * @param {bool} display (OPTIONAL = false) If true then the method will display the record * on the form. */ CustomersHelper.prototype.select = function(id, display) { display = display || false $('#filter-customers .selected-row').removeClass('selected-row'); $('#filter-customers .customer-row').each(function() { if ($(this).attr('data-id') == id) { $(this).addClass('selected-row'); return false; } }); if (display) { $.each(this.filterResults, function(index, customer) { if (customer.id == id) { this.display(customer); $('#edit-customer, #delete-customer').prop('disabled', false); return false; } }.bind(this)); } }; /** * Display appointment details on customers backend page. * * @param {object} appointment Appointment data */ CustomersHelper.prototype.displayAppointment = function(appointment) { var start = GeneralFunctions.formatDate(Date.parse(appointment.start_datetime), GlobalVariables.dateFormat, true), end = GeneralFunctions.formatDate(Date.parse(appointment.end_datetime), GlobalVariables.dateFormat, true); var html = '
' + '' + appointment.service.name + '
' + appointment.provider.first_name + ' ' + appointment.provider.last_name + '
' + start + ' - ' + end + '
' + '
'; $('#appointment-details').html(html); }; window.CustomersHelper = CustomersHelper; })();