use external images for gmail

mail_signature/templates/mail_signature/index.html

@@ -90,7 +90,26 @@
                         tvé emaily jako spam.
                     </strong>
                 </div>
-                
+
+                <div class="flex flex-col gap-1">
+                    <div class="flex gap-4 items-center">
+                        <label class="basis-56 flex items-center font-bold" for="web">
+                            Pro Gmail
+                        </label>
+                        <div class="p-2 rounded-md grow w-full">
+                            <input
+                                id="use-external-images"
+                                name="use-external-images"
+                                type="checkbox"
+                            >
+                        </div>
+                    </div>
+                    <small>
+                        Použij také v případě, že používáš jiný mail,
+                        který podporuje pouze externí obrázky.
+                    </small>
+                </div>
+
                 <div class="flex gap-4 items-center">
                     <label class="basis-56 flex items-center font-bold" for="web">
                         Webové stránky:

static_src/mail_signature.js

@@ -3,31 +3,31 @@ import $ from "jquery";
 import alertify from "alertifyjs";
 
 const emailDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAACFUlEQVQ4y3XUXWjPYRQH8I+/1xhiVjQukOxG81KSceF1ciNprcitInEjF8tQLiQxufN2IS/JS1ESRWooiRJZ1GgjESum/edCdlz8n/32+y97nvr1O+/nfM85D+VnnEaXvPRXCO/cssd0Q56xDvkp/nNvWjCgNiz7W+yKmeCrVp3aTTdDnTlJfkyz3/kIyxWF0GrVoNiztWSysQPsWkWh1/YhUp7liRAe9DNGaRP6rMxUptrvjucu22xkqvOBEPaWFHYLoTkzOKA3V/pr1cnordBjMnQI7UYng/NJ9Y1bPgvhUpKsEcIuVgthZ2IfTZ5LoA53Q+gzKkk7hLscFsIUsFQIL3LINAphUaLOCt8K6vBMFziCXg16M5PhZcj9QVVBDV6C+ZbhlA85pWngbaIKpU8VfoAN4ESZ38X4opioarQXIGG/EB98zBlMsCrLAZbgVUEXqfjqLF7/mN5WiU+JXqsSt7kntIMLQtHEbEiepw6dSpxHQo8JNAmhFutST3bb5lwaxRC6Nap1XQgtJUz6hIvg9KA9abGpjH6mQpZQWA92eZ88X1UHNvueDM4OtHiGolC0LNFjjB+0rWttNVeTJ9kc2CKEovohl3yFNiEcH2DtSMGvpXTyD0iD1iR9rDK/+w3OJIA7Pdaj2wgV5qozAvxy0AlR7q/KyRy0+fvFvtJqlb8wpTPJRvVqzDMMnd576qH7eZV/8SPo7WpsIE8AAAAASUVORK5CYII=";
-const emailImageURL = "";
+const emailImageURL = "https://a.pirati.cz/mail/at.png";
 
 const phoneDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAhCAQAAACGycgoAAABpUlEQVQ4y42UPSiFURjHf7m+LSRluBFKQopCySUWJpuPgQETRZJBFmW0+liUwYTBggyKZKCuhQUlpUi+yiWXi+sYvD33fb0f95yzPM/T8+t/Pv7n+IiNJIbZIJF9NEctZygUEYp1kXmUMdd12uvYI8C3QK3xgCF+UMwyI8gpSV5Am9EWJcCTQKNeyK607TAgcYgcd+RT2hTtnEi84I4o07ykReIffM5AAiFTVkA1qwC8MU7UTeXIovNGHccskuu1/UULskVa/GvssyD5OjfvNwG3OkAC1wQli+ghsCxZnrdRYiObD1lac/x2H/BOIZVGHmZTT6dcVF7I1FGBe0opAyAFH9t6OiVEDZ1PKhx2O0ieHZqTxV2QZflERnhGsWdHMnkQ6NDksSWpdtihLpMPbughGShiSmpXpNuhNYvfvgmjaOJGKpNOi7uyQApFkG7T03A4hBrCNqiXA4lXnI67x4bc0WjKGuzv+4TQv68vg0fOxFJVzhc79k8nQj0vRnzs5oZ+IhZog1EUr0yQ6m6has5NyAfFdHp/In8WHSHIF6dM44+VfwEOvATV7kAVYwAAAABJRU5ErkJggg==";
