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

abilitato anche a con class

Browse Source
This commit is contained in:
Matteo Manzinello committed 2019-05-06 19:01:59 +02:00
1 parent e3483cec6e
commit b3838136c0
3 files changed
+40 -26
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

dist/mailgo.js
Vendored
+32 -21
View File
@@ -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 <a> 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 <a> 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 ");
dist/mailgo.min.js
Vendored
+1 -1
View File
@@ -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.classLisLine truncated
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.appendChildLine truncated
src/mailgo.js
+7 -4
View File
@@ -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 <a> 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 ");