odit/mailymaily
4
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

new getModalDisplay and setModalDisplay

Browse Source
This commit is contained in:
Matteo Manzinello
2020-07-16 14:24:45 +02:00
parent fcbe3af4e0
commit cac9fa594d
7 changed files with 25 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/mailgo.dark.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mailgo.dark.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mailgo.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/mailgo.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

34
lib/mailgo.js
View File

@@ -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

2
lib/mailgo.js.map
View File

File diff suppressed because one or more lines are too long

32
src/mailgo.ts
View File

@@ -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