diff --git a/dist/mailgo.js b/dist/mailgo.js
index 376f384..adb8c9d 100644
--- a/dist/mailgo.js
+++ b/dist/mailgo.js
@@ -1,20 +1,14 @@
function mailgoInit() {
const styles = `
- .mailgo {
- all: initial;
- * {
- all: unset;
- }
- }
.mailgo-title {
display: block;
margin-bottom: 5px;
}
.mailgo-details {
- font-size: 12px;
margin-bottom: 10px;
}
.mailgo-details p {
+ font-size: 12px;
margin-top: 3px;
margin-bottom: 3px;
}
@@ -97,28 +91,46 @@ function mailgoInit() {
// ottengo tutti i mailto contenuti nella pagina
const mailgos = document.querySelectorAll(
- 'a[href^="mailto:"]:not(.no-mailgo)'
+ 'a[href^="mailto:"]:not(.no-mailgo), a.mailgo'
);
// attivo mailgo su tutti gli elementi
mailgos.forEach(function(mailgo, index) {
- let mail = mailgo.href
- .split("?")[0]
- .split("mailto:")[1]
- .trim();
+ let mail = "",
+ mailtoHref = "",
+ cc = "",
+ bcc = "",
+ subject = "",
+ bodyMail = "";
- let url = new URL(mailgo.href);
- let urlParams = new URLSearchParams(url.search);
+ // caso in cui applico mailgo ad un con mailto:
+ if (mailgo.href && mailgo.href.includes("mailto:")) {
+ mail = mailgo.href
+ .split("?")[0]
+ .split("mailto:")[1]
+ .trim();
- let cc = urlParams.get("cc");
- let bcc = urlParams.get("bcc");
- let subject = urlParams.get("subject");
- let bodyMail = urlParams.get("body");
+ mailtoHref = mailgo.href;
+ url = new URL(mailtoHref);
+ let urlParams = new URLSearchParams(url.search);
+
+ cc = urlParams.get("cc");
+ bcc = urlParams.get("bcc");
+ subject = urlParams.get("subject");
+ bodyMail = urlParams.get("body");
+ } else {
+ // caso in cui applico mailgo ad con class="mailgo"
+ mail =
+ mailgo.getAttribute("data-address") +
+ "@" +
+ mailgo.getAttribute("data-domain");
+ mailtoHref = "mailto:" + mail;
+ url = new URL(mailtoHref);
+ }
if (!validateEmail(mail)) return;
let modal = document.createElement("div");
- modal.classList.add("mailgo");
modal.classList.add("mailgo-modal");
modal.setAttribute("data-index", index);
@@ -194,8 +206,7 @@ function mailgoInit() {
// Gmail
let gmail = document.createElement("a");
- gmail.href =
- "https://mail.google.com/mail?extsrc=mailto&url=" + mailgo.href;
+ gmail.href = "https://mail.google.com/mail?extsrc=mailto&url=" + mailtoHref;
gmail.classList.add("mailgo-open");
gmail.classList.add("gmail");
let gmailContent = document.createTextNode("open in ");
diff --git a/dist/mailgo.min.js b/dist/mailgo.min.js
index 47772ee..ef5a839 100644
--- a/dist/mailgo.min.js
+++ b/dist/mailgo.min.js
@@ -1 +1 @@
-function mailgoInit(){const e=document.createElement("style");e.type="text/css",e.innerText='\n .mailgo {\n all: initial;\n * {\n all: unset;\n }\n }\n .mailgo-title {\n display: block;\n margin-bottom: 5px;\n }\n .mailgo-details {\n font-size: 12px;\n margin-bottom: 10px;\n }\n .mailgo-details p {\n margin-top: 3px;\n margin-bottom: 3px;\n }\n .mailgo-modal-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(10,10,10,.86);\n opacity: 0.8;\n }\n .mailgo-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n }\n .mailgo-modal.is-active {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mailgo-modal-content {\n z-index: 1000;\n text-align: center;\n width: 200px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n color: #4a4a4a;\n display: block;\n padding: 1.25rem;\n }\n .mailgo-modal-content a {\n display: block;\n color: #4a4a4a;\n border-radius: 4px;\n text-decoration: none;\n }\n .mailgo-modal-content a {\n padding: 10px;\n }\n .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {\n background-color: rgba(0, 0, 0, 0.08);\n }\n .mailgo-modal-content a.outlook {\n color: #0072C6;\n }\n .mailgo-modal-content a.gmail {\n color: #D44638;\n }\n .mailgo-modal-content a.outlook:hover {\n background-color: rgba(0, 114, 198, 0.08);\n }\n .mailgo-modal-content a.gmail:hover {\n background-color: rgba(212, 70, 56, 0.08);\n }\n .mailgo-modal-content a.mailgo-copy {\n padding: 16px 10px;\n }\n .mailgo-modal-content a.mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 1rem;\n padding: 0px;\n font-style: italic;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }',document.head.appendChild(e),document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)').forEach(function(e,t){let n=e.href.split("?")[0].split("mailto:")[1].trim(),a=new URL(e.href),o=new URLSearchParams(a.search),l=o.get("cc"),d=o.get("bcc"),i=o.get("subject"),c=o.get("body");if(!validateEmail(n))return;let m=document.createElement("div");m.classList.add("mailgo"),m.classList.add("mailgo-modal"),m.setAttribute("data-index",t);let p=document.createElement("div");p.className="mailgo-modal-background",m.appendChild(p);let r=document.createElement("div");r.className="mailgo-modal-content",m.appendChild(r);let s=document.createElement("strong");s.className="mailgo-title";let g=document.createTextNode(n);s.appendChild(g),r.appendChild(s);let u=document.createElement("div");if(u.className="mailgo-details",l&&""!=l){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+l);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("bcc");t.appendChild(n);let a=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(i&&""!=i){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+i);e.appendChild(t),e.appendChild(a),u.appendChild(e)}if(c&&""!=c){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+c);e.appendChild(t),e.appendChild(a),u.appendChild(e)}r.appendChild(u);let h=document.createElement("a");h.href="https://mail.google.com/mail?extsrc=mailto&url="+e.href,h.classList.add("mailgo-open"),h.classList.add("gmail");let x=document.createTextNode("open in ");h.appendChild(x);let b=document.createElement("span");b.className="mailgo-weight-500";let C=document.createTextNode("Gmail");b.appendChild(C),h.appendChild(b),r.appendChild(h);let f=document.createElement("a");f.href="https://outlook.office.com/owa/?rru=compose&to="+n+a.search,f.classList.add("mailgo-open"),f.classList.add("outlook");let E=document.createTextNode("open in ");f.appendChild(E);let y=document.createElement("span");y.className="mailgo-weight-500";let N=document.createTextNode("Outlook");y.appendChild(N),f.appendChild(y),r.appendChild(f);let v=document.createElement("a");v.href=e.href,v.classList.add("mailgo-open"),v.classList.add("mailgo-weight-500");let k=document.createTextNode("open");v.appendChild(k),r.appendChild(v);let L=document.createElement("a");L.href="#mailgo-copy",L.classList.add("mailgo-copy"),L.classList.add("mailgo-weight-500");let T=document.createTextNode("copy");L.appendChild(T),L.addEventListener("click",function(e){copyToClipboard(n),L.innerHTML="copied!"},!1),r.appendChild(L);let w=document.createElement("a");w.href="https://mailgo.js.org",w.className="mailgo-by",w.target="_blank";let S=document.createTextNode("mailgo.js.org");w.appendChild(S),r.appendChild(w),e.parentNode.insertBefore(m,e.nextSibling),e.addEventListener("click",function(t){t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),p.addEventListener("click",function(t){e.nextElementSibling.classList.remove("is-active")},!1)})}function validateEmail(e){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}function copyToClipboard(e){const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);const n=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);t.select(),document.execCommand("copy"),document.body.removeChild(t),n&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(n))}document.addEventListener("DOMContentLoaded",mailgoInit,!1);
\ No newline at end of file
+function mailgoInit(){const e=document.createElement("style");e.type="text/css",e.innerText='\n .mailgo-title {\n display: block;\n margin-bottom: 5px;\n }\n .mailgo-details {\n margin-bottom: 10px;\n }\n .mailgo-details p {\n font-size: 12px;\n margin-top: 3px;\n margin-bottom: 3px;\n }\n .mailgo-modal-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(10,10,10,.86);\n opacity: 0.8;\n }\n .mailgo-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: none;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n }\n .mailgo-modal.is-active {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .mailgo-modal-content {\n z-index: 1000;\n text-align: center;\n width: 200px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n color: #4a4a4a;\n display: block;\n padding: 1.25rem;\n }\n .mailgo-modal-content a {\n display: block;\n color: #4a4a4a;\n border-radius: 4px;\n text-decoration: none;\n }\n .mailgo-modal-content a {\n padding: 10px;\n }\n .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {\n background-color: rgba(0, 0, 0, 0.08);\n }\n .mailgo-modal-content a.outlook {\n color: #0072C6;\n }\n .mailgo-modal-content a.gmail {\n color: #D44638;\n }\n .mailgo-modal-content a.outlook:hover {\n background-color: rgba(0, 114, 198, 0.08);\n }\n .mailgo-modal-content a.gmail:hover {\n background-color: rgba(212, 70, 56, 0.08);\n }\n .mailgo-modal-content a.mailgo-copy {\n padding: 16px 10px;\n }\n .mailgo-modal-content a.mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 1rem;\n padding: 0px;\n font-style: italic;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }',document.head.appendChild(e),document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo), a.mailgo').forEach(function(e,t){let n="",a="",o="",l="",d="",i="";if(e.href&&e.href.includes("mailto:")){n=e.href.split("?")[0].split("mailto:")[1].trim(),a=e.href,url=new URL(a);let t=new URLSearchParams(url.search);o=t.get("cc"),l=t.get("bcc"),d=t.get("subject"),i=t.get("body")}else a="mailto:"+(n=e.getAttribute("data-address")+"@"+e.getAttribute("data-domain")),url=new URL(a);if(!validateEmail(n))return;let c=document.createElement("div");c.classList.add("mailgo-modal"),c.setAttribute("data-index",t);let m=document.createElement("div");m.className="mailgo-modal-background",c.appendChild(m);let p=document.createElement("div");p.className="mailgo-modal-content",c.appendChild(p);let r=document.createElement("strong");r.className="mailgo-title";let s=document.createTextNode(n);r.appendChild(s),p.appendChild(r);let g=document.createElement("div");if(g.className="mailgo-details",o&&""!=o){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+o);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(l&&""!=l){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("bcc");t.appendChild(n);let a=document.createTextNode(": "+l);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(i&&""!=i){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+i);e.appendChild(t),e.appendChild(a),g.appendChild(e)}p.appendChild(g);let u=document.createElement("a");u.href="https://mail.google.com/mail?extsrc=mailto&url="+a,u.classList.add("mailgo-open"),u.classList.add("gmail");let h=document.createTextNode("open in ");u.appendChild(h);let x=document.createElement("span");x.className="mailgo-weight-500";let b=document.createTextNode("Gmail");x.appendChild(b),u.appendChild(x),p.appendChild(u);let f=document.createElement("a");f.href="https://outlook.office.com/owa/?rru=compose&to="+n+url.search,f.classList.add("mailgo-open"),f.classList.add("outlook");let C=document.createTextNode("open in ");f.appendChild(C);let E=document.createElement("span");E.className="mailgo-weight-500";let y=document.createTextNode("Outlook");E.appendChild(y),f.appendChild(E),p.appendChild(f);let N=document.createElement("a");N.href=e.href,N.classList.add("mailgo-open"),N.classList.add("mailgo-weight-500");let v=document.createTextNode("open");N.appendChild(v),p.appendChild(N);let k=document.createElement("a");k.href="#mailgo-copy",k.classList.add("mailgo-copy"),k.classList.add("mailgo-weight-500");let L=document.createTextNode("copy");k.appendChild(L),k.addEventListener("click",function(e){copyToClipboard(n),k.innerHTML="copied!"},!1),p.appendChild(k);let T=document.createElement("a");T.href="https://mailgo.js.org",T.className="mailgo-by",T.target="_blank";let w=document.createTextNode("mailgo.js.org");T.appendChild(w),p.appendChild(T),e.parentNode.insertBefore(c,e.nextSibling),e.addEventListener("click",function(t){t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),m.addEventListener("click",function(t){e.nextElementSibling.classList.remove("is-active")},!1)})}function validateEmail(e){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}function copyToClipboard(e){const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);const n=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);t.select(),document.execCommand("copy"),document.body.removeChild(t),n&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(n))}document.addEventListener("DOMContentLoaded",mailgoInit,!1);
\ No newline at end of file
diff --git a/src/mailgo.js b/src/mailgo.js
index 31c4ea9..adb8c9d 100644
--- a/src/mailgo.js
+++ b/src/mailgo.js
@@ -97,19 +97,21 @@ function mailgoInit() {
// attivo mailgo su tutti gli elementi
mailgos.forEach(function(mailgo, index) {
let mail = "",
+ mailtoHref = "",
cc = "",
bcc = "",
subject = "",
bodyMail = "";
// caso in cui applico mailgo ad un con mailto:
- if (mailgo.href.includes("mailto:")) {
+ if (mailgo.href && mailgo.href.includes("mailto:")) {
mail = mailgo.href
.split("?")[0]
.split("mailto:")[1]
.trim();
- let url = new URL(mailgo.href);
+ mailtoHref = mailgo.href;
+ url = new URL(mailtoHref);
let urlParams = new URLSearchParams(url.search);
cc = urlParams.get("cc");
@@ -122,6 +124,8 @@ function mailgoInit() {
mailgo.getAttribute("data-address") +
"@" +
mailgo.getAttribute("data-domain");
+ mailtoHref = "mailto:" + mail;
+ url = new URL(mailtoHref);
}
if (!validateEmail(mail)) return;
@@ -202,8 +206,7 @@ function mailgoInit() {
// Gmail
let gmail = document.createElement("a");
- gmail.href =
- "https://mail.google.com/mail?extsrc=mailto&url=" + mailgo.href;
+ gmail.href = "https://mail.google.com/mail?extsrc=mailto&url=" + mailtoHref;
gmail.classList.add("mailgo-open");
gmail.classList.add("gmail");
let gmailContent = document.createTextNode("open in ");