add new social media

mail_signature/templates/mail_signature/index.html

@@ -176,6 +176,28 @@
                         class="border border-gray-200 p-2 rounded-md grow w-full"
                     >
                 </div>
+                <div class="flex gap-4 items-center">
+                    <label class="basis-56 flex items-center font-bold" for="threads">
+                        Threads odkaz:
+                    </label>
+                    <input
+                        id="threads"
+                        name="threads"
+                        type="url"
+                        class="border border-gray-200 p-2 rounded-md grow w-full"
+                    >
+                </div>
+                <div class="flex gap-4 items-center">
+                    <label class="basis-56 flex items-center font-bold" for="flickr">
+                        Flickr odkaz:
+                    </label>
+                    <input
+                        id="flickr"
+                        name="flickr"
+                        type="url"
+                        class="border border-gray-200 p-2 rounded-md grow w-full"
+                    >
+                </div>
 
                 <div class="text-right">
                     <button id="generate" class="btn btn--icon" type="button">

static_src/mail_signature.js

@@ -27,6 +27,12 @@ const linkedInImageURL = "https://a.pirati.cz/mail/linkedin.png";
 const fejsbukDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAABSElEQVRIx2O0Cp/KQBvAxEAzMGo0/YxmIVkDEyMDI8Pff////6ee0W5mMjFBZjJSIszMTN++/eyZuWvvmadUMNpIVagsy5OTgxXC5ePl5OZkpY6rQ730Ieb+////wePXX7/9fPPuG3WMlhQXgDCOnbpZ1r+PmimEkZERwnj09B3VUgjMTHQRgimEEX/x5GYmk5PoxMDAwMfDycrKzMDA8OXbz58/f//7/z+lcvWbjz/IdzUHO4uwIA+yCA8XOw8X+6fP3z98+UVRgPz79//X778MDAwsLExMjIwMDAx//v779+//yzef/vz9R1GAMDMxcrAxMzAwTG/wV1YQZ2BgWLnxxNz1l/7++//j11+KXP333/+vP/5AkjPUH3//QURGC9WhWF7/h8bkf4b/xJYNRDYWWJigpcjff////aeqq//8+z+aQkak0QC0PnnMLB55iQAAAABJRU5ErkJggg==";
 const fejsbukImageURL = "https://a.pirati.cz/mail/facebook.png";
 
