aggiunti tutti i dettagli
This commit is contained in:
Matteo Manzinello
parent
a1ff8f5fdc
commit
ba97a975cc
67
dist/mailgo.js
vendored
67
dist/mailgo.js
vendored
@ -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,35 +87,40 @@ 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) => {
|
||||
console.log("mailgo is WIP!");
|
||||
|
||||
// attivo mailgo su tutti gli elementi
|
||||
mailgos.forEach(function(mailgo, index) {
|
||||
let mail = mailgo.href
|
||||
.split("?")[0]
|
||||
.split("mailto:")[1]
|
||||
.trim();
|
||||
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
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 subject = urlParams.get("subject");
|
||||
let body = urlParams.get("body");
|
||||
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.setAttribute("data-index", index);
|
||||
|
||||
// background
|
||||
let modalBackground = document.createElement("div");
|
||||
modalBackground.className = "mailgo-modal-background";
|
||||
modal.appendChild(modalBackground);
|
||||
@ -135,11 +140,22 @@ mailgos.forEach((mailgo, index) => {
|
||||
let details = document.createElement("div");
|
||||
details.className = "mailgo-details";
|
||||
|
||||
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(details);
|
||||
|
||||
// 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=" + mailgo.href;
|
||||
gmail.classList.add("mailgo-open");
|
||||
gmail.classList.add("gmail");
|
||||
let gmailContent = document.createTextNode("open in ");
|
||||
@ -186,7 +202,7 @@ mailgos.forEach((mailgo, index) => {
|
||||
copy.appendChild(copyContent);
|
||||
copy.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
function(event) {
|
||||
copyToClipboard(mail);
|
||||
copy.innerHTML = "copied!";
|
||||
},
|
||||
@ -209,7 +225,7 @@ mailgos.forEach((mailgo, index) => {
|
||||
|
||||
mailgo.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
function(event) {
|
||||
// blocco l'esecuzione normale del mailto:
|
||||
event.preventDefault();
|
||||
|
||||
@ -221,12 +237,15 @@ mailgos.forEach((mailgo, index) => {
|
||||
|
||||
modalBackground.addEventListener(
|
||||
"click",
|
||||
event => {
|
||||
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,}))$/;
|
||||
|
||||
2
dist/mailgo.min.js
vendored
2
dist/mailgo.min.js
vendored
File diff suppressed because one or more lines are too long
@ -7,7 +7,13 @@ let styles = `
|
||||
}
|
||||
.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;
|
||||
@ -100,20 +106,21 @@ function mailgoInit() {
|
||||
.split("mailto:")[1]
|
||||
.trim();
|
||||
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
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 subject = urlParams.get("subject");
|
||||
let bodyMail = urlParams.get("body");
|
||||
|
||||
if (!validateEmail(mail)) return;
|
||||
|
||||
let modal = document.createElement("div");
|
||||
modal.className = "mailgo-modal";
|
||||
modal.setAttribute("data-index", index);
|
||||
|
||||
// background
|
||||
let modalBackground = document.createElement("div");
|
||||
modalBackground.className = "mailgo-modal-background";
|
||||
modal.appendChild(modalBackground);
|
||||
@ -133,6 +140,54 @@ function mailgoInit() {
|
||||
let details = document.createElement("div");
|
||||
details.className = "mailgo-details";
|
||||
|
||||
if (cc != "") {
|
||||
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);
|
||||
}
|
||||
|
||||
if (bcc != "") {
|
||||
let detailBCC = document.createElement("p");
|
||||
let bccSpan = document.createElement("span");
|
||||
bccSpan.className = "mailgo-weight-500";
|
||||
let bccContent = document.createTextNode("bcc");
|
||||
bccSpan.appendChild(ccContent);
|
||||
let bccValue = document.createTextNode(": " + bcc);
|
||||
detailBCC.appendChild(bccSpan);
|
||||
detailBCC.appendChild(bccValue);
|
||||
details.appendChild(detailBCC);
|
||||
}
|
||||
|
||||
if (subject != "") {
|
||||
let detailSUBJECT = document.createElement("p");
|
||||
let subjectSpan = document.createElement("span");
|
||||
subjectSpan.className = "mailgo-weight-500";
|
||||
let subjectContent = document.createTextNode("cc");
|
||||
subjectSpan.appendChild(subjectContent);
|
||||
let subjectValue = document.createTextNode(": " + subject);
|
||||
detailSUBJECT.appendChild(subjectSpan);
|
||||
detailSUBJECT.appendChild(subjectValue);
|
||||
details.appendChild(detailSUBJECT);
|
||||
}
|
||||
|
||||
if (bodyMail != "") {
|
||||
let detailBODY = document.createElement("p");
|
||||
let bodySpan = document.createElement("span");
|
||||
bodySpan.className = "mailgo-weight-500";
|
||||
let bodyContent = document.createTextNode("cc");
|
||||
bodySpan.appendChild(bodyContent);
|
||||
let bodyValue = document.createTextNode(": " + body);
|
||||
detailBODY.appendChild(bodySpan);
|
||||
detailBODY.appendChild(bodyValue);
|
||||
details.appendChild(detailBODY);
|
||||
}
|
||||
|
||||
modalContent.appendChild(details);
|
||||
|
||||
// Gmail
|
||||
@ -228,7 +283,7 @@ function mailgoInit() {
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener("load", mailgoInit);
|
||||
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,}))$/;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user