portal.mkgtu.ru/clientSide/packs/PhoneWidget/phone-form.js

114 lines
3.8 KiB
JavaScript
Executable File

import IntlTel from './intlTelInput';
$(function () {
intlFlag();
});
function setMask(thisInput, mask = "") {
thisInput.inputmask({ mask: mask });
if (thisInput.hasClass("phone_code_field")) {
const countrySelector = $("#personaldata-country_id").find(":selected").val();
let country = "auto";
if (countrySelector == citizenId) {
country = "ru";
}
setFlag(thisInput[0], country);
}
}
function intlFlag() {
let country = $("#personaldata-country_id").find(":selected").val();
setCodePhoneValue(country == citizenId);
}
function setFlag(phone, country = "auto") {
const settings = {
autoPlaceholder: "off",
initialCountry: country,
preferredCountries: ["ru", "by", "ua", "kz"], // TODO вынести список "избранных стран" в админку
};
const keys = Object.keys(intlTelInputGlobals.instances);
if (keys.length > 0) {
let hasSamePhone = false;
for (let I = 0; I < keys.length; I++) {
let telInput = intlTelInputGlobals.instances[I].telInput;
const telCode = $(telInput).val().replace("+", "").replace("_", "");
if (
telCode.length > 0 &&
(JSON.stringify(intlTelInputGlobals.instances[I].getSelectedCountryData()) ===
JSON.stringify({}) ||
intlTelInputGlobals.instances[I].getSelectedCountryData().dialCode != telCode)
) {
const countryCode = intlTelInputGlobals.instances[I].countryCodes[telCode]?.shift();
if (countryCode) {
intlTelInputGlobals.instances[I].setCountry(countryCode);
}
}
if (telInput == phone) {
if (
$(telInput).val().replace("+", "").replace("_", "").length < 1 &&
JSON.stringify(intlTelInputGlobals.instances[I].getSelectedCountryData()) !==
JSON.stringify({})
) {
$(telInput).val(
intlTelInputGlobals.instances[I].getSelectedCountryData().dialCode
);
}
hasSamePhone = true;
break;
}
}
if (!hasSamePhone) {
let intlTel = new IntlTel(phone, settings);
intlTel._init();
intlTelInputGlobals.instances[intlTel.id] = intlTel
}
} else {
let intlTel = new IntlTel(phone, settings);
intlTel._init();
intlTelInputGlobals.instances[intlTel.id] = intlTel
}
}
function checkIfPhoneOtnEmpty(incomingPhone) {
let phones = incomingPhone.parents("div.row").find("input");
if (phones.length > 0) {
let phoneVal = "";
for (let I = 0; I < phones.length; I++) {
let phone = $(phones[I]);
let phoneVal =
phoneVal + phone.val().replace("+", "").replace("(", "").replace(")", "");
}
return phoneVal.length > 1;
}
}
function setCodePhoneValue(isCitizen = true) {
let phones = $(".phone_code_field");
if (phones.length > 0) {
for (let I = 0; I < phones.length; I++) {
let country = "auto";
let phone = $(phones[I]);
const phoneVal = phone.val().replace("+", "");
if (isCitizen && (phoneVal.length < 1 || phoneVal == "7")) {
country = "ru"; // TODO вынести настройку в админку
}
setFlag(phones[I], country);
if (phoneVal.length < 1 || phoneVal == "7") {
setMask(phone, phone.data("mask"));
if (isCitizen || checkIfPhoneOtnEmpty(phone)) {
phone.val("7");
} else {
phone.val("");
}
}
}
}
}