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

gulp

Browse Source
This commit is contained in:
Matteo Manzinello 2019-05-03 21:23:02 +02:00
parent 943ddfae0d
commit 0e9e91ad24
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
dist/mailgo.js vendored
View File

@ -27,6 +27,7 @@ let styles = `
} }
.mailgo-modal-content { .mailgo-modal-content {
z-index: 1000; z-index: 1000;
width: 400px;
background-color: #fff; background-color: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1); box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
@ -49,6 +50,12 @@ mailgos.forEach((mailgo, index) => {
let url = new URL(mailgo.href); let url = new URL(mailgo.href);
let urlParams = new URLSearchParams(url.search); let urlParams = new URLSearchParams(url.search);
let mail = url.hostname;
let subject = urlParams.get("subject");
let body = urlParams.get("body");
let cc = urlParams.get("cc");
let bcc = urlParams.get("bcc");
let modal = document.createElement("div"); let modal = document.createElement("div");
modal.className = "mailgo-modal"; modal.className = "mailgo-modal";
modal.setAttribute("data-index", index); modal.setAttribute("data-index", index);
@ -62,7 +69,7 @@ mailgos.forEach((mailgo, index) => {
modal.appendChild(modalContent); modal.appendChild(modalContent);
let strong = document.createElement("strong"); let strong = document.createElement("strong");
let strongContent = document.createTextNode("mailgo"); let strongContent = document.createTextNode(mail);
strong.appendChild(strongContent); strong.appendChild(strongContent);
modalContent.appendChild(strong); modalContent.appendChild(strong);

2
dist/mailgo.min.js vendored
View File

@ -1 +1 @@
let mailgos=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),styles='\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 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',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)}styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),console.log("mailgo is WIP!"),mailgos.forEach((e,t)=>{let n=new URL(e.href),a=(new URLSearchParams(n.search),document.createElement("div"));a.className="mailgo-modal",a.setAttribute("data-index",t);let o=document.createElement("div");o.className="mailgo-modal-background",a.appendChild(o);let l=document.createElement("div");l.className="mailgo-modal-content",a.appendChild(l);let i=document.createElement("strong"),s=document.createTextNode("mailgo");i.appendChild(s),l.appendChild(i),e.parentNode.insertBefore(a,e.nextSibling),e.addEventListener("click",t=>{t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),o.addEventListener("click",t=>{e.nextElementSibling.classList.remove("is-active")},!1)}); let mailgos=document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo)'),styles='\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 width: 400px;\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',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)}styleSheet.type="text/css",styleSheet.innerText=styles,document.head.appendChild(styleSheet),console.log("mailgo is WIP!"),mailgos.forEach((e,t)=>{let n=new URL(e.href),a=new URLSearchParams(n.search),o=n.hostname,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 s=document.createElement("div");s.className="mailgo-modal-content",l.appendChild(s);let d=document.createElement("strong"),c=document.createTextNode(o);d.appendChild(c),s.appendChild(d),e.parentNode.insertBefore(l,e.nextSibling),e.addEventListener("click",t=>{t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),i.addEventListener("click",t=>{e.nextElementSibling.classList.remove("is-active")},!1)});

9
src/mailgo.js
View File

@ -27,6 +27,7 @@ let styles = `
} }
.mailgo-modal-content { .mailgo-modal-content {
z-index: 1000; z-index: 1000;
width: 400px;
background-color: #fff; background-color: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1); box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
@ -49,6 +50,12 @@ mailgos.forEach((mailgo, index) => {
let url = new URL(mailgo.href); let url = new URL(mailgo.href);
let urlParams = new URLSearchParams(url.search); let urlParams = new URLSearchParams(url.search);
let mail = url.split("?")[0];
let subject = urlParams.get("subject");
let body = urlParams.get("body");
let cc = urlParams.get("cc");
let bcc = urlParams.get("bcc");
let modal = document.createElement("div"); let modal = document.createElement("div");
modal.className = "mailgo-modal"; modal.className = "mailgo-modal";
modal.setAttribute("data-index", index); modal.setAttribute("data-index", index);
@ -62,7 +69,7 @@ mailgos.forEach((mailgo, index) => {
modal.appendChild(modalContent); modal.appendChild(modalContent);
let strong = document.createElement("strong"); let strong = document.createElement("strong");
let strongContent = document.createTextNode("mailgo"); let strongContent = document.createTextNode(mail);
strong.appendChild(strongContent); strong.appendChild(strongContent);
modalContent.appendChild(strong); modalContent.appendChild(strong);