You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
cosmopet-architecture/wp-content/themes/cosmopet/static/js/profile.js

96 lines
3.3 KiB

'use strict';
let widthPhoneCabinet = 1200;
toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');
function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
let elements = document.querySelectorAll(mainElement);
elements.forEach(e => {
let thisMainElement = e,
thisButtonElement = e.querySelector(buttonElement),
thisHeightElement = e.querySelector(heightElement),
thisContentElement = e.querySelector(contentElement);
if (thisButtonElement){
thisButtonElement.onclick = function (e) {
let height = thisHeightElement.clientHeight;
if (close == true && !thisMainElement.classList.contains('active')) {
elements.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
e.querySelector(contentElement).style.height = null
}
})
}
if (!thisMainElement.classList.contains('active')) {
thisContentElement.style.height = `${height}px`;
thisMainElement.classList.add('active');
}else{
thisContentElement.style.height = null;
thisMainElement.classList.remove('active');
}
}
}
});
}
jQuery('.cabinet-card__button').on('click', function(){
var id = jQuery(this).data('edit')
jQuery(`#pet_edit_` + id).addClass('active')
})
jQuery('.form-sub__btn').on('click', function(){
jQuery(`#subForm`).addClass('active')
})
jQuery('.user-edit-open').on('click', function(){
jQuery(`#user_edit`).addClass('active')
})
jQuery('.cabinet-card__block-add-pets').on('click', function(){
jQuery(`#pet_add_form`).addClass('active')
})
jQuery(document).ready(function ($) {
$('.subscription-address-form').on('submit', function (e) {
e.preventDefault();
var $form = $(this);
var $message = $form.find('.form-message');
var subscriptionId = $form.data('subscription-id');
var address = $form.find('input[name="address"]').val();
var comment = $form.find('textarea[name="comment"]').val();
var nonce = $form.find('input[name="address_nonce"]').val();
$message.hide().removeClass('success error').empty();
$.ajax({
url: '/wp-admin/admin-ajax.php', // Defined in wp_localize_script
type: 'POST',
data: {
action: 'update_subscription_address',
subscription_id: subscriptionId,
address: address,
comment: comment,
address_nonce: nonce
},
success: function (response) {
if (response.success) {
$message.addClass('success').text(response.data.message).show();
} else {
$message.addClass('error').text(response.data.message).show();
}
},
error: function () {
}
});
});
});