85 lines
2.5 KiB
JavaScript
85 lines
2.5 KiB
JavaScript
"use strict";
|
|
|
|
// Class definition
|
|
var KTModalCustomerSelect = function() {
|
|
// Private variables
|
|
var element;
|
|
var suggestionsElement;
|
|
var resultsElement;
|
|
var wrapperElement;
|
|
var emptyElement;
|
|
var searchObject;
|
|
|
|
var modal;
|
|
|
|
// Private functions
|
|
var processs = function(search) {
|
|
var timeout = setTimeout(function() {
|
|
var number = KTUtil.getRandomInt(1, 6);
|
|
|
|
// Hide recently viewed
|
|
suggestionsElement.classList.add('d-none');
|
|
|
|
if (number === 3) {
|
|
// Hide results
|
|
resultsElement.classList.add('d-none');
|
|
// Show empty message
|
|
emptyElement.classList.remove('d-none');
|
|
} else {
|
|
// Show results
|
|
resultsElement.classList.remove('d-none');
|
|
// Hide empty message
|
|
emptyElement.classList.add('d-none');
|
|
}
|
|
|
|
// Complete search
|
|
search.complete();
|
|
}, 1500);
|
|
}
|
|
|
|
var clear = function(search) {
|
|
// Show recently viewed
|
|
suggestionsElement.classList.remove('d-none');
|
|
// Hide results
|
|
resultsElement.classList.add('d-none');
|
|
// Hide empty message
|
|
emptyElement.classList.add('d-none');
|
|
}
|
|
|
|
// Public methods
|
|
return {
|
|
init: function() {
|
|
// Elements
|
|
element = document.querySelector('#kt_modal_customer_search_handler');
|
|
modal = new bootstrap.Modal(document.querySelector('#kt_modal_customer_search'));
|
|
|
|
if (!element) {
|
|
return;
|
|
}
|
|
|
|
wrapperElement = element.querySelector('[data-kt-search-element="wrapper"]');
|
|
suggestionsElement = element.querySelector('[data-kt-search-element="suggestions"]');
|
|
resultsElement = element.querySelector('[data-kt-search-element="results"]');
|
|
emptyElement = element.querySelector('[data-kt-search-element="empty"]');
|
|
|
|
// Initialize search handler
|
|
searchObject = new KTSearch(element);
|
|
|
|
// Search handler
|
|
searchObject.on('kt.search.process', processs);
|
|
|
|
// Clear handler
|
|
searchObject.on('kt.search.clear', clear);
|
|
|
|
// Handle select
|
|
KTUtil.on(element, '[data-kt-search-element="customer"]', 'click', function() {
|
|
modal.hide();
|
|
});
|
|
}
|
|
};
|
|
}();
|
|
|
|
// On document ready
|
|
KTUtil.onDOMContentLoaded(function () {
|
|
KTModalCustomerSelect.init();
|
|
}); |