");
function writeMarkup() {
const markup = ` `;
document.write(markup);
}
function init(project_id) {
writeMarkup();
// ограничиваем длину ввода кода до 4 символов
$('body').on('input', 'input[type="number"][maxlength]', function(){
if (this.value.length > this.maxLength){
this.value = this.value.slice(0, this.maxLength);
}
});
let available_forms = [];
let selectedProjectGate = "";
let availableProjectGates = "";
let isDisabledSubmit = "";
let activeForm = null;
// получаем способы верификации
$.ajax({
url: "https://mods.tistols.com/api/get_available_gates/"+project_id,
method: "get",
success: function (data) {
let availableGatesSelect = $('select[name="tistols-verification-methods"]');
availableProjectGates = data;
if (Object.keys(availableProjectGates).length <= 1) {
$('select[name="tistols-verification-methods"]').attr('style', 'display: none !important');
$('select[name="tistols-verification-methods"]').remove();
const gates = ['sms', 'code_call', 'telegram', 'whatsapp'];
for (let gate of gates) {
if (availableProjectGates.hasOwnProperty(gate)) {
selectedProjectGate = gate;
break;
}
}
} else {
const gates = ['sms', 'code_call', 'telegram', 'whatsapp'];
$('select[name="tistols-verification-methods"]').remove();
gates.forEach(gate => {
if (availableProjectGates.hasOwnProperty(gate)) {
availableGatesSelect.append(``);
}
});
availableGatesSelect.change((e) => {
selectedProjectGate = e.target.value;
});
/*if ($('input[type="tel"]').parent().hasClass("t-input-phonemask__wrap")) {
$('input[type="tel"]').parent().before(availableGatesSelect);
} else {
$('input[type="tel"]').before(availableGatesSelect);
}*/
$(document).ready(function() {
if (available_forms.length == 0) {
$('input[type="tel"]').each(function () {
var p_input = $(this);
// Клонируем availableGatesSelect для каждого инпута
var availableGatesSelectClone = availableGatesSelect.clone();
var input_height, input_mwidth, input_border_color, input_border_radius, input_border,
input_border_bottom, input_bgcolor;
if (p_input.parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = p_input.parent().css('border-color');
input_border = p_input.parent().css('border');
input_mwidth = p_input.parent().css('width');
input_bgcolor = p_input.parent().css('background-color');
input_border_bottom = p_input.parent().css('border-bottom');
input_height = p_input.css('height');
input_border_radius = p_input.parent().css('border-radius');
} else {
input_height = p_input.css('height');
input_mwidth = p_input.css('width');
input_border_color = p_input.css('border-color');
input_border = p_input.css('border');
input_bgcolor = p_input.css('background-color');
input_border_bottom = p_input.css('border-bottom');
input_border_radius = p_input.css('border-radius');
}
let input_font_size = p_input.css('font-size');
let input_font = p_input.css('font-family');
availableGatesSelectClone.attr('style', 'position:absolute;z-index:999;font-family:' + input_font + ';background-color: ' + input_bgcolor + ';border-radius:' + input_border_radius + ';border-color:' + input_border_color + ';font-size:' + input_font_size + ';border: ' + input_border + ';border-bottom: ' + input_border_bottom + " !important");
p_input.parent().css('position', 'relative');
if (p_input.parent().hasClass("t-input-phonemask__wrap")) {
p_input.parent().before(availableGatesSelectClone);
} else {
p_input.before(availableGatesSelectClone);
}
p_input.css('opacity', 0);
});
} else {
available_forms.forEach((item, index) => {
$('#' + item + ' input[type="tel"]').each(function () {
var p_input = $(this);
// Клонируем availableGatesSelect для каждого инпута
var availableGatesSelectClone = availableGatesSelect.clone();
var input_height, input_mwidth, input_border_color, input_border_radius, input_border,
input_border_bottom, input_bgcolor;
if (p_input.parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = p_input.parent().css('border-color');
input_border = p_input.parent().css('border');
input_mwidth = p_input.parent().css('width');
input_bgcolor = p_input.parent().css('background-color');
input_border_bottom = p_input.parent().css('border-bottom');
input_height = p_input.css('height');
input_border_radius = p_input.parent().css('border-radius');
} else {
input_height = p_input.css('height');
input_mwidth = p_input.css('width');
input_border_color = p_input.css('border-color');
input_border = p_input.css('border');
input_bgcolor = p_input.css('background-color');
input_border_bottom = p_input.css('border-bottom');
input_border_radius = p_input.css('border-radius');
}
let input_font_size = p_input.css('font-size');
let input_font = p_input.css('font-family');
availableGatesSelectClone.attr('style', 'position:absolute;z-index:999;font-family:' + input_font + ';background-color: ' + input_bgcolor + ';border-radius:' + input_border_radius + ';border-color:' + input_border_color + ';font-size:' + input_font_size + ';border: ' + input_border + ';border-bottom: ' + input_border_bottom + " !important");
p_input.parent().css('position', 'relative');
if (p_input.parent().hasClass("t-input-phonemask__wrap")) {
p_input.parent().before(availableGatesSelectClone);
} else {
p_input.before(availableGatesSelectClone);
}
p_input.css('opacity', 0);
});
});
}
});
$('select[name="tistols-verification-methods"]').show();
$('select[name="tistols-verification-methods"]').off('change').on('change', (e) => {
selectedProjectGate = e.target.value;
e.target.style.display = "none";
e.target.parentNode.querySelector('input[type="tel"]').style.opacity = "1";
});
}
}
});
// проверка нужно ли заблокировать кнопку отправки формы
$.ajax({
url: "https://mods.tistols.com/api/is_disabled_submit/"+project_id,
method: "get",
success: function (data) {
isDisabledSubmit = data;
}
});
// получить формы
setTimeout(function () {
$.ajax({
url: "https://mods.tistols.com/api/getOnlyForms/"+project_id,
method: "get",
success: function (data) {
if (data.launched == 0) {
$('.send-sms-verification-btn').hide();
$('.send-tg-verification-btn').hide();
$('.phone-verification').hide();
$('[name="tistols-verification-methods"]').hide();
} else {
$('[name="tistols-verification-methods"]').show();
available_forms = data.data;
let phone_input = null;
let send_sms_icon = null;
let edit_phone_sms_icon = null;
let verification_resend_button = null;
let phone_verification = null;
let verification_info = null;
let send_sms_verification_btn = null;
let verification_code_button = null;
let t_submit = null;
let phone_verification_form = null;
let phone_verification_copyright = null;
let verification_code = null;
$('input[type="tel"]').parent().css('position', 'relative');
if (available_forms.length == 0) {
let activeForm = null;
document.querySelectorAll('.t-form:has(input[type="tel"])').forEach((item, index) => {
available_forms.push($(item).attr('id'));
});
available_forms.forEach((item, index) => {
$('#' + item + ' input[type="tel"]').on('input', function (event) {
activeForm = $(this).closest('form');
// обработка кода
let verifyCodeHandler = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
let code = activeForm.find('input[name="verification_code"]').val();
if ((code.length == 4)) {
let temp_phone = "";
let temp_phone_code = "";
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
temp_phone = activeForm.find('input[type="tel"]').val();
temp_phone_code = activeForm.find('input[type="tel"]').parent().find('.js-phonemask-result-iso').val();
} else {
temp_phone = activeForm.find('input[type="tel"]').val();
}
$.ajax({
url: 'https://mods.tistols.com/api/' + project_id + '/verify',
method: 'get',
data: {
'code': code,
'phone': temp_phone_code + temp_phone,
'gate': selectedProjectGate
},
success: function (data) {
//$('form.t-form').prepend("
Номер успешно подтверждён!
");
activeForm.find('.phone-verification').attr('disabled', true);
activeForm.find('.phone-verification-form-fields__input').attr('disabled', true);
activeForm.find('input[name="is_phone_verified"]').val(true);
if (isDisabledSubmit) {
activeForm.find('.t-submit, button[type="submit"]').attr('disabled', false);
activeForm.find('.t-submit, button[type="submit"]').css('opacity', "1");
}
activeForm.find('input[name="verification_code"]').val("");
activeForm.find('input[name="verification_code"]').attr("disabled", false);
let ver_info = activeForm.find('#verification-info');
activeForm.find('#verification-info').hide();
activeForm.find('.phone-verification').hide();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().after(ver_info);
activeForm.find('input[type="tel"]').after(``);
} else {
activeForm.find('#verification-info').html("Номер успешно подтверждён!
");
activeForm.find('input[type="tel"]').after(ver_info);
activeForm.find('input[type="tel"]').after(``);
}
activeForm.find('input[type="tel"]').attr('disabled', true);
activeForm.find('#send-sms-icon').hide();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('#complete-sms-icon').show();
activeForm.find('.send-tg-verification-btn').hide();
},
error: function (data) {
activeForm.find('#verification-info').html("Неверный РєРѕРґ! Рзменить номер
");
//$('form.t-form').prepend("Неверный код!
");
}
});
} else {
activeForm.find('#verification-info').html("РљРѕРґ должен быть длиной РІ 4 символа! Рзменить номер
");
//$('form.t-form').prepend("Код должен быть длиной в 4 символа!
");
}
};
setInterval(() => {
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
$('#edit-phone-link').off('click').on('click', editPhone);
}, 1000);
// обработка отправки
let sendSmsHandler = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
activeForm.find('input[type="tel"]').attr('disabled', true);
activeForm.find('.phone-verification').hide();
activeForm.find('#send-sms-icon').hide();
activeForm.find('#edit-phone-sms-icon').show();
let phone_country_code = "";
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
phone_country_code = activeForm.find('input[type="tel"]').parent().find('.t-input-phonemask__select-code').text();
}
$.ajax({
url: 'https://mods.tistols.com/api/' + project_id + '/send',
method: 'get',
data: {
'phone': phone_country_code + activeForm.find('input[type="tel"]').val(),
'gate': selectedProjectGate
},
success: function (data) {
$('#verification-info').html("" + data.message + "Рзменить номер
");
//$('form.t-form').prepend("" + data.message +"
");
let phonever = $('.phone-verification');
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
let inp_border_color = activeForm.find('input[type="tel"]').css('border-color');
let inp_border_radius = (activeForm.find('input[type="tel"]').css('border-radius') == null) ? (activeForm.find('input[type="tel"]').css('border-radius')) : (activeForm.find('input[type="tel"]').parent().css('border-radius'));
$('.phone-verification').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
if (selectedProjectGate == "telegram") {
activeForm.find('.send-tg-verification-btn').parent().after(phonever);
} else {
activeForm.find('.send-sms-verification-btn').parent().after(phonever);
}
} else {
if (selectedProjectGate == "telegram") {
activeForm.find('.send-tg-verification-btn').parent().after(phonever);
} else {
activeForm.find('.send-sms-verification-btn').after(phonever);
}
}
activeForm.find('.phone-verification').show();
let input_border_color;
let input_border_radius;
let input_height;
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = activeForm.find('input[type="tel"]').parent().css('border-color');
input_height = activeForm.find('input[type="tel"]').parent().css('height');
input_border_radius = activeForm.find('input[type="tel"]').parent().css('border-radius');
} else {
input_height = activeForm.find('input[type="tel"]').css('height');
input_border_color = activeForm.find('input[type="tel"]').css('border-color');
input_border_radius = activeForm.find('input[type="tel"]').css('border-radius');
}
if ((input_border_color == null) || (input_border_color == undefined) || (input_border_color == "rgb(0, 0, 0)") || (input_border_color == "#000000")) {
input_border_color = $('.t-submit').css('background');
}
activeForm.find('.phone-verification').find('#verification_code-button').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('#verification_code-button').css('border-color', inp_border_color);
activeForm.find('.phone-verification').find('#verification_code-button').css('background', inp_border_color);
//$('.success-block').css('border-radius', inp_border_radius);
//$('.error-block').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('.phone-verification__form').css('border-color', inp_border_color);
activeForm.find('.phone-verification').find('.phone-verification__form').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('.phone-verification-form-fields__input').css('border-radius', inp_border_radius);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('#verification_code-button').css('min-width', input_height);
activeForm.find('#verification_code-button').css('max-width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.phone-verification').find('.phone-verification-form-field__copyright').css('border-color', input_border_color);
if (selectedProjectGate == "telegram") {
//window.open("https://t.me/tistols_verification_bot", '_blank');
}
},
error: function (data) {
activeForm.find('#verification-info').html("" + data.responseJSON.message + "Рзменить номер
");
//$('form.t-form').html(""+data.responseJSON.message+"
");
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
activeForm.find('.send-sms-verification-btn').off('click').on('click', editPhone);
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('background', 'crimson');
} else {
activeForm.find('input[type="tel"]').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('background', 'crimson');
}
}
});
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
};
// обработка редактирования номера
let editPhone = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
activeForm.find('input[type="tel"]').attr('disabled', false);
activeForm.find('#send-sms-icon').show();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('.phone-verification').hide();
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
};
activeForm.find('#send-sms-icon').show();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('input[type="tel"]').attr('disabled', false);
let phone_verification_block = activeForm.find('.phone-verification');
activeForm.find('.phone-verification').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().after(phone_verification_block);
} else {
activeForm.find('input[type="tel"]').after(phone_verification_block);
}
let text_color = activeForm.find('input[type="tel"]').css("color");
let text_size = activeForm.find('input[type="tel"]').css("font-size");
let input_border_color;
let input_border_radius = activeForm.find('input[type="tel"]').parent().css('border-radius');
let input_height;
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = activeForm.find('input[type="tel"]').parent().css('border-color');
input_height = activeForm.find('input[type="tel"]').parent().css('height');
} else {
input_height = activeForm.find('input[type="tel"]').css('height');
input_border_color = activeForm.find('input[type="tel"]').css('border-color');
}
if ((input_border_color == null) || (input_border_color == undefined) || (input_border_color == "rgb(0, 0, 0)") || (input_border_color == "#000000")) {
input_border_color = activeForm.find('.t-submit').css('background');
}
if (isDisabledSubmit) {
activeForm.find('.t-submit, button[type="submit"]').attr('disabled', true);
activeForm.find('.t-submit, button[type="submit"]').css('opacity', "0.6");
}
activeForm.find('.phone-verification-form__fields').css('height', "calc(" + input_height + " - 4px)");
activeForm.find('.phone-verification-form-fields__input').css('height', "calc(" + input_height + " - 24px)");
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('.phone-verification__form').css('height', input_height);
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('.send-sms-verification-btn').css('border-radius', activeForm.find('input[type="tel"]').parent().css('border-radius'));
activeForm.find('.send-sms-verification-btn').css('margin-left', '0');
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-tg-verification-btn').css('border-radius', activeForm.find('input[type="tel"]').parent().css('border-radius'));
}
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
if ((activeForm.find('input[type="tel"]').val().length > 8) && (activeForm.find('input[type="tel"]').val().length < 23)) {
if (selectedProjectGate != "telegram") {
let sms_send_btn = $('.send-sms-verification-btn');
$('.send-sms-verification-btn').remove();
activeForm.find('input[type="tel"]').after(sms_send_btn);
activeForm.find('.send-sms-verification-btn').show();
activeForm.find('.phone-verification-form-fields__input').css('font-size', text_size);
activeForm.find('.phone-verification-form-field__copyright').css('border', '1px solid ' + input_border_color);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('#verification_code-button').css('min-width', input_height);
activeForm.find('#verification_code-button').css('max-width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.send-sms-verification-btn').css('height', input_height);
activeForm.find('.send-sms-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('min-width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-sms-verification-btn').css('margin-left', "-" + input_height);
activeForm.find('.send-tg-verification-btn').css('height', input_height);
activeForm.find('.send-tg-verification-btn').css('width', input_height);
activeForm.find('.send-tg-verification-btn').css('border-radius', input_border_radius);
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
} else {
let telegram_verif_btn = $('.send-tg-verification-btn');
$('.send-tg-verification-btn').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass("t-input-phonemask__wrap")) {
activeForm.find('input[type="tel"]').parent().after(telegram_verif_btn);
} else {
activeForm.find('input[type="tel"]').after(telegram_verif_btn);
}
activeForm.find('.send-tg-verification-btn').show();
activeForm.find('.phone-verification-form-fields__input').css('font-size', text_size);
activeForm.find('.phone-verification-form-field__copyright').css('border', '1px solid ' + input_border_color);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.send-sms-verification-btn').css('height', input_height);
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('.send-sms-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-tg-verification-btn').css('height', input_height);
activeForm.find('.send-tg-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-left', "-" + input_height);
activeForm.find('.send-tg-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-tg-verification-btn').off('click').on('click', sendSmsHandler);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
}
});
});
} else if (available_forms.length > 0) {
let activeForm = null;
available_forms.forEach((item, index) => {
$('#' + item + ' input[type="tel"]').on('input', function (event) {
activeForm = $(this).closest('form');
// обработка кода
let verifyCodeHandler = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
let code = activeForm.find('input[name="verification_code"]').val();
if ((code.length == 4)) {
let temp_phone = "";
let temp_phone_code = "";
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
temp_phone = activeForm.find('input[type="tel"]').val();
temp_phone_code = activeForm.find('input[type="tel"]').parent().find('.js-phonemask-result-iso').val();
} else {
temp_phone = activeForm.find('input[type="tel"]').val();
}
$.ajax({
url: 'https://mods.tistols.com/api/' + project_id + '/verify',
method: 'get',
data: {
'code': code,
'phone': temp_phone_code + temp_phone,
'gate': selectedProjectGate
},
success: function (data) {
//$('form.t-form').prepend("Номер успешно подтверждён!
");
activeForm.find('.phone-verification').attr('disabled', true);
activeForm.find('.phone-verification-form-fields__input').attr('disabled', true);
activeForm.find('input[name="is_phone_verified"]').val(true);
if (isDisabledSubmit) {
activeForm.find('.t-submit, button[type="submit"]').attr('disabled', false);
activeForm.find('.t-submit, button[type="submit"]').css('opacity', "1");
}
activeForm.find('input[name="verification_code"]').val("");
activeForm.find('input[name="verification_code"]').attr("disabled", false);
let ver_info = activeForm.find('#verification-info');
activeForm.find('#verification-info').hide();
activeForm.find('.phone-verification').hide();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().after(ver_info);
activeForm.find('input[type="tel"]').after(``);
} else {
activeForm.find('#verification-info').html("Номер успешно подтверждён!
");
activeForm.find('input[type="tel"]').after(ver_info);
activeForm.find('input[type="tel"]').after(``);
}
activeForm.find('input[type="tel"]').attr('disabled', true);
activeForm.find('#send-sms-icon').hide();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('#complete-sms-icon').show();
activeForm.find('.send-tg-verification-btn').hide();
},
error: function (data) {
activeForm.find('#verification-info').html("Неверный РєРѕРґ! Рзменить номер
");
//$('form.t-form').prepend("Неверный код!
");
}
});
} else {
activeForm.find('#verification-info').html("РљРѕРґ должен быть длиной РІ 4 символа! Рзменить номер
");
//$('form.t-form').prepend("Код должен быть длиной в 4 символа!
");
}
};
setInterval(() => {
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
$('#edit-phone-link').off('click').on('click', editPhone);
}, 1000);
// обработка отправки
let sendSmsHandler = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
activeForm.find('input[type="tel"]').attr('disabled', true);
activeForm.find('.phone-verification').hide();
activeForm.find('#send-sms-icon').hide();
activeForm.find('#edit-phone-sms-icon').show();
let phone_country_code = "";
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
phone_country_code = activeForm.find('input[type="tel"]').parent().find('.t-input-phonemask__select-code').text();
}
$.ajax({
url: 'https://mods.tistols.com/api/' + project_id + '/send',
method: 'get',
data: {
'phone': phone_country_code + activeForm.find('input[type="tel"]').val(),
'gate': selectedProjectGate
},
success: function (data) {
$('#verification-info').html("" + data.message + "Рзменить номер
");
//$('form.t-form').prepend("" + data.message +"
");
let phonever = $('.phone-verification');
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
let inp_border_color = activeForm.find('input[type="tel"]').css('border-color');
let inp_border_radius = (activeForm.find('input[type="tel"]').css('border-radius') == null) ? (activeForm.find('input[type="tel"]').css('border-radius')) : (activeForm.find('input[type="tel"]').parent().css('border-radius'));
$('.phone-verification').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
if (selectedProjectGate == "telegram") {
activeForm.find('.send-tg-verification-btn').parent().after(phonever);
} else {
activeForm.find('.send-sms-verification-btn').parent().after(phonever);
}
} else {
if (selectedProjectGate == "telegram") {
activeForm.find('.send-tg-verification-btn').parent().after(phonever);
} else {
activeForm.find('.send-sms-verification-btn').after(phonever);
}
}
activeForm.find('.phone-verification').show();
let input_border_color;
let input_border_radius;
let input_height;
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = activeForm.find('input[type="tel"]').parent().css('border-color');
input_height = activeForm.find('input[type="tel"]').parent().css('height');
input_border_radius = activeForm.find('input[type="tel"]').parent().css('border-radius');
} else {
input_height = activeForm.find('input[type="tel"]').css('height');
input_border_color = activeForm.find('input[type="tel"]').css('border-color');
input_border_radius = activeForm.find('input[type="tel"]').css('border-radius');
}
if ((input_border_color == null) || (input_border_color == undefined) || (input_border_color == "rgb(0, 0, 0)") || (input_border_color == "#000000")) {
input_border_color = $('.t-submit').css('background');
}
activeForm.find('.phone-verification').find('#verification_code-button').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('#verification_code-button').css('border-color', inp_border_color);
activeForm.find('.phone-verification').find('#verification_code-button').css('background', inp_border_color);
//$('.success-block').css('border-radius', inp_border_radius);
//$('.error-block').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('.phone-verification__form').css('border-color', inp_border_color);
activeForm.find('.phone-verification').find('.phone-verification__form').css('border-radius', inp_border_radius);
activeForm.find('.phone-verification').find('.phone-verification-form-fields__input').css('border-radius', inp_border_radius);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.phone-verification').find('.phone-verification-form-field__copyright').css('border-color', input_border_color);
if (selectedProjectGate == "telegram") {
//window.open("https://t.me/tistols_verification_bot", '_blank');
}
},
error: function (data) {
activeForm.find('#verification-info').html("" + data.responseJSON.message + "Рзменить номер
");
//$('form.t-form').html(""+data.responseJSON.message+"
");
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
activeForm.find('.send-sms-verification-btn').off('click').on('click', editPhone);
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('background', 'crimson');
} else {
activeForm.find('input[type="tel"]').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('border-color', 'crimson');
activeForm.find('.send-sms-verification-btn').css('background', 'crimson');
}
}
});
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
};
// обработка редактирования номера
let editPhone = function () {
if (activeForm == null) alert("Ошибка! Перезагрузите страницу и попробуйте снова.");
activeForm.find('input[type="tel"]').attr('disabled', false);
activeForm.find('#send-sms-icon').show();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('.phone-verification').hide();
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
};
activeForm.find('#send-sms-icon').show();
activeForm.find('#edit-phone-sms-icon').hide();
activeForm.find('input[type="tel"]').attr('disabled', false);
let phone_verification_block = activeForm.find('.phone-verification');
activeForm.find('.phone-verification').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('input[type="tel"]').parent().after(phone_verification_block);
} else {
activeForm.find('input[type="tel"]').after(phone_verification_block);
}
let text_color = activeForm.find('input[type="tel"]').css("color");
let text_size = activeForm.find('input[type="tel"]').css("font-size");
let input_border_color;
let input_border_radius = activeForm.find('input[type="tel"]').parent().css('border-radius');
let input_height;
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
input_border_color = activeForm.find('input[type="tel"]').parent().css('border-color');
input_height = activeForm.find('input[type="tel"]').parent().css('height');
} else {
input_height = activeForm.find('input[type="tel"]').css('height');
input_border_color = activeForm.find('input[type="tel"]').css('border-color');
}
if ((input_border_color == null) || (input_border_color == undefined) || (input_border_color == "rgb(0, 0, 0)") || (input_border_color == "#000000")) {
input_border_color = activeForm.find('.t-submit').css('background');
}
if (isDisabledSubmit) {
activeForm.find('.t-submit, button[type="submit"]').attr('disabled', true);
activeForm.find('.t-submit, button[type="submit"]').css('opacity', "0.6");
}
activeForm.find('.phone-verification-form__fields').css('height', "calc(" + input_height + " - 4px)");
activeForm.find('.phone-verification-form-fields__input').css('height', "calc(" + input_height + " - 24px)");
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('.phone-verification__form').css('height', input_height);
if (activeForm.find('input[type="tel"]').parent().hasClass('t-input-phonemask__wrap')) {
activeForm.find('.send-sms-verification-btn').css('border-radius', activeForm.find('input[type="tel"]').parent().css('border-radius'));
activeForm.find('.send-sms-verification-btn').css('margin-left', '0');
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-tg-verification-btn').css('border-radius', activeForm.find('input[type="tel"]').parent().css('border-radius'));
}
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
if ((activeForm.find('input[type="tel"]').val().length > 8) && (activeForm.find('input[type="tel"]').val().length < 23)) {
if (selectedProjectGate != "telegram") {
let sms_send_btn = $('.send-sms-verification-btn');
$('.send-sms-verification-btn').remove();
activeForm.find('input[type="tel"]').after(sms_send_btn);
activeForm.find('.send-sms-verification-btn').show();
activeForm.find('.phone-verification-form-fields__input').css('font-size', text_size);
activeForm.find('.phone-verification-form-field__copyright').css('border', '1px solid ' + input_border_color);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.send-sms-verification-btn').css('height', input_height);
activeForm.find('.send-sms-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('min-width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-sms-verification-btn').css('margin-left', "-" + input_height);
activeForm.find('.send-tg-verification-btn').css('height', input_height);
activeForm.find('.send-tg-verification-btn').css('width', input_height);
activeForm.find('.send-tg-verification-btn').css('border-radius', input_border_radius);
if (activeForm.find('#edit-phone-sms-icon').css('display') == "none") {
activeForm.find('.send-sms-verification-btn').off('click').on('click', sendSmsHandler);
} else {
activeForm.find('#edit-phone-link').off('click').on('click', editPhone);
}
} else {
let telegram_verif_btn = $('.send-tg-verification-btn');
$('.send-tg-verification-btn').remove();
if (activeForm.find('input[type="tel"]').parent().hasClass("t-input-phonemask__wrap")) {
activeForm.find('input[type="tel"]').parent().after(telegram_verif_btn);
} else {
activeForm.find('input[type="tel"]').after(telegram_verif_btn);
}
activeForm.find('.send-tg-verification-btn').show();
activeForm.find('.phone-verification-form-fields__input').css('font-size', text_size);
activeForm.find('.phone-verification-form-field__copyright').css('border', '1px solid ' + input_border_color);
activeForm.find('#verification_code-button').css('border-radius', input_border_radius);
//$('.success-block').css('border-radius', input_border_radius);
//$('.error-block').css('border-radius', input_border_radius);
activeForm.find('#verification_code-button').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('#verification_code-button').css('width', input_height);
activeForm.find('.phone-verification__form').css('border-color', input_border_color);
activeForm.find('.phone-verification__form').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-sms-verification-btn').css('background', activeForm.find('.t-submit').css('background'));
activeForm.find('.send-sms-verification-btn').css('height', input_height);
activeForm.find('.phone-verification__form').css('height', input_height);
activeForm.find('.send-sms-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-top', "0.2px");
activeForm.find('.send-tg-verification-btn').css('height', input_height);
activeForm.find('.send-tg-verification-btn').css('width', input_height);
activeForm.find('.send-sms-verification-btn').css('margin-left', "-" + input_height);
activeForm.find('.send-tg-verification-btn').css('border-radius', input_border_radius);
activeForm.find('.send-tg-verification-btn').off('click').on('click', sendSmsHandler);
}
$('#verification_code-button').off('click').on('click', verifyCodeHandler);
}
});
});
} // if more than one form
}
},
error: () => {
$('.send-sms-verification-btn').hide();
$('.send-tg-verification-btn').hide();
$('.phone-verification').hide();
$('[name="tistols-verification-methods"]').hide();
}
});
}, 2500);
}