removed completely the getE method
This commit is contained in:
parent
ddfd1611db
commit
bce64e879a
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -622,9 +622,7 @@ var mailgoRender = function mailgoRender() {
|
|||
} // validate the phone number
|
||||
|
||||
|
||||
if (!validateTel(tel)) return; // information
|
||||
// let titleEl = getE("m-tel-title");
|
||||
// Telegram username
|
||||
if (!validateTel(tel)) return; // Telegram username
|
||||
|
||||
if (mailgo.hasAttribute("data-telegram")) {
|
||||
telegramUsername = mailgo.getAttribute("data-telegram");
|
||||
|
@ -783,7 +781,7 @@ var isMailgo = function isMailgo(element) {
|
|||
|
||||
var mailgoCheckRender = function mailgoCheckRender(event) {
|
||||
// check if the id=mailgo exists in the body
|
||||
if (!document.contains(getE("mailgo")) || !document.contains(getE("mailgo-tel"))) return false; // if a mailgo is already showing do nothing
|
||||
if (!document.contains(modalMailto) || !document.contains(modalTel)) return false; // if a mailgo is already showing do nothing
|
||||
|
||||
if (mailgoIsShowing(MAIL_TYPE) || mailgoIsShowing(TEL_TYPE)) return false; // the path of the event
|
||||
|
||||
|
@ -819,10 +817,10 @@ var mailgoCheckRender = function mailgoCheckRender(event) {
|
|||
*/
|
||||
|
||||
|
||||
var mailgoKeydown = function mailgoKeydown(event) {
|
||||
var mailgoKeydown = function mailgoKeydown(keyboardEvent) {
|
||||
// if mailgo is showing
|
||||
if (mailgoIsShowing(MAIL_TYPE)) {
|
||||
switch (event.keyCode) {
|
||||
switch (keyboardEvent.keyCode) {
|
||||
case 27:
|
||||
// Escape
|
||||
hideMailgo();
|
||||
|
@ -853,7 +851,7 @@ var mailgoKeydown = function mailgoKeydown(event) {
|
|||
return;
|
||||
}
|
||||
} else if (mailgoIsShowing(TEL_TYPE)) {
|
||||
switch (event.keyCode) {
|
||||
switch (keyboardEvent.keyCode) {
|
||||
case 27:
|
||||
// Escape
|
||||
hideMailgo();
|
||||
|
@ -891,26 +889,15 @@ var mailgoKeydown = function mailgoKeydown(event) {
|
|||
|
||||
var showMailgo = function showMailgo() {
|
||||
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||
|
||||
// show mailgo type mail
|
||||
if (type === MAIL_TYPE) {
|
||||
setDisplay("mailgo", "flex");
|
||||
return true;
|
||||
} // show mailgo type tel
|
||||
|
||||
|
||||
if (type === TEL_TYPE) {
|
||||
setDisplay("mailgo-tel", "flex");
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
// show the correct modal
|
||||
setDisplay(type, "flex");
|
||||
}; // hide the modal
|
||||
|
||||
|
||||
var hideMailgo = function hideMailgo() {
|
||||
setDisplay("mailgo", "none");
|
||||
setDisplay("mailgo-tel", "none"); // remove listener keyDown
|
||||
// hide all the modals
|
||||
setDisplay(MAIL_TYPE, "none");
|
||||
setDisplay(TEL_TYPE, "none"); // remove listener keyDown
|
||||
|
||||
document.removeEventListener("keydown", mailgoKeydown);
|
||||
}; // is the mailgo modal hidden?
|
||||
|
@ -918,7 +905,7 @@ var hideMailgo = function hideMailgo() {
|
|||
|
||||
var mailgoIsShowing = function mailgoIsShowing() {
|
||||
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||
return type === MAIL_TYPE ? getDisplay("mailgo") === "flex" : type === TEL_TYPE ? getDisplay("mailgo-tel") === "flex" : false;
|
||||
return getDisplay(type) === "flex";
|
||||
};
|
||||
|
||||
var byElement = function byElement() {
|
||||
|
@ -951,21 +938,39 @@ var mailToEncoded = function mailToEncoded(encoded) {
|
|||
|
||||
var encodeEmail = function encodeEmail(email) {
|
||||
return btoa(email);
|
||||
}; // getE shorthand
|
||||
}; // get the correct HTMLElement from a type
|
||||
|
||||
|
||||
var getE = function getE(id) {
|
||||
return document.getElementById(id);
|
||||
var getModalHTMLElement = function getModalHTMLElement() {
|
||||
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||
return type === TEL_TYPE ? modalTel : modalMailto;
|
||||
}; // get display value
|
||||
|
||||
|
||||
var getDisplay = function getDisplay(id) {
|
||||
return getE(id).style.display;
|
||||
var getDisplay = function getDisplay() {
|
||||
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||
|
||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
||||
// if a type is passed return the display of the modals
|
||||
return getModalHTMLElement(ref).style.display;
|
||||
} else {
|
||||
// else return the element get by ID
|
||||
return document.getElementById(ref).style.display;
|
||||
}
|
||||
}; // get display value
|
||||
|
||||
|
||||
var setDisplay = function setDisplay(id, value) {
|
||||
return getE(id).style.display = value;
|
||||
var setDisplay = function setDisplay() {
|
||||
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||
var value = arguments.length > 1 ? arguments[1] : undefined;
|
||||
|
||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
||||
// if a type is passed return the display of the modals
|
||||
return getModalHTMLElement(ref).style.display = value;
|
||||
} else {
|
||||
// else return the element get by ID
|
||||
return document.getElementById(ref).style.display = value;
|
||||
}
|
||||
}; // custom composedPath if path or event.composedPath() are not defined
|
||||
|
||||
|
||||
|
@ -1027,7 +1032,6 @@ var mailgoStyle = function mailgoStyle() {
|
|||
// mailgo style
|
||||
var mailgoCSSElement = createElement("style");
|
||||
mailgoCSSElement.id = "mailgo-style";
|
||||
mailgoCSSElement.type = "text/css";
|
||||
mailgoCSSElement.appendChild(createTextNode(mailgoCSS));
|
||||
document.head.appendChild(mailgoCSSElement);
|
||||
}; // mailgo
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -500,9 +500,6 @@ const mailgoRender = (type = MAIL_TYPE, mailgo: HTMLLinkElement): void => {
|
|||
// validate the phone number
|
||||
if (!validateTel(tel)) return;
|
||||
|
||||
// information
|
||||
// let titleEl = getE("m-tel-title");
|
||||
|
||||
// Telegram username
|
||||
if (mailgo.hasAttribute("data-telegram")) {
|
||||
telegramUsername = mailgo.getAttribute("data-telegram");
|
||||
|
@ -694,10 +691,7 @@ const isMailgo = (element: HTMLElement, type: string = MAIL_TYPE): boolean => {
|
|||
*/
|
||||
const mailgoCheckRender = (event: Event): boolean => {
|
||||
// check if the id=mailgo exists in the body
|
||||
if (
|
||||
!document.contains(getE("mailgo")) ||
|
||||
!document.contains(getE("mailgo-tel"))
|
||||
)
|
||||
if (!document.contains(modalMailto) || !document.contains(modalTel))
|
||||
return false;
|
||||
|
||||
// if a mailgo is already showing do nothing
|
||||
|
@ -742,10 +736,10 @@ const mailgoCheckRender = (event: Event): boolean => {
|
|||
* mailgoKeydown
|
||||
* function to manage the keydown event when the modal is showing
|
||||
*/
|
||||
const mailgoKeydown = (event: KeyboardEvent): void => {
|
||||
const mailgoKeydown = (keyboardEvent: KeyboardEvent): void => {
|
||||
// if mailgo is showing
|
||||
if (mailgoIsShowing(MAIL_TYPE)) {
|
||||
switch (event.keyCode) {
|
||||
switch (keyboardEvent.keyCode) {
|
||||
case 27:
|
||||
// Escape
|
||||
hideMailgo();
|
||||
|
@ -771,7 +765,7 @@ const mailgoKeydown = (event: KeyboardEvent): void => {
|
|||
return;
|
||||
}
|
||||
} else if (mailgoIsShowing(TEL_TYPE)) {
|
||||
switch (event.keyCode) {
|
||||
switch (keyboardEvent.keyCode) {
|
||||
case 27:
|
||||
// Escape
|
||||
hideMailgo();
|
||||
|
@ -801,24 +795,16 @@ const mailgoKeydown = (event: KeyboardEvent): void => {
|
|||
};
|
||||
|
||||
// show the modal
|
||||
const showMailgo = (type = MAIL_TYPE): boolean => {
|
||||
// show mailgo type mail
|
||||
if (type === MAIL_TYPE) {
|
||||
setDisplay("mailgo", "flex");
|
||||
return true;
|
||||
}
|
||||
// show mailgo type tel
|
||||
if (type === TEL_TYPE) {
|
||||
setDisplay("mailgo-tel", "flex");
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
const showMailgo = (type = MAIL_TYPE): void => {
|
||||
// show the correct modal
|
||||
setDisplay(type, "flex");
|
||||
};
|
||||
|
||||
// hide the modal
|
||||
const hideMailgo = (): void => {
|
||||
setDisplay("mailgo", "none");
|
||||
setDisplay("mailgo-tel", "none");
|
||||
// hide all the modals
|
||||
setDisplay(MAIL_TYPE, "none");
|
||||
setDisplay(TEL_TYPE, "none");
|
||||
|
||||
// remove listener keyDown
|
||||
document.removeEventListener("keydown", mailgoKeydown);
|
||||
|
@ -826,11 +812,7 @@ const hideMailgo = (): void => {
|
|||
|
||||
// is the mailgo modal hidden?
|
||||
const mailgoIsShowing = (type = MAIL_TYPE): boolean => {
|
||||
return type === MAIL_TYPE
|
||||
? getDisplay("mailgo") === "flex"
|
||||
: type === TEL_TYPE
|
||||
? getDisplay("mailgo-tel") === "flex"
|
||||
: false;
|
||||
return getDisplay(type) === "flex";
|
||||
};
|
||||
|
||||
const byElement = (): HTMLLinkElement => {
|
||||
|
@ -860,15 +842,32 @@ const mailToEncoded = (encoded: string): string =>
|
|||
// encode email
|
||||
const encodeEmail = (email: string): string => btoa(email);
|
||||
|
||||
// getE shorthand
|
||||
const getE = (id: string): HTMLElement => document.getElementById(id);
|
||||
// get the correct HTMLElement from a type
|
||||
const getModalHTMLElement = (type: string = MAIL_TYPE) => {
|
||||
return type === TEL_TYPE ? modalTel : modalMailto;
|
||||
};
|
||||
|
||||
// get display value
|
||||
const getDisplay = (id: string): string => getE(id).style.display;
|
||||
const getDisplay = (ref: string = MAIL_TYPE): string => {
|
||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
||||
// if a type is passed return the display of the modals
|
||||
return getModalHTMLElement(ref).style.display;
|
||||
} else {
|
||||
// else return the element get by ID
|
||||
return document.getElementById(ref).style.display;
|
||||
}
|
||||
};
|
||||
|
||||
// get display value
|
||||
const setDisplay = (id: string, value: string): string =>
|
||||
(getE(id).style.display = value);
|
||||
const setDisplay = (ref: string = MAIL_TYPE, value: string): string => {
|
||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
||||
// if a type is passed return the display of the modals
|
||||
return (getModalHTMLElement(ref).style.display = value);
|
||||
} else {
|
||||
// else return the element get by ID
|
||||
return (document.getElementById(ref).style.display = value);
|
||||
}
|
||||
};
|
||||
|
||||
// custom composedPath if path or event.composedPath() are not defined
|
||||
const composedPath = (
|
||||
|
|
Loading…
Reference in New Issue