🐞 bugfix with new hide/show details and new index.detailshidden.html #90

manzinello · Dec 2, 2020 · dd59a63 · dd59a63
1 parent 0e4df05
commit dd59a63
Show file tree

Hide file tree

Showing 13 changed files with 198 additions and 60 deletions.
diff --git a/dist/mailgo.dark.min.js b/dist/mailgo.dark.min.js
diff --git a/dist/mailgo.dark.min.js.map b/dist/mailgo.dark.min.js.map
diff --git a/dist/mailgo.js b/dist/mailgo.js
diff --git a/dist/mailgo.js.map b/dist/mailgo.js.map
diff --git a/dist/mailgo.min.js b/dist/mailgo.min.js
diff --git a/dist/mailgo.min.js.map b/dist/mailgo.min.js.map
diff --git a/dist/mailgo.nocss.min.js b/dist/mailgo.nocss.min.js
diff --git a/dist/mailgo.nocss.min.js.map b/dist/mailgo.nocss.min.js.map
diff --git a/examples/README.md b/examples/README.md
@@ -63,3 +63,11 @@ Simple example of mailgo with a test of desktop/mobile settings
 ### `index.skypack.html`
 
 Simple example of mailgo using <https://www.skypack.dev/view/mailgo>
+
+### `index.office365.html`
+
+Simple example of mailgo that uses Office365 instead the classic Outlook Live for Outlook link
+
+### `index.detailshidden.html`
+
+Simple example of mailgo with subject and body of the email hidden
diff --git a/examples/index.detailshidden.html b/examples/index.detailshidden.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>mailgo examples with Office365 setting enabled</title>
+  </head>
+  <body>
+    <h1>mailto</h1>
+    <p><a href="mailto:[email protected]">[email protected]</a></p>
+    <p>
+      <a href="mailto:[email protected]"
+        ><span>[email protected] (with subelement of a tag)</span></a
+      >
+    </p>
+    <p>
+      <a href="mailto:[email protected][email protected]"
+        >mailto with more "to" and a "cc"</a
+      >
+    </p>
+    <p>
+      <a href="mailto:[email protected],[email protected]?cc=test"
+        >mailto with more "to" and a "cc" not valid</a
+      >
+    </p>
+    <p>
+      <a href="mailto:[email protected]?subject=ciao"
+        >example with a subject</a
+      >
+    </p>
+    <p>
+      <a href="mailto:[email protected]?subject=ciao&body=ciaociao"
+        >example with a subject and a body</a
+      >
+    </p>
+    <p>
+      <a
+        href="mailto:[email protected][email protected]&subject=ciao&body=ciaociao"
+        >example with a cc, a subject and a body</a
+      >
+    </p>
+    <p>
+      <a
+        href="mailto:[email protected][email protected]&[email protected]&subject=ciao&body=ciaociao"
+        >example with a cc, a bcc, a subject and a body</a
+      >
+    </p>
+    <p>
+      <a
+        href=""
+        class="mailgo"
+        data-address="matteo"
+        data-domain="manzinello.dev"
+        >less-spam example (with class=mailgo)</a
+      >
+    </p>
+    <p>
+      <a href="#mailgo" data-address="matteo" data-domain="manzinello.dev"
+        >less-spam example (with href=#mailgo)</a
+      >
+    </p>
+    <h2>Dark mode</h2>
+    <p>
+      <a class="dark" href="mailto:[email protected]"
+        >[email protected] (single dark mode, class=dark)</a
+      >
+    </p>
+    <p>
+      <a
+        class="dark"
+        href="mailto:[email protected][email protected]"
+        >mailto with a cc and single dark mode
+      </a>
+    </p>
+    <p>
+      <a
+        class="dark"
+        href="mailto:[email protected][email protected]&[email protected]&subject=ciao&body=ciaociao"
+        >example with a cc, a bcc, a subject and a body and single dark mode</a
+      >
+    </p>
+    <p>
+      <a
+        href=""
+        class="mailgo dark"
+        data-address="matteo"
+        data-domain="manzinello.dev"
+        >less-spam dark mode example (with class=mailgo)</a
+      >
+    </p>
+
+    <br />
+    <br />
+    <p><a href="https://mailgo.dev">mailgo.dev</a></p>
+
+    <script>
+      window.mailgoConfig = {
+        details: {
+          subject: false,
+          body: false,
+        },
+      };
+    </script>
+
+    <script src="../dist/mailgo.min.js"></script>
+  </body>
+</html>
diff --git a/lib/mailgo.js b/lib/mailgo.js
diff --git a/lib/mailgo.js.map b/lib/mailgo.js.map