From 943ddfae0dbcc88e0854ef937f9d04f6d1964233 Mon Sep 17 00:00:00 2001 From: Matteo Manzinello Date: Fri, 3 May 2019 18:29:50 +0200 Subject: [PATCH] gulp --- dist/mailgo.js | 10 +++++----- dist/mailgo.min.js | 2 +- src/mailgo.js | 5 ++++- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/dist/mailgo.js b/dist/mailgo.js index 756a768..9fbb511 100644 --- a/dist/mailgo.js +++ b/dist/mailgo.js @@ -18,6 +18,7 @@ let styles = ` bottom: 0; left: 0; display: none; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .mailgo-modal.is-active { display: flex; @@ -46,10 +47,7 @@ console.log("mailgo is WIP!"); // attivo mailgo su tutti gli elementi mailgos.forEach((mailgo, index) => { let url = new URL(mailgo.href); - const urlParams = new URLSearchParams(url.search); - console.log("cc:" + urlParams.get("cc")); - - console.log(); + let urlParams = new URLSearchParams(url.search); let modal = document.createElement("div"); modal.className = "mailgo-modal"; @@ -63,7 +61,9 @@ mailgos.forEach((mailgo, index) => { modalContent.className = "mailgo-modal-content"; modal.appendChild(modalContent); - let strong = document.createTextNode("mailgo"); + let strong = document.createElement("strong"); + let strongContent = document.createTextNode("mailgo"); + strong.appendChild(strongContent); modalContent.appendChild(strong); mailgo.parentNode.insertBefore(modal, mailgo.nextSibling); diff --git a/dist/mailgo.min.js b/dist/mailgo.min.js index 020eb70..17e9399 100644 --- a/dist/mailgo.min.js +++ b/dist/mailgo.min.js @@ -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 }\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,n)=>{let t=new URL(e.href);const a=new URLSearchParams(t.search);console.log("cc:"+a.get("cc")),console.log();let l=document.createElement("div");l.className="mailgo-modal",l.setAttribute("data-index",n);let o=document.createElement("div");o.className="mailgo-modal-background",l.appendChild(o);let i=document.createElement("div");i.className="mailgo-modal-content",l.appendChild(i);let c=document.createTextNode("mailgo");i.appendChild(c),e.parentNode.insertBefore(l,e.nextSibling),e.addEventListener("click",n=>{n.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),o.addEventListener("click",n=>{e.nextElementSibling.classList.remove("is-active")},!1)}); \ No newline at end of file +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)}); \ No newline at end of file diff --git a/src/mailgo.js b/src/mailgo.js index d01c73d..9fbb511 100644 --- a/src/mailgo.js +++ b/src/mailgo.js @@ -18,6 +18,7 @@ let styles = ` bottom: 0; left: 0; display: none; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .mailgo-modal.is-active { display: flex; @@ -60,7 +61,9 @@ mailgos.forEach((mailgo, index) => { modalContent.className = "mailgo-modal-content"; modal.appendChild(modalContent); - let strong = document.createTextNode("mailgo"); + let strong = document.createElement("strong"); + let strongContent = document.createTextNode("mailgo"); + strong.appendChild(strongContent); modalContent.appendChild(strong); mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);