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 ");