From e8577bb6a070e5a88755287880e0043b98ad74e6 Mon Sep 17 00:00:00 2001 From: "alextselegidis@gmail.com" Date: Wed, 17 Jul 2013 21:10:42 +0000 Subject: [PATCH] * Completed backend services (service tab) functionality. --- src/application/views/backend/services.php | 11 +- src/assets/css/backend.css | 7 + src/assets/js/backend_services.js | 220 ++++++++++++++++++++- 3 files changed, 225 insertions(+), 13 deletions(-) diff --git a/src/application/views/backend/services.php b/src/application/views/backend/services.php index 4ddd3b9a..64c83e1d 100644 --- a/src/application/views/backend/services.php +++ b/src/application/views/backend/services.php @@ -63,10 +63,10 @@ - - + + - + @@ -77,6 +77,9 @@ + +

+ Fields with * are required! @@ -85,7 +88,7 @@
- +

Categories

diff --git a/src/assets/css/backend.css b/src/assets/css/backend.css index cfe4f66a..9495fe63 100644 --- a/src/assets/css/backend.css +++ b/src/assets/css/backend.css @@ -84,6 +84,13 @@ root { #services-page .service-row { padding: 10px 7px; border-radius: 3px; } #services-page .service-row:hover { cursor: pointer; background-color: #C6E7D5; } #services-page .selected-row { background-color: #EFFDF7; } +#services-page .details .ui-spinner { border: none; margin-bottom: 10px; } +#services-page #service-duration { margin: 0px; } +#services-page .details .ui-spinner a { cursor: pointer; } + +#services-page .details input, +#services-page .details select, +#services-page .details textarea { background-color: white; cursor: pointer; } /* BACKEND PROVIDERS PAGE -------------------------------------------------------------------- */ diff --git a/src/assets/js/backend_services.js b/src/assets/js/backend_services.js index 318f9e59..6bb1ae0a 100644 --- a/src/assets/js/backend_services.js +++ b/src/assets/js/backend_services.js @@ -22,7 +22,7 @@ var BackendServices = { // Fill available service categories listbox. $.each(GlobalVariables.categories, function(index, category) { - var option = new Option(category.name, category.value); + var option = new Option(category.name, category.id); $('#service-category').append(option); }); $('#service-category').append(new Option('- No Category -', null)).val('null'); @@ -34,7 +34,7 @@ var BackendServices = { $('#service-duration').spinner({ 'min': 0, - 'numberFormat': 'n Minutes' + 'disabled': true //default }); @@ -70,7 +70,7 @@ var BackendServices = { /** * Event: Filter Services Button "Click" */ - $(' .filter-services').click(function() { + $('.filter-services').click(function() { var key = $('#services .filter-key').val(); $('.selected-row').removeClass('selected-row'); BackendServices.helper.resetForm(); @@ -96,6 +96,88 @@ var BackendServices = { $('.selected-row').removeClass('selected-row'); $(this).addClass('selected-row'); + $('#edit-service, #delete-service').prop('disabled', false); + }); + + /** + * Event: Add New Service Button "Click" + */ + $('#add-service').click(function() { + BackendServices.helper.resetForm(); + $('#services .add-edit-delete-group').hide(); + $('#services .save-cancel-group').show(); + $('#services .details').find('input, textarea').prop('readonly', false); + $('#services .details').find('select').prop('disabled', false); + $('#service-duration').spinner('enable'); + }); + + /** + * Event: Cancel Service Button "Click" + * + * Cancel add or edit of a service record. + */ + $('#cancel-service').click(function() { + BackendServices.helper.resetForm(); + }); + + /** + * Event: Save Service Button "Click" + */ + $('#save-service').click(function() { + var service = { + 'name': $('#service-name').val(), + 'duration': $('#service-duration').val(), + 'price': $('#service-price').val(), + 'currency': $('#service-currency').val(), + 'description': $('#service-description').val() + }; + + if ($('#service-category').val() !== 'null') { + service.id_service_categories = $('#service-category').val(); + } else { + service.id_service_categories = null; + } + + if ($('#service-id').val() !== '') { + service.id = $('#service-id').val(); + } + + if (!BackendServices.helper.validate(service)) return; + + BackendServices.helper.save(service); + }); + + /** + * Event: Edit Service Button "Click" + */ + $('#edit-service').click(function() { + $('#services .add-edit-delete-group').hide(); + $('#services .save-cancel-group').show(); + $('.filter-services').prop('disabled', true); + + $('#services .details').find('input, textarea').prop('readonly', false); + $('#services .details select').prop('disabled', false); + $('#service-duration').spinner('enable'); + }); + + /** + * Event: Delete Service Button "Click" + */ + $('#delete-service').click(function() { + var serviceId = $('#service-id').val(); + + var messageBtns = { + 'Delete': function() { + BackendServices.helper.delete(serviceId); + $('#message_box').dialog('close'); + }, + 'Cancel': function() { + $('#message_box').dialog('close'); + } + }; + + GeneralFunctions.displayMessageBox('Delete Service', 'Are you sure that you want ' + + 'to delete this record? This action cannot be undone.', messageBtns); }); } }; @@ -122,9 +204,10 @@ ServicesHelper.prototype.save = function(service) { console.log('Save Service Response:', response); if (!Backend.handleAjaxExceptions(response)) return; - $('#services .add-edit-delete-group').show(); - $('#services .save-cancel-group').hide(); - }); + Backend.displayNotification('Service saved successfully!'); + BackendServices.helper.resetForm(); + BackendServices.helper.filter($('#services .filter-key').val()); + }, 'json'); }; /** @@ -133,7 +216,21 @@ ServicesHelper.prototype.save = function(service) { * @param {int} id Record id to be deleted. */ ServicesHelper.prototype.delete = function(id) { + var postUrl = GlobalVariables.baseUrl + 'backend_api/ajax_delete_service'; + var postData = { 'service_id': id }; + $.post(postUrl, postData, function(response) { + //////////////////////////////////////////////////// + console.log('Delete service response:', response); + //////////////////////////////////////////////////// + + if (!Backend.handleAjaxExceptions(response)) return; + + Backend.displayNotification('Services deleted successfully!'); + + BackendServices.helper.resetForm(); + BackendServices.helper.filter($('.filter-services').val()); + }); }; /** @@ -143,7 +240,25 @@ ServicesHelper.prototype.delete = function(id) { * @returns {bool} Returns the validation result. */ ServicesHelper.prototype.validate = function(service) { + $('#services .required').css('border', ''); + try { + // validate required fields. + var missingRequired = false; + $('#services .required').each(function() { + if ($(this).val() == '' || $(this).val() == undefined) { + $(this).css('border', '2px solid red'); + missingRequired = true; + } + }); + if (missingRequired) { + throw 'Fields with * are required.'; + } + + return true; + } catch(exc) { + return false; + } }; /** @@ -157,6 +272,7 @@ ServicesHelper.prototype.resetForm = function() { $('#edit-service, #delete-service').prop('disabled', true); $('#services .details').find('input, textarea').prop('readonly', true); $('#service-category').prop('disabled', true); + $('.filter-services').prop('disabled', false); }; /** @@ -167,11 +283,13 @@ ServicesHelper.prototype.resetForm = function() { ServicesHelper.prototype.display = function(service) { $('#service-id').val(service.id); $('#service-name').val(service.name); - $('#service-duration').val(service.duration + ' min'); + $('#service-duration').val(service.duration); $('#service-price').val(service.price); $('#service-currency').val(service.currency); $('#service-description').val(service.description); - $('#service-category').val(service.id_service_categories); + + var categoryId = (service.id_service_categories != null) ? service.id_service_categories : 'null'; + $('#service-category').val(categoryId); }; /** @@ -225,4 +343,88 @@ ServicesHelper.prototype.getFilterHtml = function(service) { */ var CategoriesHelper = function() { this.filterResults = {}; -}; \ No newline at end of file +}; + +/** + * Filter service categories records. + * + * @param {string} key This key string is used to filter the category records. + */ +CategoriesHelper.prototype.filter = function(key) { + var postUrl = GlobalVariables.baseUrl + 'backend_api/ajax_filter_categories'; + var postData = { 'key': key }; + + $.post(postUrl, postData, function(response) { + /////////////////////////////////////////////////////// + console.log('Filter Categories Response:', response); + /////////////////////////////////////////////////////// + + if (!Backend.handleAjaxExceptions(response)) return; + + $('#categories .filter-results').html(''); + $.each(response, function(index, category) { + var html = BackendServices.helper.getFilterHtml(category); + $('#categories .filter-results').append(html); + }); + + }, 'json'); +}; + +/** + * Save a category record to the database (via ajax post). + * + * @param {object} category Contains the category data. + */ +CategoriesHelper.prototype.save = function(category) { + +}; + +/** + * Delete category record. + * + * @param {int} id Record id to be deleted. + */ +CategoriesHelper.prototype.delete = function(id) { + +}; + +/** + * Display a category record on the form. + * + * @param {object} category Contains the category data. + */ +CategoriesHelper.prototype.display = function(category) { + +}; + +/** + * Validate category data before save (insert or update). + * + * @param {object} category Contains the category data. + */ +CategoriesHelper.prototype.validate = function(category) { + +}; + +/** + * Bring the category form back to its initial state. + */ +CategoriesHelper.prototype.resetForm = function() { + +}; + +/** + * Get the filter results row html code. + * + * @param {object} category Contains the category data. + * @return {string} Returns the record html code. + */ +CategoriesHelper.prototype.getFilterHtml = function(category) { + var html = + '
' + + '' + category.name + '' + + '
'; + + return html; +}; +