-const phoneImageURL = "";
+const phoneImageURL = "https://a.pirati.cz/mail/phone.png";
 
 const webDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAC5klEQVRIx+1VPU/jQBCdTUwsHIIVGyQXkSBpUgD/gCYK0FBS5Q/QuaVDIQUF1CiNGwqk/AEKImMlCAokGiIURVQxkhVAdpwPwOCPzVLk8EXhjhwnqjtet7Nv3z7N7M4AfOMfQHAkIxQKMQzT6/Xi8TjHcQ8PD+FwGAAwxh8fRB/sURSVTqdTqdTj42Oz2dzY2ACA3d1dnucnJiZKpdLx8fHIC95diBAAZLPZWq1mGIYoipVKhRBCCKlUKqIoGoZRq9Wy2axP/gTy+Xy73SaEFIvFXC7nOE5f2nGcXC5XLBYJIe12e29v7xO5pihqc3NzfX2dZVnP8w4ODlKpVCKR+HEgGASA09PTxcVFhmGSySRN02dnZ4SQIZ3Ae+nl5eVMJsOyLAC0Wq27u7u5ublBwvz8/O3tbavVAgCWZTOZzMrKyi8svs/y5OSkpmm6rgOApmmqql5dXY2Njfkc13VVVVUUJRaLAYBt25FIBCE0ZHxYmqZpjuPK5XJ/Wa/XMcaKogzWihCCMT48PIzH4/0Iz/M0Tb+8vHxUvUQioWkafoMsy5Ikua6LB+C6riRJsiz7EU3T/GL81nU4HOY4LhAI+AYZhgkGg4OuEUIMwxBCfBrHcQzDjC7jV2FY+unpyTTN3hsQQpZlYYx7A8AYW5aFEPIjpmlaljUiIY1GY3t7m+d5QghCqF6v39/fq6o6RDs/PxcE4eTkpE9rNpuNRmOEtG3bpmmura2FQqH+49vf30+n0xT1k+l53sXFxerqav/xOY4jSZJt2yOkCSHdbjcWiyWTSQDQdb1cLi8sLExNTfkcwzBmZ2eXlpamp6cB4Pr6utvt/tFvlGW5UCh0Oh0AiEajgiBUq9VBQrVaFQQhGo0CQKfTKRQKsix/TXva2to6Ojrqt6d8Pv9lTfXy8lIURV3XRzbVT4+CnZ0dnucjkUipVFIUxfO8v5ky/gCjafr5+XlmZgYAbm5uxsfHbdt2HOd7/v8HeAXZK9mLjRWuxgAAAABJRU5ErkJggg==";
-const webImageURL = "";
+const webImageURL = "https://a.pirati.cz/mail/web.png";
 
 const mastodonDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAADNElEQVRIx+2Wz2scZRjHv8/7vjOzM7Ob7KbqpGtSqGkqpBjroSUWghaUXr16FSoIuRXvHgq99OCpIMWeRPwDBBEEDYhUvLUENWtqo2nCpGmym+38fud9PGyzhBi7W2pvfQ7DPDPP+5l5v+88833p1Ke/49mEwDOL5+gDoQbcJiiCAAlAEAAYhgEMWDM0PzmagcCisy/as013OqjUfVWrSKUEAK1NNy3bkW6F6e2N5OfNPCyYhkQzcKwiPj53ZO7kiOfIfxeMAwDOnBiJs/Lm8u7Vnx6spoaG0domXDw9Oj9T73GZYRi8N/f9qefI+Zn6xTdGHRrurU+PqrMnapYkZoTt7Nvb7b938tmX3fOn6gC+X2rfupdMNuwLr9WDumNJOjNVe/3X7i9tPRg9UVVB3QEQpeVni5s3/ozPj1k/rGfbsQbwxVJ3wpPX78R3t/NLF5pVVwZ1Z7KmBqMFMOZJSxKAnaj4cjX5aNr/8K1gJUyuLt5n4Mo7L02Ne9cXw89X4g+ioupKS9KYJwVgBmotxSPl4qxczvnN436jZp1seoErA1dON/1GzTp33G/lHKXlgSEDBOmXFYYBWIIAEBERCBCCsHfUe4trDA+FPlDWz5Sg/2qCpP+QIdH2PpbviEvvjvdO+hd7E9Ild5JyMJqBtDAMEGBbYqFp91hSUHPM6df4jlho2o4leksSFUMIwkAnLYuSbUkTRyqX35t07YNCEDAzWb0ceH5FMnAnTFa6eiituwVHqbZ9S0ka9Q//ydiWsC2R5qa1EV/7cevuYY1+yMgwKbc6RcO3emlrIy60qbnKsYQSVBrOtEkys9nJl9aTr5aj9cyoIRv9j6hcCZOpo64gAvDXg+zaze2qoookS6BkJJpjzWupaZcsAEVDW0HG+Oa37tZu0UvnpkfmJyoCuJ+Ztdh0cvYUraVmt+TH+wgd6ugJY+FV//25F8YbTu/zCtt5N9XMqFhixFOffH3vuzCX9ORW4BJuLEet7fztV/zZY35Qt4O6fZRsbXirW9xafbja1YIGGBg9fh+iCDaRLVBV5Ch6mJu4RG4446f2Rs3QzLHBjubeF/2/2e7+Nnm+xXnK+AfIkGRk01hNNQAAAABJRU5ErkJggg==";
