new getModalDisplay and setModalDisplay
This commit is contained in:
parent
fcbe3af4e0
commit
cac9fa594d
2
dist/mailgo.dark.min.js
vendored
2
dist/mailgo.dark.min.js
vendored
File diff suppressed because one or more lines are too long
2
dist/mailgo.dark.min.js.map
vendored
2
dist/mailgo.dark.min.js.map
vendored
File diff suppressed because one or more lines are too long
2
dist/mailgo.min.js
vendored
2
dist/mailgo.min.js
vendored
File diff suppressed because one or more lines are too long
2
dist/mailgo.min.js.map
vendored
2
dist/mailgo.min.js.map
vendored
File diff suppressed because one or more lines are too long
|
@ -641,10 +641,10 @@ var mailgoRender = function mailgoRender() {
|
||||||
wa.addEventListener("click", openWhatsApp); // telegram must be shown only if data-telegram is provided
|
wa.addEventListener("click", openWhatsApp); // telegram must be shown only if data-telegram is provided
|
||||||
|
|
||||||
if (telegramUsername) {
|
if (telegramUsername) {
|
||||||
setDisplay("m-tg", "block");
|
document.getElementById("m-tg").style.display = "block";
|
||||||
telegram.addEventListener("click", openTelegram);
|
telegram.addEventListener("click", openTelegram);
|
||||||
} else {
|
} else {
|
||||||
setDisplay("m-tg", "none");
|
document.getElementById("m-tg").style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
skype.addEventListener("click", openSkype);
|
skype.addEventListener("click", openSkype);
|
||||||
|
@ -894,14 +894,14 @@ var mailgoKeydown = function mailgoKeydown(keyboardEvent) {
|
||||||
var showMailgo = function showMailgo() {
|
var showMailgo = function showMailgo() {
|
||||||
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||||
// show the correct modal
|
// show the correct modal
|
||||||
setDisplay(type, "flex");
|
setModalDisplay(type, "flex");
|
||||||
}; // hide the modal
|
}; // hide the modal
|
||||||
|
|
||||||
|
|
||||||
var hideMailgo = function hideMailgo() {
|
var hideMailgo = function hideMailgo() {
|
||||||
// hide all the modals
|
// hide all the modals
|
||||||
setDisplay(MAIL_TYPE, "none");
|
setModalDisplay(MAIL_TYPE, "none");
|
||||||
setDisplay(TEL_TYPE, "none"); // remove listener keyDown
|
setModalDisplay(TEL_TYPE, "none"); // remove listener keyDown
|
||||||
|
|
||||||
document.removeEventListener("keydown", mailgoKeydown);
|
document.removeEventListener("keydown", mailgoKeydown);
|
||||||
}; // is the mailgo modal hidden?
|
}; // is the mailgo modal hidden?
|
||||||
|
@ -909,7 +909,7 @@ var hideMailgo = function hideMailgo() {
|
||||||
|
|
||||||
var mailgoIsShowing = function mailgoIsShowing() {
|
var mailgoIsShowing = function mailgoIsShowing() {
|
||||||
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||||
return getDisplay(type) === "flex";
|
return getModalDisplay(type) === "flex";
|
||||||
};
|
};
|
||||||
|
|
||||||
var byElement = function byElement() {
|
var byElement = function byElement() {
|
||||||
|
@ -951,30 +951,16 @@ var getModalHTMLElement = function getModalHTMLElement() {
|
||||||
}; // get display value
|
}; // get display value
|
||||||
|
|
||||||
|
|
||||||
var getDisplay = function getDisplay() {
|
var getModalDisplay = function getModalDisplay() {
|
||||||
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||||
|
return getModalHTMLElement(ref).style.display;
|
||||||
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
|
}; // get display value
|
||||||
|
|
||||||
|
|
||||||
var setDisplay = function setDisplay() {
|
var setModalDisplay = function setModalDisplay() {
|
||||||
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
var ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
|
||||||
var value = arguments.length > 1 ? arguments[1] : undefined;
|
var value = arguments.length > 1 ? arguments[1] : undefined;
|
||||||
|
return getModalHTMLElement(ref).style.display = value;
|
||||||
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
|
}; // custom composedPath if path or event.composedPath() are not defined
|
||||||
|
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -520,10 +520,10 @@ const mailgoRender = (type = MAIL_TYPE, mailgo: HTMLLinkElement): void => {
|
||||||
|
|
||||||
// telegram must be shown only if data-telegram is provided
|
// telegram must be shown only if data-telegram is provided
|
||||||
if (telegramUsername) {
|
if (telegramUsername) {
|
||||||
setDisplay("m-tg", "block");
|
document.getElementById("m-tg").style.display = "block";
|
||||||
telegram.addEventListener("click", openTelegram);
|
telegram.addEventListener("click", openTelegram);
|
||||||
} else {
|
} else {
|
||||||
setDisplay("m-tg", "none");
|
document.getElementById("m-tg").style.display = "none";
|
||||||
}
|
}
|
||||||
|
|
||||||
skype.addEventListener("click", openSkype);
|
skype.addEventListener("click", openSkype);
|
||||||
|
@ -802,14 +802,14 @@ const mailgoKeydown = (keyboardEvent: KeyboardEvent): void => {
|
||||||
// show the modal
|
// show the modal
|
||||||
const showMailgo = (type = MAIL_TYPE): void => {
|
const showMailgo = (type = MAIL_TYPE): void => {
|
||||||
// show the correct modal
|
// show the correct modal
|
||||||
setDisplay(type, "flex");
|
setModalDisplay(type, "flex");
|
||||||
};
|
};
|
||||||
|
|
||||||
// hide the modal
|
// hide the modal
|
||||||
const hideMailgo = (): void => {
|
const hideMailgo = (): void => {
|
||||||
// hide all the modals
|
// hide all the modals
|
||||||
setDisplay(MAIL_TYPE, "none");
|
setModalDisplay(MAIL_TYPE, "none");
|
||||||
setDisplay(TEL_TYPE, "none");
|
setModalDisplay(TEL_TYPE, "none");
|
||||||
|
|
||||||
// remove listener keyDown
|
// remove listener keyDown
|
||||||
document.removeEventListener("keydown", mailgoKeydown);
|
document.removeEventListener("keydown", mailgoKeydown);
|
||||||
|
@ -817,7 +817,7 @@ const hideMailgo = (): void => {
|
||||||
|
|
||||||
// is the mailgo modal hidden?
|
// is the mailgo modal hidden?
|
||||||
const mailgoIsShowing = (type = MAIL_TYPE): boolean => {
|
const mailgoIsShowing = (type = MAIL_TYPE): boolean => {
|
||||||
return getDisplay(type) === "flex";
|
return getModalDisplay(type) === "flex";
|
||||||
};
|
};
|
||||||
|
|
||||||
const byElement = (): HTMLLinkElement => {
|
const byElement = (): HTMLLinkElement => {
|
||||||
|
@ -853,25 +853,13 @@ const getModalHTMLElement = (type: string = MAIL_TYPE) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
// get display value
|
// get display value
|
||||||
const getDisplay = (ref: string = MAIL_TYPE): string => {
|
const getModalDisplay = (ref: string = MAIL_TYPE): string => {
|
||||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
return getModalHTMLElement(ref).style.display;
|
||||||
// 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
|
// get display value
|
||||||
const setDisplay = (ref: string = MAIL_TYPE, value: string): string => {
|
const setModalDisplay = (ref: string = MAIL_TYPE, value: string): string => {
|
||||||
if (ref === MAIL_TYPE || ref === TEL_TYPE) {
|
return (getModalHTMLElement(ref).style.display = value);
|
||||||
// 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
|
// custom composedPath if path or event.composedPath() are not defined
|
||||||
|
|
Loading…
Reference in New Issue
Block a user