File: /var/www/vhosts/greenclinic.kz/newsite/wp-content/plugins/ajax-directions/directions-app.js
(function($){
var searchDirection = '';
let input = $('#searchInput');
let ninput = $('#nsearchInput');
let dinput = $('#dscarousel_search');
const searchResults = document.getElementById("search__results");
const searchResultsPaid = document.getElementById("search__results_paid");
const searchResultsOsms = document.getElementById("search__results_osms");
const dsearchResults = document.getElementById("dscarousel_search_result");
const dirsearchResults = document.getElementById("directions_search_result");
const osmsFilter = document.getElementById("osmsFilter");
const paidFilter = document.getElementById("paidFilter");
$(input).keydown(function(){
searchDirection = $(this).val();
});
$(input).keyup(function(){
if ($(this).val() != searchDirection) {
searchDirection = $(this).val();
}
if(searchDirection.length >= 1){
let data = {
action: 'direction',
name: searchDirection
}
console.log(data);
setTimeout(function() {
$.post( plugin.ajaxurl, data, function( response ){
searchResults.innerHTML = "";
searchResultsPaid.innerHTML = "";
searchResultsOsms.innerHTML = "";
let jsonArr = JSON.parse( response );
console.log( jsonArr );
let count = 0;
$.each(jsonArr, function(index, value) {
$.each(value, function(index, value) {
console.log(count);
if(value.type == 'paid'){
if( value.pricename.length !== 0){
let searchResultsService = `
<div class="search__results-direction-title"><h3>${value.pricename}</h3></div>
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
<p class="search__service-type">Поликлиника платная</p>
</div>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResults.innerHTML += searchResultsService;
}else{
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
<p class="search__service-type">Поликлиника платная</p>
</div>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResults.innerHTML += searchResultsService;
}
}else{
if( value.pricename.length !== 0){
let searchResultsService = `
<div class="search__results-direction-title"><h3>${value.pricename}</h3></div>
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
<p class="search__service-type">Поликлиника ОСМС</p>
</div>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResults.innerHTML += searchResultsService;
}else{
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
<p class="search__service-type">Поликлиника ОСМС</p>
</div>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResults.innerHTML += searchResultsService;
}
}
if(value.type == 'paid'){
if( value.pricename.length !== 0){
let searchResultsService = `
<div class="search__results-direction-title"><h3>${value.pricename}</h3></div>
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResultsPaid.innerHTML += searchResultsService;
}else{
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResultsPaid.innerHTML += searchResultsService;
}
}else{
if( value.pricename.length !== 0){
let searchResultsService = `
<div class="search__results-direction-title"><h3>${value.pricename}</h3></div>
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResultsOsms.innerHTML += searchResultsService;
}else{
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-id">${value.nomer}</p>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
searchResultsOsms.innerHTML += searchResultsService;
}
}
if( searchDirection.length >= 1){
$('#search__results-container').addClass('visible');
}else{
$('#search__results-container').removeClass('visible');
}
count = count + 1;
});
});
});
}, 50);
}
});
$(dinput).keydown(function(){
searchDirection = $(this).val();
});
$(dinput).keyup(function(){
if ($(this).val() != searchDirection) {
searchDirection = $(this).val();
}
if(searchDirection.length >= 1){
let data = {
action: 'direction',
name: searchDirection
}
console.log(data);
setTimeout(function() {
$.post( plugin.ajaxurl, data, function( response ){
dsearchResults.innerHTML = "";
let jsonArr = JSON.parse( response );
console.log( jsonArr );
let count = 0;
$.each(jsonArr, function(index, value) {
$.each(value, function(index, value) {
console.log(count);
if( value.pricename.length !== 0){
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
dsearchResults.innerHTML += searchResultsService;
}else{
let searchResultsService = `
<div class="search__results-service">
<div class="search__service">
<div id="pageidid" style="display:none;">${value.id}</div>
<p class="search__service-name">${value.name}</p>
</div>
<p class="search__service-count">${value.count}</p>
<h3 class="search__results-price">${value.price} тг.</h3>
</div>
`;
dsearchResults.innerHTML += searchResultsService;
}
if( searchDirection.length >= 0){
$('#dscarousel_search_result').addClass('visible');
}else{
$('#dscarousel_search_result').removeClass('visible');
}
count = count + 1;
});
});
});
}, 50);
}
});
})(jQuery);