-const mastodonImageURL = "";
+const mastodonImageURL = "https://a.pirati.cz/mail/mastodon.png";
 
 const twitterDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAACQUlEQVRIx+2VQWsTQRTH3+zsZtNNNk2LaaKITaVQrIaioXixFQTv4q3gXfAmohe99QtYCl71ItQirQcRtOjNo6iNVkLTxmDBxNTUtN2d7OzOPA/1YOuW3Rxykcxt3rz5MfPe/71HYK4KnVkKdGx10f8FWvU3IwDxPxnXyNUB7ZhBK5Z4XHOLHgKBYUrWBGIg+pJOxpPqfN0ty312AjBlKnfzicE+TaPEFXil4b4qs3wmMl9i6w0vGJ2L0Tvne0e+WLPl1vu//E8ocGvMHE3re9sIJbmMPjqgL1edmEaiAHZgrDVKElF6bcy8f868nlQBARAA4KJJc0f1g94E+nqUuEIwTKw3Hblle6mYeiHbcyYdmao5L762Fn96J2OUkoMZ4B6+LNkzVc7CoFeYLFT55BBVFdJv0MkhYyJr3OOy5aLyT24lYr0ltzCEQghAPk6z/ZqQoCp/LISAqSum7nPfE7jBZChdI0DNkQRBV0kY8e5yubQtwpbMgi0XilZ91xMYwEWATz/4uodtVOP0Bn/33bG4DHiyI+dK7LDi8kc3JaJEQwuIyVLJerYj2u4hNwvW65LdsIUnff6LCJ9rzsO11i9sqz0hAELRhdsF602ZOX6hXN3kMx92njPZRnsyAG5ktNO96nFTHTmipeJqdL9UuMC3FfZgxXpqyfY6HwP42PQm0pFTqYipKwDgCkQEV6Lj4bemu7jKHtV4RQbrkvhPdAlndXI5qQ7GaUIjXGKVyeVt8WRPwqEUfxi6Oxu76M6jfwN/qftEZmqKsAAAAABJRU5ErkJggg==";
