ottengo correttamente i parametri

This commit is contained in:
Matteo Manzinello 2019-05-03 18:11:00 +02:00
parent 10c034a0fb
commit 565822a8ee
5 changed files with 16 additions and 6 deletions

10
dist/mailgo.js vendored
View File

@ -45,6 +45,12 @@ 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 modal = document.createElement("div");
modal.className = "mailgo-modal";
modal.setAttribute("data-index", index);
@ -57,8 +63,8 @@ mailgos.forEach((mailgo, index) => {
modalContent.className = "mailgo-modal-content";
modal.appendChild(modalContent);
let text = document.createTextNode("mailgo");
modalContent.appendChild(text);
let strong = document.createTextNode("mailgo");
modalContent.appendChild(strong);
mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);

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 }\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=document.createElement("div");n.className="mailgo-modal",n.setAttribute("data-index",t);let a=document.createElement("div");a.className="mailgo-modal-background",n.appendChild(a);let l=document.createElement("div");l.className="mailgo-modal-content",n.appendChild(l);let o=document.createTextNode("mailgo");l.appendChild(o),e.parentNode.insertBefore(n,e.nextSibling),e.addEventListener("click",t=>{t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),a.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 }\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)});

View File

@ -1,5 +1,6 @@
const { src, dest, parallel } = require("gulp");
const uglify = require("gulp-uglify");
const terser = require("gulp-terser");
const rename = require("gulp-rename");

View File

@ -1,2 +1,2 @@
<a href="mailto:matteo@manzinello.dev">matteo@manzinello.dev</a>
<a href="mailto:matteo@manzinello.dev?cc=ciao">matteo@manzinello.dev</a>
<script src="dist/mailgo.js"></script>

View File

@ -45,6 +45,9 @@ console.log("mailgo is WIP!");
// attivo mailgo su tutti gli elementi
mailgos.forEach((mailgo, index) => {
let url = new URL(mailgo.href);
let urlParams = new URLSearchParams(url.search);
let modal = document.createElement("div");
modal.className = "mailgo-modal";
modal.setAttribute("data-index", index);
@ -57,8 +60,8 @@ mailgos.forEach((mailgo, index) => {
modalContent.className = "mailgo-modal-content";
modal.appendChild(modalContent);
let text = document.createTextNode("mailgo");
modalContent.appendChild(text);
let strong = document.createTextNode("mailgo");
modalContent.appendChild(strong);
mailgo.parentNode.insertBefore(modal, mailgo.nextSibling);