+const threadsDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0AQMAAAAHA5RxAAAABlBMVEUAAAD///+l2Z/dAAACT0lEQVRYw+2Xy83cIBDHjTiQGyVsCykgEp0FSnMplOCjpfB5YobHeh5IyS2RltPub7GZF/+Z3bbP+qx/a31XqQf4SgqPAHBKbKEuyV/Id8ED8oNjgxguzl3jkKSV6gGh86xYD9KDfixAkV6VTRrk0FcrPPbNEs8N8m2j5QaFbgiPROzfA+Pj+RdzYATGUgfMsNtQB8zcRrmdr41A3T2mwYnwPNOciLu7+NR27eJJ+jTnb8uegQjX2xPBY3XCkADFgimuvwruWlXFZ+DqJt+qR/DQyjYQfrTKKk/TunG9nCnPveJuFxm3Crc3d738PVDue/l7sn+v3CE/Ka+pDPV9iXKD786s+u90wTP9I0n3wz95Ujr/wYPf+Tce/M4xDyteGN9UPmMS/or7Q+UvIQONg86twq+hWJfkL6ljyIPUK39NxToFV/Sq8qFknNsFd4qAVl4lzDKDGi9o68E4Xm2VJ+Qnixte7UAd8KPul/yLRHTyWIheIS/IA7D6afwkevXgnvLUOCgcc3A4jZvKd8nv+2IFx/uVCa9fqoGupkDwXGNtOL/zcqc+mWfCug6A5FNPBO/6Q/jUq0vyfi0YP8acQDjqZNNPxrveVhl6FmLVhabPlvKCBX1tCt+w1ihH8cVW5CgHITms73jGk8rfXY73wSxOol0uLPpsXPTlRR83vO8Df5DOCV7MG2Ou0OeQKOaW0s9ZzTmJ89y0T85RqadSTJNWzmNzTjsXc13+wzlwNTc6RSYfB5fFHJu18VkZV9dzMnpwKPy26NfnP8pn/R/rNyXwz9PY0gHXAAAAAElFTkSuQmCC"
+const threadsImageURL = "https://a.pirati.cz/mail/threads.png"
+
+const flickrDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0AgMAAABAo+6hAAAACVBMVEX/BoI/WKjg4t+1nJnEAAABaklEQVRo3u3XQW7DIBAF0BHLHoX74IWPkFNwiey9sWT7lJVCgBkYbFO3UaJ+r5/QZxLDN209D0FDQ0NDQ0NDQ/8zTURfql6dGxXMOXFc8emhSdHu8dzqpYlMpeegB2XpvDjJpeXiEafkJJcWiy9Jm0Lfo3ZKECIrdcJsLBnHKFQEYVEWpo3QOUiOwoLEqVAZJE/Fc22ZXrkeu/RQbzJuk8pNJr0IbZjmm4zblJqYFvi5zalLe6lt0qvU4w+0xGEoVI0kDuWSNknLAYYRLn+kb7vaKbr4ccLP83I97un11dqX2n6Gnq7p7e30dk33/2P73p3fei+1d759+vRp9azyV3TzjB200/7gRO67G9q3VJ/W7rST96U7uou127XdCtR7vt04tA7RbjNaP+HB7WH34cFlC1u1XnWms7FC6Isgu32ws2tuRdXM+l6Vx5z8ZEcOya2i56oiP6PrXwKzgvF1BA0NDQ0NDQ0NzZ5v8c6Sjlz5zxUAAAAASUVORK5CYII="
+const flickrImageURL = "https://a.pirati.cz/mail/flickr.png"
+
 const logoDataURL = "data:image/png;base64,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";
 const logoImageURL = "https://a.pirati.cz/mail/logo.png";
 
@@ -92,8 +98,19 @@ const generateSignature = () => {
     let instagram = escapeHTML($("#instagram").val());
     let linkedin = escapeHTML($("#linkedin").val());
     let fejsbuk = escapeHTML($("#fejsbuk").val());
-
-    const containsExternalLinks = (web !== "" || mastodon !== "" || twitter !== "" || instagram !== "" || linkedin !== "" || fejsbuk !== "");
+    let threads = escapeHTML($("#threads").val());
+    let flickr = escapeHTML($("#flickr").val());
+
+    const containsExternalLinks = (
+        web !== ""
+        || mastodon !== ""
+        || twitter !== ""
+        || instagram !== ""
+        || linkedin !== ""
+        || fejsbuk !== ""
+        || threads !== ""
+        || flickr !== ""
+    );
 
     if (email !== "" || phone !== "" || containsExternalLinks) {
         result += "<div style=\"margin-bottom:0.75em;line-height:1.1em\">";
@@ -191,6 +208,28 @@ const generateSignature = () => {
                        </a>`;
         }
 
+        if (threads !== "") {
+            result += `<a href="${threads}">
+                           <img
+                               src="${(!useExternalImages) ? threadsDataURL : threadsImageURL}"
+                               width="30"
+                               height="30"
+                               alt="Threads"
+                           >
+                       </a>`;
+        }
+
+        if (flickr !== "") {
+            result += `<a href="${flickr}">
+                           <img
+                               src="${(!useExternalImages) ? flickrDataURL : flickrImageURL}"
+                               width="30"
+                               height="30"
+                               alt="Flickr"
+                           >
+                       </a>`;
+        }
+
         if (containsExternalLinks) {
             result += "</div>";
         }