-const twitterImageURL = "";
+const twitterImageURL = "https://a.pirati.cz/mail/twitter.png";
 
 const instagramDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAADzElEQVRIx+2WW0wcVRjH/9+ZM3sZFirsssAykF4wadK6oo2kaUk1YI1BW0yMiS/WxMQHH/VNYuKLrz6a2Ac1mvhin7xLJbXG1ks1tRYwhZawpLq7hV1gYW8zO+d8PkyVemEXYvrW72kyJ/PLf77z/eYMfX/4VdyeErhtdQf9j5J1F4mkAAEEEG3cZwYDGqw0PN4emsJGeKC77ci+5j0Js7mJDIPEBpo1s1K1tdL6XHr5m+nKhd+5oraEJku2nxiwjx82wsHq0qq7VlKOC+abwZlBZAQDZlO4a/hA/ND+6x+dz713gcteY7R10LZHB71yde7kJ5Vri7rosqOgGX5wzRAkQlLsCAZ3xnY+c7RndLA8mymdmW+wjWSK6FDSCJqpd8YLH19xp/PewrrKllW2rNIllS751xSW9nPD4d5Y6t3TImDGhpJkikapJTX32aVMvjK7CM0AwDC6rLtG9oftKIDqb/mVz6YCiR3Re+82W5pWJqbLmVxzXzckoVYfLcgMh8rZnF53fG7o/o7dLx63Eu3ClAB0zYs/1J86+fmV10+52YJarXqlitUZwy37vAmaIKTBWkMxAGk37X7pCasrmrs4kxv/GUDskf7Ygb27XhiZefl973rRiIe10kIaoEYTQkQkBPvDqrn1WNJKxHI/TKde+RA1DaB4Zp5fG20/uK/18eTSG+fBDDAJQUS8DRtNYfXEhTSyp76Dp2EQDILSNz74VkjD6omTaYB8o7YpOhH5puiyu2EjkSq5YCZB9YPVW2RXVbIrrHX7kwPsKDDAYEfHnxpg5kp2mR3lN2RLaGZmrenPgCvjk9V8oeNIf2LsYWlHpB1JjA13PHhfNV9YOT0FIr8hrDVzQ9EZ2lMkBASB4P6aT731xa7nR+xjg92PHQJAhnCW11Jvj7tTOQiCIBKklR+/Plqzcl3DCoomUwEQtP7p7Ey6EH00GepsA1E1k18ev1y9eMMfZGGZMhxSjnvTr3poxcWFbFuyL9DbWpsr+BI5lxbTv0yIFhOAXquB8Zcggd5WqzO6PHnN96Bur2s6f3aSDNF7Ytga7JF2RLSYJAUE6aKnix4EkRSi2ZR2xBrs6X12mKTIn53kmm7c6+K5+cw9PyWOPrB37OlSeslbryjH5VtaSURGMCAjYSvRLsOB9Jc/Fs/Ng7fwvdarbubNr4tX0/Gh/khPp9wTIuNfL6e0V6oWFzJLX11am7iqV93/0GLT/xACBQRMQaYQAUmmASEAQGuuKe16XNOoaXb1JmNd52xksKPhaAY03L89T///2MW2cXd+cerUH+DevOYCm6lZAAAAAElFTkSuQmCC";
-const instagramImageURL = "";
+const instagramImageURL = "https://a.pirati.cz/mail/instagram.png";
 
 const linkedInDataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAACZ0lEQVRIx+VWTWsTURQ9d95MZvLRNv1SY0or/aAtXVWxClZBcKNoIaALf4fQHyD+B3+BC3WjIILUjQtBQdxIqzTWmqq1TRPaJpPJJPPeuy5MRQw21aQu7F1eHodzz73n3kd9t+awP2Fg3+KfQytAMrg5aLM+5Rh0MRHriVhPVrY/+MqkFkFbhNkTiWtnhkyDUmuFGw/nF0oBtUSQNkFXpo7Fo3YsHBpJxq+O9wTcKq2ZtK6BERFz69pY1PrBy2XXD5TmN5nc/bc562+1pnrLCMLJDjtui+e5ckExARpQDAAEmAQFKAYBDBiAINBe2igIqb62gXiYgaGuyNPMdtoLUsm2we4wM7yquru0eSEROz3Y2e5YfqAX14r30vmvgTYaQjtEqcnk1OgRzVz0qhuP5jOf5Mzk0enxhGbeciujyez5iURH1BbC0Jr9qjw1vH5z7v1iWTbQmgDbMp2QGbGtsG2ZggA4lvieOdQZuXS8v7s9bAqDAGFQ1LGmJ5KXh7tEk0Y3DcMJidW8m/6y6ZaDmoYGnR0/HDaosRt3CWa8TmdvP1vK+3JmrPf6uZGwbQJIdsfqB+nPWPuBfJHOPl73XhWqd+azJb9G3A6ZgqgpaKV0rhSAQMCqLwOparULQzTJmgG1Y1CPa8Pe+n3dcAf8N1fmR6vrNwP95uWeToFkLGeLHdEQM1w/yJelBmc23N7Pm8xcqsi8Fxg7LU2vbhW9KgC3Iqt12v+6+QgYcETcEgwozZmydDX326IzVMus+LKwMxljEdMWBgFS80Ip0LuzZuCjr+Crn5OZispUVH3J7zx5QP4hBxj6G1u/CKoAwF6dAAAAAElFTkSuQmCC";
-const linkedInImageURL = "";
+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 = "";
+const fejsbukImageURL = "https://a.pirati.cz/mail/facebook.png";
 
 const logoDataURL = "data:image/png;base64,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";
