aggiunti tutti i dettagli
This commit is contained in:
Matteo Manzinello committed
1 parent
a1ff8f5fdc
commit
ba97a975cc
3 files changed
+204
-130
No files matched your search
Vendored
+142
-123
@@ -1,20 +1,20 @@
|
||||
// ottengo tutti i mailto contenuti nella pagina
|
||||
let mailgos = document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)');
|
||||
|
||||
let styles = `
|
||||
|
||||
.mailgo-modal {
|
||||
all: initial;
|
||||
* {
|
||||
all: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.mailgo-title {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.mailgo-details {
|
||||
font-size: 12px;
|
||||
}
|
||||
.mailgo-details p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.mailgo-modal-background {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -87,146 +87,165 @@ let styles = `
|
||||
}
|
||||
`;
|
||||
|
||||
// CSS
|
||||
let styleSheet = document.createElement("style");
|
||||
styleSheet.type = "text/css";
|
||||
styleSheet.innerText = styles;
|
||||
document.head.appendChild(styleSheet);
|
||||
function mailgoInit() {
|
||||
// ottengo tutti i mailto contenuti nella pagina
|
||||
let mailgos = document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)');
|
||||
|
||||
console.log("mailgo is WIP!");
|
||||
// CSS
|
||||
let styleSheet = document.createElement("style");
|
||||
styleSheet.type = "text/css";
|
||||
styleSheet.innerText = styles;
|
||||
document.head.appendChild(styleSheet);
|
||||
|
||||
// attivo mailgo su tutti gli elementi
|
||||
mailgos.forEach((mailgo, index) => {
|
||||
let mail = mailgo.href
|
||||
.split("?")[0]
|
||||
.split("mailto:")[1]
|
||||
.trim();
|
||||
console.log("mailgo is WIP!");
|
||||
|
||||
if (!validateEmail(mail)) return;
|
||||
// attivo mailgo su tutti gli elementi
|
||||
mailgos.forEach(function(mailgo, index) {
|
||||
let mail = mailgo.href
|
||||
.split("?")[0]
|
||||
.split("mailto:")[1]
|
||||
.trim();
|
||||
|
||||
let url = new URL(mailgo.href);
|
||||
let urlParams = new URLSearchParams(url.search);
|
||||
let url = new URL(mailgo.href);
|
||||
let urlParams = new URLSearchParams(url.search);
|
||||
|
||||
let subject = urlParams.get("subject");
|
||||
let body = urlParams.get("body");
|
||||
let cc = urlParams.get("cc");
|
||||
let bcc = urlParams.get("bcc");
|
||||
let cc = urlParams.get("cc");
|
||||
let bcc = urlParams.get("bcc");
|
||||
let subject = urlParams.get("subject");
|
||||
let body = urlParams.get("body");
|
||||
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.setAttribute("data-index", index);
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
let modalBackground = document.createElement("div");
|
||||
modalBackground.className = "mailgo-modal-background";
|
||||
modal.appendChild(modalBackground);
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.setAttribute("data-index", index);
|
||||
|
||||
let modalContent = document.createElement("div");
|
||||
modalContent.className = "mailgo-modal-content";
|
||||
modal.appendChild(modalContent);
|
||||
// background
|
||||
let modalBackground = document.createElement("div");
|
||||
modalBackground.className = "mailgo-modal-background";
|
||||
modal.appendChild(modalBackground);
|
||||
|
||||
// titolo (l'email)
|
||||
let strong = document.createElement("strong");
|
||||
strong.className = "mailgo-title";
|
||||
let strongContent = document.createTextNode(mail);
|
||||
strong.appendChild(strongContent);
|
||||
modalContent.appendChild(strong);
|
||||
let modalContent = document.createElement("div");
|
||||
modalContent.className = "mailgo-modal-content";
|
||||
modal.appendChild(modalContent);
|
||||
|
||||
// details
|
||||
let details = document.createElement("div");
|
||||
details.className = "mailgo-details";
|
||||
// titolo (l'email)
|
||||
let strong = document.createElement("strong");
|
||||
strong.className = "mailgo-title";
|
||||
let strongContent = document.createTextNode(mail);
|
||||
strong.appendChild(strongContent);
|
||||
modalContent.appendChild(strong);
|
||||
|
||||
modalContent.appendChild(details);
|
||||
// details
|
||||
let details = document.createElement("div");
|
||||
details.className = "mailgo-details";
|
||||
|
||||
// Gmail
|
||||
let gmail = document.createElement("a");
|
||||
gmail.href = "https://mail.google.com/mail?extsrc=mailto&url=" + mailgo.href;
|
||||
gmail.classList.add("mailgo-open");
|
||||
gmail.classList.add("gmail");
|
||||
let gmailContent = document.createTextNode("open in ");
|
||||
gmail.appendChild(gmailContent);
|
||||
let gmailSpan = document.createElement("span");
|
||||
gmailSpan.className = "mailgo-weight-500";
|
||||
let gmailSpanContent = document.createTextNode("Gmail");
|
||||
gmailSpan.appendChild(gmailSpanContent);
|
||||
gmail.appendChild(gmailSpan);
|
||||
let detailCC = document.createElement("p");
|
||||
let ccSpan = document.createElement("span");
|
||||
ccSpan.className = "mailgo-weight-500";
|
||||
let ccContent = document.createTextNode("cc");
|
||||
ccSpan.appendChild(ccContent);
|
||||
let ccValue = document.createTextNode(": " + cc);
|
||||
detailCC.appendChild(ccSpan);
|
||||
detailCC.appendChild(ccValue);
|
||||
details.appendChild(detailCC);
|
||||
|
||||
modalContent.appendChild(gmail);
|
||||
modalContent.appendChild(details);
|
||||
|
||||
// Outlook
|
||||
let outlook = document.createElement("a");
|
||||
outlook.href =
|
||||
"https://outlook.office.com/owa/?rru=compose&to=" + mail + url.search;
|
||||
outlook.classList.add("mailgo-open");
|
||||
outlook.classList.add("outlook");
|
||||
let outlookContent = document.createTextNode("open in ");
|
||||
outlook.appendChild(outlookContent);
|
||||
let outlookSpan = document.createElement("span");
|
||||
outlookSpan.className = "mailgo-weight-500";
|
||||
let outlookSpanContent = document.createTextNode("Outlook");
|
||||
outlookSpan.appendChild(outlookSpanContent);
|
||||
outlook.appendChild(outlookSpan);
|
||||
// Gmail
|
||||
let gmail = document.createElement("a");
|
||||
gmail.href =
|
||||
"https://mail.google.com/mail?extsrc=mailto&url=" + mailgo.href;
|
||||
gmail.classList.add("mailgo-open");
|
||||
gmail.classList.add("gmail");
|
||||
let gmailContent = document.createTextNode("open in ");
|
||||
gmail.appendChild(gmailContent);
|
||||
let gmailSpan = document.createElement("span");
|
||||
gmailSpan.className = "mailgo-weight-500";
|
||||
let gmailSpanContent = document.createTextNode("Gmail");
|
||||
gmailSpan.appendChild(gmailSpanContent);
|
||||
gmail.appendChild(gmailSpan);
|
||||
|
||||
modalContent.appendChild(outlook);
|
||||
modalContent.appendChild(gmail);
|
||||
|
||||
// default
|
||||
let open = document.createElement("a");
|
||||
open.href = mailgo.href;
|
||||
open.classList.add("mailgo-open");
|
||||
open.classList.add("mailgo-weight-500");
|
||||
let openContent = document.createTextNode("open");
|
||||
open.appendChild(openContent);
|
||||
modalContent.appendChild(open);
|
||||
// Outlook
|
||||
let outlook = document.createElement("a");
|
||||
outlook.href =
|
||||
"https://outlook.office.com/owa/?rru=compose&to=" + mail + url.search;
|
||||
outlook.classList.add("mailgo-open");
|
||||
outlook.classList.add("outlook");
|
||||
let outlookContent = document.createTextNode("open in ");
|
||||
outlook.appendChild(outlookContent);
|
||||
let outlookSpan = document.createElement("span");
|
||||
outlookSpan.className = "mailgo-weight-500";
|
||||
let outlookSpanContent = document.createTextNode("Outlook");
|
||||
outlookSpan.appendChild(outlookSpanContent);
|
||||
outlook.appendChild(outlookSpan);
|
||||
|
||||
// copia l'email
|
||||
let copy = document.createElement("a");
|
||||
copy.href = "#mailgo-copy";
|
||||
copy.classList.add("mailgo-copy");
|
||||
copy.classList.add("mailgo-weight-500");
|
||||
let copyContent = document.createTextNode("copy");
|
||||
copy.appendChild(copyContent);
|
||||
copy.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
copyToClipboard(mail);
|
||||
copy.innerHTML = "copied!";
|
||||
},
|
||||
false
|
||||
);
|
||||
modalContent.appendChild(copy);
|
||||
modalContent.appendChild(outlook);
|
||||
|
||||
// details
|
||||
let by = document.createElement("a");
|
||||
by.href = "https://mailgo.js.org";
|
||||
by.className = "mailgo-by";
|
||||
by.target = "_blank";
|
||||
// default
|
||||
let open = document.createElement("a");
|
||||
open.href = mailgo.href;
|
||||
open.classList.add("mailgo-open");
|
||||
open.classList.add("mailgo-weight-500");
|
||||
let openContent = document.createTextNode("open");
|
||||
open.appendChild(openContent);
|
||||
modalContent.appendChild(open);
|
||||
|
||||
let textBy = document.createTextNode("mailgo.js.org");
|
||||
by.appendChild(textBy);
|
||||
// copia l'email
|
||||
let copy = document.createElement("a");
|
||||
copy.href = "#mailgo-copy";
|
||||
copy.classList.add("mailgo-copy");
|
||||
copy.classList.add("mailgo-weight-500");
|
||||
let copyContent = document.createTextNode("copy");
|
||||
copy.appendChild(copyContent);
|
||||
copy.addEventListener(
|
||||
"click",
|
||||
function(event) {
|
||||
copyToClipboard(mail);
|
||||
copy.innerHTML = "copied!";
|
||||
},
|
||||
false
|
||||
);
|
||||
modalContent.appendChild(copy);
|
||||
|
||||
modalContent.appendChild(by);
|
||||
// details
|
||||
let by = document.createElement("a");
|
||||
by.href = "https://mailgo.js.org";
|
||||
by.className = "mailgo-by";
|
||||
by.target = "_blank";
|
||||
|
||||
mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);
|
||||
let textBy = document.createTextNode("mailgo.js.org");
|
||||
by.appendChild(textBy);
|
||||
|
||||
mailgo.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
// blocco l'esecuzione normale del mailto:
|
||||
event.preventDefault();
|
||||
modalContent.appendChild(by);
|
||||
|
||||
// setto il modal come attivo
|
||||
mailgo.nextElementSibling.classList.add("is-active");
|
||||
},
|
||||
false
|
||||
);
|
||||
mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);
|
||||
|
||||
modalBackground.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
mailgo.nextElementSibling.classList.remove("is-active");
|
||||
},
|
||||
false
|
||||
);
|
||||
});
|
||||
mailgo.addEventListener(
|
||||
"click",
|
||||
function(event) {
|
||||
// blocco l'esecuzione normale del mailto:
|
||||
event.preventDefault();
|
||||
|
||||
// setto il modal come attivo
|
||||
mailgo.nextElementSibling.classList.add("is-active");
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
modalBackground.addEventListener(
|
||||
"click",
|
||||
function(event) {
|
||||
mailgo.nextElementSibling.classList.remove("is-active");
|
||||
},
|
||||
false
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", mailgoInit, false);
|
||||
|
||||
function validateEmail(email) {
|
||||
var re = /^(([^<>()[\]\\.,;:\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,}))$/;
|
||||
|
||||
Vendored
+1
-1
@@ -1 +1 @@
|
||||
let mailgos=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),styles='\n\n .mailgo-modal {\n all: initial;\n * {\n all: unset;\n }\n }\n\n .mailgo-title {\n display: block;\n margin-bottom: 16px;\n }\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 a.mailgo-copy {\n margin-top: 10px;\n padding: 16px 10px;\n }\n .mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 0.75rem;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }\n',styleSheet=document.createElement("style");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))}styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),console.log("mailgo is WIP!"),mailgos.forEach((e,t)=>{let n=e.href.split("?")[0].split("mailto:")[1].trim();if(!validateEmail(n))return;let o=new URL(e.href),a=new URLSearchParams(o.search),l=(a.get("subject"),a.get("body"),a.get("cc"),a.get("bcc"),document.createElement("div"));l.className="mailgo-modal",l.setAttribute("data-index",t);let i=document.createElement("div");i.className="mailgo-modal-background",l.appendChild(i);let d=document.createElement("div");d.className="mailgo-modal-content",l.appendChild(d);let c=document.createElement("strong");c.className="mailgo-title";let m=document.createTextNode(n);c.appendChild(m),d.appendChild(c);let s=document.createElement("div");s.className="mailgo-details",d.appendChild(s);let r=document.createElement("a");r.href="https://mail.google.com/mail?extsrc=mailto&url="+e.href,r.classList.add("mailgo-open"),r.classList.add("gmail");let p=document.createTextNode("open in ");r.appendChild(p);let g=document.createElement("span");g.className="mailgo-weight-500";let u=document.createTextNode("Gmail");g.appendChild(u),r.appendChild(g),d.appendChild(r);let h=document.createElement("a");h.href="https://outlook.office.com/owa/?rru=compose&to="+n+o.search,h.classList.add("mailgo-open"),h.classList.add("outlook");let b=document.createTextNode("open in ");h.appendChild(b);let y=document.createElement("span");y.className="mailgo-weight-500";let x=document.createTextNode("Outlook");y.appendChild(x),h.appendChild(y),d.appendChild(h);let f=document.createElement("a");f.href=e.href,f.classList.add("mailgo-open"),f.classList.add("mailgo-weight-500");let C=document.createTextNode("open");f.appendChild(C),d.appendChild(f);let E=document.createElement("a");E.href="#mailgo-copy",E.classList.add("mailgo-copy"),E.classList.add("mailgo-weight-500");let v=document.createTextNode("copy");E.appendChild(v),E.addEventListener("click",e=>{copyToClipboard(n),E.innerHTML="copied!"},!1),d.appendChild(E);let k=document.createElement("a");k.href="https://mailgo.js.org",k.className="mailgo-by",k.target="_blank";let S=document.createTextNode("mailgo.js.org");k.appendChild(S),d.appeLine truncated
|
||||
let styles='\n .mailgo-modal {\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 }\n .mailgo-details p {\n margin-top: 5px;\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 a.mailgo-copy {\n margin-top: 10px;\n padding: 16px 10px;\n }\n .mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 0.75rem;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }\n';function mailgoInit(){let e=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),t=document.createElement("style");t.type="text/css",t.innerText=styles,document.head.appendChild(t),console.log("mailgo is WIP!"),e.forEach(function(e,t){let n=e.href.split("?")[0].split("mailto:")[1].trim(),o=new URL(e.href),a=new URLSearchParams(o.search),l=a.get("cc");a.get("bcc"),a.get("subject"),a.get("body");if(!validateEmail(n))return;let i=document.createElement("div");i.className="mailgo-modal",i.setAttribute("data-index",t);let d=document.createElement("div");d.className="mailgo-modal-background",i.appendChild(d);let c=document.createElement("div");c.className="mailgo-modal-content",i.appendChild(c);let m=document.createElement("strong");m.className="mailgo-title";let r=document.createTextNode(n);m.appendChild(r),c.appendChild(m);let s=document.createElement("div");s.className="mailgo-details";let p=document.createElement("p"),g=document.createElement("span");g.className="mailgo-weight-500";let u=document.createTextNode("cc");g.appendChild(u);let h=document.createTextNode(": "+l);p.appendChild(g),p.appendChild(h),s.appendChild(p),c.appendChild(s);let b=document.createElement("a");b.href="https://mail.google.com/mail?extsrc=mailto&url="+e.href,b.classList.add("mailgo-open"),b.classList.add("gmail");let x=document.createTextNode("open in ");b.appendChild(x);let f=document.createElement("span");f.className="mailgo-weight-500";let y=document.createTextNode("Gmail");f.appendChild(y),b.appendChild(f),c.appendChild(b);let C=document.createElement("a");C.href="https://outlook.office.com/owa/?rru=compose&to="+n+o.search,C.classList.add("mailgo-open"),C.classList.add("outlook");let E=document.createTextNode("open in ");C.appendChild(E);let v=document.createElement("span");v.className="mailgo-weight-500";let k=document.createTextNode("Outlook");v.appendChild(k),C.appendChild(v),c.appendChild(C);let N=document.createElement("a");N.href=e.href,N.classList.add("mailgo-open"),N.classList.add("mailgo-weight-500");let L=document.createTextNode("open");N.appendChild(L),c.appendChild(N);let S=document.createElement("a");S.href="#mailgo-copy",S.classList.add("mailgo-copy"),S.classList.add("mailgo-weight-500");let T=document.createTextNode("copy");S.appendChild(T),S.addEventListener("click",function(e){copyToClipboard(n),S.innerHTML="copied!"},!1),c.appendChild(S);let w=document.createElement("a");w.href="https://mailgo.js.org",w.className="mailgo-by",w.target="_blank";let A=document.createTextNode("mailgo.js.org");w.appendChild(A),c.appendChild(w),e.parentNode.insertBefore(i,e.nextSibling),e.addEventListener("click",function(t){t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),d.addEventListener("click",function(t){e.nextElementSibling.classList.remove("is-active")},!1)})}function validateEmail(e)Line truncated
|
||||
Reference in new issue
Block a user