reduced again of 0.3kb with an optimization in use of createTextNode
This commit is contained in:
parent
4293a9474e
commit
397330b032
2
dist/mailgo.min.js
vendored
2
dist/mailgo.min.js
vendored
File diff suppressed because one or more lines are too long
@ -81,8 +81,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
detailCc.id = "m-cc";
|
detailCc.id = "m-cc";
|
||||||
let ccSpan = createElement("span");
|
let ccSpan = createElement("span");
|
||||||
ccSpan.className = "w-500";
|
ccSpan.className = "w-500";
|
||||||
let ccContent = createTextNode("cc ");
|
ccSpan.ac(createTextNode("cc "));
|
||||||
ccSpan.ac(ccContent);
|
|
||||||
ccValue = createElement("span");
|
ccValue = createElement("span");
|
||||||
ccValue.id = "m-cc-value";
|
ccValue.id = "m-cc-value";
|
||||||
detailCc.ac(ccSpan);
|
detailCc.ac(ccSpan);
|
||||||
@ -93,8 +92,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
detailBcc.id = "m-bcc";
|
detailBcc.id = "m-bcc";
|
||||||
let bccSpan = createElement("span");
|
let bccSpan = createElement("span");
|
||||||
bccSpan.className = "w-500";
|
bccSpan.className = "w-500";
|
||||||
let bccContent = createTextNode("bcc ");
|
bccSpan.ac(createTextNode("bcc "));
|
||||||
bccSpan.ac(bccContent);
|
|
||||||
bccValue = createElement("span");
|
bccValue = createElement("span");
|
||||||
bccValue.id = "m-bcc-value";
|
bccValue.id = "m-bcc-value";
|
||||||
detailBcc.ac(bccSpan);
|
detailBcc.ac(bccSpan);
|
||||||
@ -105,8 +103,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
detailSubject.id = "m-subject";
|
detailSubject.id = "m-subject";
|
||||||
let subjectSpan = createElement("span");
|
let subjectSpan = createElement("span");
|
||||||
subjectSpan.className = "w-500";
|
subjectSpan.className = "w-500";
|
||||||
let subjectContent = createTextNode("subject ");
|
subjectSpan.ac(createTextNode("subject "));
|
||||||
subjectSpan.ac(subjectContent);
|
|
||||||
subjectValue = createElement("span");
|
subjectValue = createElement("span");
|
||||||
subjectValue.id = "m-subject-value";
|
subjectValue.id = "m-subject-value";
|
||||||
detailSubject.ac(subjectSpan);
|
detailSubject.ac(subjectSpan);
|
||||||
@ -117,8 +114,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
detailBody.id = "m-body";
|
detailBody.id = "m-body";
|
||||||
let bodySpan = createElement("span");
|
let bodySpan = createElement("span");
|
||||||
bodySpan.className = "w-500";
|
bodySpan.className = "w-500";
|
||||||
let bodyContent = createTextNode("body ");
|
bodySpan.ac(createTextNode("body "));
|
||||||
bodySpan.ac(bodyContent);
|
|
||||||
bodyValue = createElement("span");
|
bodyValue = createElement("span");
|
||||||
bodyValue.id = "m-body-value";
|
bodyValue.id = "m-body-value";
|
||||||
detailBody.ac(bodySpan);
|
detailBody.ac(bodySpan);
|
||||||
@ -133,12 +129,10 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
gmail.href = DEFAULT_BTN_HREF;
|
gmail.href = DEFAULT_BTN_HREF;
|
||||||
gmail.classList.add("m-open");
|
gmail.classList.add("m-open");
|
||||||
gmail.classList.add("m-gmail");
|
gmail.classList.add("m-gmail");
|
||||||
let gmailContent = createTextNode("open in ");
|
gmail.ac(createTextNode("open in "));
|
||||||
gmail.ac(gmailContent);
|
|
||||||
let gmailSpan = createElement("span");
|
let gmailSpan = createElement("span");
|
||||||
gmailSpan.className = "w-500";
|
gmailSpan.className = "w-500";
|
||||||
let gmailSpanContent = createTextNode("Gmail");
|
gmailSpan.ac(createTextNode("Gmail"));
|
||||||
gmailSpan.ac(gmailSpanContent);
|
|
||||||
gmail.ac(gmailSpan);
|
gmail.ac(gmailSpan);
|
||||||
|
|
||||||
modalContent.ac(gmail);
|
modalContent.ac(gmail);
|
||||||
@ -149,12 +143,10 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
outlook.href = DEFAULT_BTN_HREF;
|
outlook.href = DEFAULT_BTN_HREF;
|
||||||
outlook.classList.add("m-open");
|
outlook.classList.add("m-open");
|
||||||
outlook.classList.add("m-outlook");
|
outlook.classList.add("m-outlook");
|
||||||
let outlookContent = createTextNode("open in ");
|
outlook.ac(createTextNode("open in "));
|
||||||
outlook.ac(outlookContent);
|
|
||||||
let outlookSpan = createElement("span");
|
let outlookSpan = createElement("span");
|
||||||
outlookSpan.className = "w-500";
|
outlookSpan.className = "w-500";
|
||||||
let outlookSpanContent = createTextNode("Outlook");
|
outlookSpan.ac(createTextNode("Outlook"));
|
||||||
outlookSpan.ac(outlookSpanContent);
|
|
||||||
outlook.ac(outlookSpan);
|
outlook.ac(outlookSpan);
|
||||||
|
|
||||||
modalContent.ac(outlook);
|
modalContent.ac(outlook);
|
||||||
@ -167,11 +159,9 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
open.classList.add("m-default");
|
open.classList.add("m-default");
|
||||||
let openSpan = createElement("span");
|
let openSpan = createElement("span");
|
||||||
openSpan.className = "w-500";
|
openSpan.className = "w-500";
|
||||||
let openSpanContent = createTextNode("open");
|
openSpan.ac(createTextNode("open"));
|
||||||
openSpan.ac(openSpanContent);
|
|
||||||
let openContent = createTextNode(" default");
|
|
||||||
open.ac(openSpan);
|
open.ac(openSpan);
|
||||||
open.ac(openContent);
|
open.ac(createTextNode(" default"));
|
||||||
|
|
||||||
modalContent.ac(open);
|
modalContent.ac(open);
|
||||||
|
|
||||||
@ -181,8 +171,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
copyMail.href = DEFAULT_BTN_HREF;
|
copyMail.href = DEFAULT_BTN_HREF;
|
||||||
copyMail.classList.add("m-copy");
|
copyMail.classList.add("m-copy");
|
||||||
copyMail.classList.add("w-500");
|
copyMail.classList.add("w-500");
|
||||||
let copyContent = createTextNode("copy");
|
copyMail.ac(createTextNode("copy"));
|
||||||
copyMail.ac(copyContent);
|
|
||||||
|
|
||||||
modalContent.ac(copyMail);
|
modalContent.ac(copyMail);
|
||||||
|
|
||||||
@ -228,12 +217,10 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
// by default not display
|
// by default not display
|
||||||
telegram.style.display = "none";
|
telegram.style.display = "none";
|
||||||
|
|
||||||
let telegramContent = createTextNode("open in ");
|
telegram.ac(createTextNode("open in "));
|
||||||
telegram.ac(telegramContent);
|
|
||||||
let telegramSpan = createElement("span");
|
let telegramSpan = createElement("span");
|
||||||
telegramSpan.className = "w-500";
|
telegramSpan.className = "w-500";
|
||||||
let telegramSpanContent = createTextNode("Telegram");
|
telegramSpan.ac(createTextNode("Telegram"));
|
||||||
telegramSpan.ac(telegramSpanContent);
|
|
||||||
telegram.ac(telegramSpan);
|
telegram.ac(telegramSpan);
|
||||||
|
|
||||||
modalContent.ac(telegram);
|
modalContent.ac(telegram);
|
||||||
@ -244,12 +231,10 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
wa.href = DEFAULT_BTN_HREF;
|
wa.href = DEFAULT_BTN_HREF;
|
||||||
wa.classList.add("m-open");
|
wa.classList.add("m-open");
|
||||||
wa.classList.add("m-wa");
|
wa.classList.add("m-wa");
|
||||||
let waContent = createTextNode("open in ");
|
wa.ac(createTextNode("open in "));
|
||||||
wa.ac(waContent);
|
|
||||||
let waSpan = createElement("span");
|
let waSpan = createElement("span");
|
||||||
waSpan.className = "w-500";
|
waSpan.className = "w-500";
|
||||||
let waSpanContent = createTextNode("WhatsApp");
|
waSpan.ac(createTextNode("WhatsApp"));
|
||||||
waSpan.ac(waSpanContent);
|
|
||||||
wa.ac(waSpan);
|
wa.ac(waSpan);
|
||||||
|
|
||||||
modalContent.ac(wa);
|
modalContent.ac(wa);
|
||||||
@ -260,12 +245,10 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
skype.href = DEFAULT_BTN_HREF;
|
skype.href = DEFAULT_BTN_HREF;
|
||||||
skype.classList.add("m-open");
|
skype.classList.add("m-open");
|
||||||
skype.classList.add("m-skype");
|
skype.classList.add("m-skype");
|
||||||
let skypeContent = createTextNode("open in ");
|
skype.ac(createTextNode("open in "));
|
||||||
skype.ac(skypeContent);
|
|
||||||
let skypeSpan = createElement("span");
|
let skypeSpan = createElement("span");
|
||||||
skypeSpan.className = "w-500";
|
skypeSpan.className = "w-500";
|
||||||
let skypeSpanContent = createTextNode("Skype");
|
skypeSpan.ac(createTextNode("Skype"));
|
||||||
skypeSpan.ac(skypeSpanContent);
|
|
||||||
skype.ac(skypeSpan);
|
skype.ac(skypeSpan);
|
||||||
|
|
||||||
modalContent.ac(skype);
|
modalContent.ac(skype);
|
||||||
@ -278,11 +261,9 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
call.classList.add("m-default");
|
call.classList.add("m-default");
|
||||||
let callSpan = createElement("span");
|
let callSpan = createElement("span");
|
||||||
callSpan.className = "w-500";
|
callSpan.className = "w-500";
|
||||||
let callSpanContent = createTextNode("call");
|
callSpan.ac(createTextNode("call"));
|
||||||
callSpan.ac(callSpanContent);
|
|
||||||
let callContent = createTextNode(" as default");
|
|
||||||
call.ac(callSpan);
|
call.ac(callSpan);
|
||||||
call.ac(callContent);
|
call.ac(createTextNode(" as default"));
|
||||||
|
|
||||||
modalContent.ac(call);
|
modalContent.ac(call);
|
||||||
|
|
||||||
@ -292,8 +273,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
copyTel.href = DEFAULT_BTN_HREF;
|
copyTel.href = DEFAULT_BTN_HREF;
|
||||||
copyTel.classList.add("m-copy");
|
copyTel.classList.add("m-copy");
|
||||||
copyTel.classList.add("w-500");
|
copyTel.classList.add("w-500");
|
||||||
let copyContent = createTextNode("copy");
|
copyTel.ac(createTextNode("copy"));
|
||||||
copyTel.ac(copyContent);
|
|
||||||
|
|
||||||
modalContent.ac(copyTel);
|
modalContent.ac(copyTel);
|
||||||
|
|
||||||
@ -763,8 +743,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
by.className = "m-by";
|
by.className = "m-by";
|
||||||
by.target = "_blank";
|
by.target = "_blank";
|
||||||
by.rel = "noopener noreferrer";
|
by.rel = "noopener noreferrer";
|
||||||
let textBy = createTextNode("mailgo.js.org");
|
by.ac(createTextNode("mailgo.js.org"));
|
||||||
by.ac(textBy);
|
|
||||||
|
|
||||||
return by;
|
return by;
|
||||||
};
|
};
|
||||||
@ -854,8 +833,7 @@ const mailgoVersion = "MAILGO_VERSION";
|
|||||||
let mailgoCSS = createElement("style");
|
let mailgoCSS = createElement("style");
|
||||||
mailgoCSS.id = "mailgo-style";
|
mailgoCSS.id = "mailgo-style";
|
||||||
mailgoCSS.type = "text/css";
|
mailgoCSS.type = "text/css";
|
||||||
let mailgoCSSContent = createTextNode(`MAILGO_STYLE`);
|
mailgoCSS.ac(createTextNode(`MAILGO_STYLE`));
|
||||||
mailgoCSS.ac(mailgoCSSContent);
|
|
||||||
document.head.ac(mailgoCSS);
|
document.head.ac(mailgoCSS);
|
||||||
|
|
||||||
// DOMContentLoaded -> mailgoInit (creates the modals)
|
// DOMContentLoaded -> mailgoInit (creates the modals)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user