-const logoImageURL = "";
+const logoImageURL = "https://a.pirati.cz/mail/logo.png";
 
 const escapeHTML = (str) => {
     return new Option(str).innerHTML;
@@ -80,6 +80,8 @@ const generateSignature = () => {
         result += "</div>";
     }
 
+    const useExternalImages = $("#use-external-images").is(":checked");
+
     let email = escapeHTML($("#email").val());
     let phone = escapeHTML($("#phone").val());
     
@@ -96,8 +98,8 @@ const generateSignature = () => {
         result += "<div style=\"margin-bottom:0.75em;line-height:1.1em\">";
         
         if (email !== "") {
-            result += `<div style="display:flex;column-gap:0.3em;margin-bottom:0.25em">
-                       <img src="${emailDataURL}" title="E-mail" width="14">
+            result += `<div style="display:flex;column-gap:0.4em;margin-bottom:0.25em">
+                       <img src="${(!useExternalImages) ? emailDataURL : emailImageURL}" title="E-mail" width="15">
                        <span style="color:black">${email}</span>
                        </div>`;
         }
@@ -109,9 +111,9 @@ const generateSignature = () => {
             const formattedBasePhone = phoneGroups.join(" ");
             const prefix = $("#phone-prefix").val();
             
-            result += `<div style="display:flex;column-gap:0.3em;margin-bottom:0.25em">
-                       <img src="${phoneDataURL}" title="Telefonní číslo" width="14">
-                       <span style="color:black">${prefix}&nbsp;&nbsp;${formattedBasePhone}</span>
+            result += `<div style="display:flex;column-gap:0.4em;margin-bottom:0.25em">
+                       <img src="${(!useExternalImages) ? phoneDataURL : phoneImageURL}" title="Telefonní číslo" height="15" style="height:15px">
+                       <span style="color:black">${prefix}&nbsp;${formattedBasePhone}</span>
                        </div>`;
         }
         
@@ -123,7 +125,7 @@ const generateSignature = () => {
         if (web !== "") {
             result += `<a href="${web}">
                            <img
-                               src="${webDataURL}"
+                               src="${(!useExternalImages) ? webDataURL : webImageURL}"
                                width="30"
                                height="30"
                                alt="Webové stránky"
@@ -134,7 +136,7 @@ const generateSignature = () => {
         if (mastodon !== "") {
             result += `<a href="${mastodon}">
                            <img
-                               src="${mastodonDataURL}"
+                               src="${(!useExternalImages) ? mastodonDataURL : mastodonImageURL}"
                                width="30"
                                height="30"
                                alt="Mastodon"
@@ -145,7 +147,7 @@ const generateSignature = () => {
         if (twitter !== "") {
             result += `<a href="${twitter}">
                            <img
-                               src="${twitterDataURL}"
+                               src="${(!useExternalImages) ? twitterDataURL : twitterImageURL}"
                                width="30"
                                height="30"
                                alt="Twitter"
@@ -158,7 +160,7 @@ const generateSignature = () => {
                            href="${instagram}"
                        >
                            <img
-                               src="${instagramDataURL}"
+                               src="${(!useExternalImages) ? instagramDataURL : instagramImageURL}"
                                width="30"
                                height="30"
                                alt="Instagram"
@@ -169,7 +171,7 @@ const generateSignature = () => {
         if (linkedin !== "") {
             result += `<a href="${linkedin}">
                            <img
-                               src="${linkedInDataURL}"
+                               src="${(!useExternalImages) ? linkedInDataURL : linkedInImageURL}"
                                width="30"
                                height="30"
                                alt="LinkedIn"
@@ -180,7 +182,7 @@ const generateSignature = () => {
         if (fejsbuk !== "") {
             result += `<a href="${fejsbuk}">
                            <img
-                               src="${fejsbukDataURL}"
+                               src="${(!useExternalImages) ? fejsbukDataURL : fejsbukImageURL}"
                                width="30"
                                height="30"
                                alt="Facebook"
@@ -198,15 +200,16 @@ const generateSignature = () => {
 
     result += `<div style="margin-top:1.5em;">
                <img
-                   style="height:3.5em;margin-left:-0.1em"
-                   src="${logoDataURL}"
+                   style="height:40px;margin-left:-0.1em"
+                   src="${(!useExternalImages) ? logoDataURL : logoImageURL}"
                    alt="Logo Pirátské Strany"
+                   height="40"
                >
                </div>
                </div>
                </div>`;
     
-    result = result.replace(/\s\s+|\n|\r\n/g, " ").replace(/> </g, "><");
+    result = result.replace(/\s\s+|\n|\r\n/g, " ").replace(/> </g, "><").replace(/;\s+/g, ";");
     
     if (result.length > 10000) {
         $("#gmail-warning").removeClass("hidden");