From 5f2dddfc608658e03fb569ca3e1103a2b2be39ac Mon Sep 17 00:00:00 2001
From: Nate <github@najo.com>
Date: Mon, 2 Nov 2020 15:58:58 -0700
Subject: [PATCH] Email Templates: Integrate Ace Editor.

---
 app/email_templates/email_template_edit.php   | 177 +++++++++++++++++-
 .../resources/images/icon_file.png            | Bin 0 -> 257 bytes
 .../resources/images/icon_folder.png          | Bin 0 -> 224 bytes
 .../resources/images/icon_gear.png            | Bin 0 -> 726 bytes
 .../resources/images/icon_goto.png            | Bin 0 -> 417 bytes
 .../resources/images/icon_indenting.png       | Bin 0 -> 324 bytes
 .../resources/images/icon_invisibles.png      | Bin 0 -> 821 bytes
 .../resources/images/icon_numbering.png       | Bin 0 -> 521 bytes
 .../resources/images/icon_replace.png         | Bin 0 -> 504 bytes
 9 files changed, 175 insertions(+), 2 deletions(-)
 create mode 100644 app/email_templates/resources/images/icon_file.png
 create mode 100644 app/email_templates/resources/images/icon_folder.png
 create mode 100644 app/email_templates/resources/images/icon_gear.png
 create mode 100644 app/email_templates/resources/images/icon_goto.png
 create mode 100644 app/email_templates/resources/images/icon_indenting.png
 create mode 100644 app/email_templates/resources/images/icon_invisibles.png
 create mode 100644 app/email_templates/resources/images/icon_numbering.png
 create mode 100644 app/email_templates/resources/images/icon_replace.png

diff --git a/app/email_templates/email_template_edit.php b/app/email_templates/email_template_edit.php
index 1efcb8be4c..0e395deee7 100644
--- a/app/email_templates/email_template_edit.php
+++ b/app/email_templates/email_template_edit.php
@@ -165,6 +165,13 @@
 		unset($sql, $parameters, $row);
 	}
 
+//load editor preferences/defaults
+	$setting_size = $_SESSION["editor"]["font_size"]["text"] != '' ? $_SESSION["editor"]["font_size"]["text"] : '12px';
+	$setting_theme = $_SESSION["editor"]["theme"]["text"] != '' ? $_SESSION["editor"]["theme"]["text"] : 'cobalt';
+	$setting_invisibles = $_SESSION["editor"]["invisibles"]["boolean"] != '' ? $_SESSION["editor"]["invisibles"]["boolean"] : 'false';
+	$setting_indenting = $_SESSION["editor"]["indent_guides"]["boolean"] != '' ? $_SESSION["editor"]["indent_guides"]["boolean"] : 'false';
+	$setting_numbering = $_SESSION["editor"]["line_numbers"]["boolean"] != '' ? $_SESSION["editor"]["line_numbers"]["boolean"] : 'true';
+
 //create token
 	$object = new token;
 	$token = $object->create($_SERVER['PHP_SELF']);
@@ -173,6 +180,69 @@
 	$document['title'] = $text['title-email_template'];
 	require_once "resources/header.php";
 
+	echo "<script language='JavaScript' type='text/javascript'>\n";
+
+	echo "	function toggle_option(opt) {\n";
+	echo "		switch (opt) {\n";
+	echo "			case 'numbering':\n";
+	echo "				toggle_option_do('showLineNumbers');\n";
+	echo "				toggle_option_do('fadeFoldWidgets');\n";
+	echo "				break;\n";
+	echo "			case 'invisibles':\n";
+	echo "				toggle_option_do('showInvisibles');\n";
+	echo "				break;\n";
+	echo "			case 'indenting':\n";
+	echo "				toggle_option_do('displayIndentGuides');\n";
+	echo "				break;\n";
+	echo "		}\n";
+	echo "		focus_editor();\n";
+	echo "	}\n";
+
+	echo "	function toggle_option_do(opt_name) {\n";
+	echo "		var opt_val = editor.getOption(opt_name);\n";
+	echo "		editor.setOption(opt_name, ((opt_val) ? false : true));\n";
+	echo "	}\n";
+
+	echo "	function focus_editor() {\n";
+	echo "		editor.focus();\n";
+	echo "	}\n";
+
+	//copy the value from the editor on submit
+	echo "	function set_value() {\n";
+	echo "		$('#template_body').val(editor.session.getValue());\n";
+	echo "	}\n";
+
+	//load editor value from hidden textarea
+	echo "	function load_value() {\n";
+	echo "		editor.session.setValue($('#template_body').val());";
+	echo "	}\n";
+
+	echo "</script>\n";
+
+	echo "<style>\n";
+
+	echo "	img.control {\n";
+	echo "		cursor: pointer;\n";
+	echo "		width: auto;\n";
+	echo "		height: 23px;\n";
+	echo "		border: none;\n";
+	echo "		opacity: 0.5;\n";
+	echo "		}\n";
+
+	echo "	img.control:hover {\n";
+	echo "		opacity: 1.0;\n";
+	echo "		}\n";
+
+	echo "	div#editor {\n";
+	//echo "	box-shadow: 0 3px 10px #333;\n";
+	echo "		text-align: left;\n";
+	echo "		width: 100%;\n";
+	echo "		height: 600px;\n";
+	echo "		font-size: 12px;\n";
+	echo "		}\n";
+
+	echo "</style>\n";
+
 //show the content
 	echo "<form name='frm' id='frm' method='post'>\n";
 
@@ -180,7 +250,7 @@
 	echo "	<div class='heading'><b>".$text['title-email_template']."</b></div>\n";
 	echo "	<div class='actions'>\n";
 	echo button::create(['type'=>'button','label'=>$text['button-back'],'icon'=>$_SESSION['theme']['button_icon_back'],'id'=>'btn_back','style'=>'margin-right: 15px;','link'=>'email_templates.php']);
-	echo button::create(['type'=>'submit','label'=>$text['button-save'],'icon'=>$_SESSION['theme']['button_icon_save'],'id'=>'btn_save']);
+	echo button::create(['type'=>'button','label'=>$text['button-save'],'icon'=>$_SESSION['theme']['button_icon_save'],'id'=>'btn_save','onclick'=>"set_value(); $('#frm').submit();"]);
 	echo "	</div>\n";
 	echo "	<div style='clear: both;'></div>\n";
 	echo "</div>\n";
@@ -236,7 +306,77 @@
 	echo "	".$text['label-template_body']."\n";
 	echo "</td>\n";
 	echo "<td class='vtable' style='position: relative;' align='left'>\n";
-	echo "	<textarea class='formfld' name='template_body' style='min-width: 100%; height: 350px; font-family: monospace;'>".$template_body."</textarea>\n";
+	echo "	<textarea class='formfld' name='template_body' id='template_body' style='display: none;'>".$template_body."</textarea>\n";
+	echo "	<div id='editor'></div>\n";
+	echo "	<table cellpadding='0' cellspacing='0' border='0' style='float: right; padding-top: 5px;'>\n";
+	echo "		<tr>\n";
+	echo "			<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_numbering.png' title='Toggle Line Numbers' class='control' onclick=\"toggle_option('numbering');\"></td>\n";
+	echo "			<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_invisibles.png' title='Toggle Invisibles' class='control' onclick=\"toggle_option('invisibles');\"></td>\n";
+	echo "			<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_indenting.png' title='Toggle Indent Guides' class='control' onclick=\"toggle_option('indenting');\"></td>\n";
+ 	echo "			<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_replace.png' title='Show Find/Replace [Ctrl+H]' class='control' onclick=\"editor.execCommand('replace');\"></td>\n";
+	echo "			<td valign='middle' style='padding-left: 6px;'><img src='resources/images/icon_goto.png' title='Show Go To Line' class='control' onclick=\"editor.execCommand('gotoline');\"></td>\n";
+	echo "			<td valign='middle' style='padding-left: 4px;'>\n";
+	echo "				<select id='size' class='formfld' onchange=\"document.getElementById('editor').style.fontSize = this.options[this.selectedIndex].value; focus_editor();\">\n";
+	$sizes = explode(',','9px,10px,11px,12px,14px,16px,18px,20px');
+	if (!in_array($setting_size, $sizes)) {
+		echo "				<option value='".$setting_size."'>".escape($setting_size)."</option>\n";
+		echo "				<option value='' disabled='disabled'></option>\n";
+	}
+	foreach ($sizes as $size) {
+		$selected = $size == $setting_size ? 'selected' : null;
+		echo "				<option value='".$size."' ".$selected.">".escape($size)."</option>\n";
+	}
+	echo "				</select>\n";
+	echo "			</td>\n";
+	echo "			<td valign='middle' style='padding-left: 4px; padding-right: 0px;'>\n";
+	echo "				<select id='theme' class='formfld' onchange=\"editor.setTheme('ace/theme/' + this.options[this.selectedIndex].value); focus_editor();\">\n";
+	$themes['Light']['chrome']= 'Chrome';
+	$themes['Light']['clouds']= 'Clouds';
+	$themes['Light']['crimson_editor']= 'Crimson Editor';
+	$themes['Light']['dawn']= 'Dawn';
+	$themes['Light']['dreamweaver']= 'Dreamweaver';
+	$themes['Light']['eclipse']= 'Eclipse';
+	$themes['Light']['github']= 'GitHub';
+	$themes['Light']['iplastic']= 'IPlastic';
+	$themes['Light']['solarized_light']= 'Solarized Light';
+	$themes['Light']['textmate']= 'TextMate';
+	$themes['Light']['tomorrow']= 'Tomorrow';
+	$themes['Light']['xcode']= 'XCode';
+	$themes['Light']['kuroir']= 'Kuroir';
+	$themes['Light']['katzenmilch']= 'KatzenMilch';
+	$themes['Light']['sqlserver']= 'SQL Server';
+	$themes['Dark']['ambiance']= 'Ambiance';
+	$themes['Dark']['chaos']= 'Chaos';
+	$themes['Dark']['clouds_midnight']= 'Clouds Midnight';
+	$themes['Dark']['cobalt']= 'Cobalt';
+	$themes['Dark']['idle_fingers']= 'idle Fingers';
+	$themes['Dark']['kr_theme']= 'krTheme';
+	$themes['Dark']['merbivore']= 'Merbivore';
+	$themes['Dark']['merbivore_soft']= 'Merbivore Soft';
+	$themes['Dark']['mono_industrial']= 'Mono Industrial';
+	$themes['Dark']['monokai']= 'Monokai';
+	$themes['Dark']['pastel_on_dark']= 'Pastel on dark';
+	$themes['Dark']['solarized_dark']= 'Solarized Dark';
+	$themes['Dark']['terminal']= 'Terminal';
+	$themes['Dark']['tomorrow_night']= 'Tomorrow Night';
+	$themes['Dark']['tomorrow_night_blue']= 'Tomorrow Night Blue';
+	$themes['Dark']['tomorrow_night_bright']= 'Tomorrow Night Bright';
+	$themes['Dark']['tomorrow_night_eighties']= 'Tomorrow Night 80s';
+	$themes['Dark']['twilight']= 'Twilight';
+	$themes['Dark']['vibrant_ink']= 'Vibrant Ink';
+	foreach ($themes as $optgroup => $theme) {
+		echo "<optgroup label='".$optgroup."'>\n";
+		foreach ($theme as $value => $label) {
+			$selected = strtolower($label) == strtolower($setting_theme) ? 'selected' : null;
+			echo "<option value='".$value."' ".$selected.">".escape($label)."</option>\n";
+		}
+		echo "</optgroup>\n";
+	}
+
+	echo "				</select>\n";
+	echo "			</td>\n";
+	echo "		</tr>\n";
+	echo "	</table>\n";
 	echo "<br />\n";
 	echo $text['description-template_body']."\n";
 	echo "</td>\n";
@@ -327,6 +467,39 @@
 
 	echo "</form>";
 
+	echo "<script type='text/javascript' src='".PROJECT_PATH."/resources/ace/ace.js' charset='utf-8'></script>\n";
+	echo "<script type='text/javascript'>\n";
+
+	//load editor
+		echo "	var editor = ace.edit('editor');\n";
+		echo "	editor.setOptions({\n";
+		echo "		mode: 'ace/mode/html',\n";
+		echo "		theme: 'ace/theme/'+document.getElementById('theme').options[document.getElementById('theme').selectedIndex].value,\n";
+		echo "		selectionStyle: 'text',\n";
+		echo "		cursorStyle: 'smooth',\n";
+		echo "		showInvisibles: ".$setting_invisibles.",\n";
+		echo "		displayIndentGuides: ".$setting_indenting.",\n";
+		echo "		showLineNumbers: ".$setting_numbering.",\n";
+		echo "		showGutter: true,\n";
+		echo "		scrollPastEnd: true,\n";
+		echo "		fadeFoldWidgets: ".$setting_numbering.",\n";
+		echo "		showPrintMargin: false,\n";
+		echo "		highlightGutterLine: false,\n";
+		echo "		useSoftTabs: false\n";
+		echo "		});\n";
+		echo "	document.getElementById('editor').style.fontSize='".$setting_size."';\n";
+		echo "	focus_editor();\n";
+
+	//load value into editor
+		echo "	load_value();\n";
+
+	//remove certain keyboard shortcuts
+		echo "	editor.commands.bindKey('Ctrl-T', null);\n"; //disable transpose letters - prefer new browser tab
+		echo "	editor.commands.bindKey('Ctrl-F', null);\n"; //disable find - control broken with bootstrap
+		echo "	editor.commands.bindKey('Ctrl-H', null);\n"; //disable replace - control broken with bootstrap
+
+	echo "</script>\n";
+
 //include the footer
 	require_once "resources/footer.php";
 
diff --git a/app/email_templates/resources/images/icon_file.png b/app/email_templates/resources/images/icon_file.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8d71de0c4ad9a7a8f4349f7b5afecf4d97e0bb7
GIT binary patch
literal 257
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf<Z~8yL>4nJ
za0`PlBg3pY5<tPlo-U3d7QJsLTXP)>5O6*3aqU4E)2*A_r%sCn&Dx^)?Ph~mWJ}XY
zrZ<;%OrBu7XQP2rM}k|9&Yrt9?;aW%FbSys6x+fwGkHS0-;^IU8mk^$yd<Rm`trsd
zkqmlgogA|kEb?C<_Bg=b-#{*A-P!0HX<Mfx{$-NT_jx)0z=Q;@AEiw<)lb{=e7LaF
zgnO;p_S^bbE<4q`1SUDY(m3h+eob7oXi|f9N1o+m<IFDsK<6@ey85}Sb4q9e0JMT&
Ay#N3J

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_folder.png b/app/email_templates/resources/images/icon_folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..7efc21fe2e11da6cf7b7c526ed64c94861f484d5
GIT binary patch
literal 224
zcmeAS@N?(olHy`uVBq!ia0vp^0zk~q!3HGX7W?Z1DVAa<&kznEsNqQI0P;BtJR*x3
z7`TN&n2}-D90{Oclc$Sgh{nXXeTH0z90XkNuVI;TNBx0rioSxJ@8xPPMYeA&k9d!q
zS`zd;T65aTWg9<S{d`Z}d-si`keY|*Hb%Xl&T}A0mNmgly6C@Sl~RUBX-K_ow$9zB
zOSZ(?uCdMuIoBQdIzR7ktYSEuhB&L@Z8nY{TNr%)Jdpn}wPE-6o7<{CGwIt$sju;M
Rz7KQ_gQu&X%Q~loCIDc&P9FdO

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_gear.png b/app/email_templates/resources/images/icon_gear.png
new file mode 100644
index 0000000000000000000000000000000000000000..0fde59125dacb1957215b774910a12984010c263
GIT binary patch
literal 726
zcmV;{0xA88P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm000XU000XU0RWnu7ytkQcu7P-R5*>LQcFw|Q4~G%p-ze-6lZA1
zk{YU&jWJLtl2luXAT35+s4IzP5<?^y2rD-%*swDN)3^a-Lomd+Pz*>wP1Qy|jX>NX
zY6>kWouRP6I1Di30+9*7jc4`Vz2}|#?#Ti62XR1ef0A%dsJ7Yj1aToT9Sj6(0HC3<
zp@U;{^1lC=>F8|l?9ub-odUVm+!B9frB{^1Vm`-e093Nj<-B3aG8uopSosRzU;%=r
z2!bHMv0QqEul%mQN6{3y=L&)#RGW{ROAH2vC_Gnio9FlpS(c$F3IM=hFo0ngB<GXM
zk;r(rs)3Bo{`}O{(e;c50Q+gXP+n2tCCSYJOQ|J<!z07-ShNotfYoNb=05K(<9II9
zf3>PkRaFf14>|yB3P=fQT3VEfIhIS8Wf|e{$ng82AzvsIS_c4+$Mb}w$YGz~?*RZw
zl2*iIVg>*~0ze=TsF{pRJqG|qQ4o(s`?ekfKqwSikHupzx9*c)CVGQy!TSI-ohj<}
zd1I$l00nBBspC=rh}yc^r`}5!ZyAloG)>d6n34`@8(L2^8dU+n>2#*KT&|Xrj#D-O
zIC3<@!Db(`jgE}IrU7Uc-g3f}WikQ)!!U5W-DNaI59Oc9e?@@;Z{e?(x=Sx?O=Yv$
zbhE{52ma<D8jH2R=^vaRD2;NSExN<;T;^q8r5Au#zsAD+!t!`ztoygTN-l|uAO7V)
zkLH%<$5mBV9_)4j7#QepYkJt!ps(#pqM|62s;Wqdsg<dT$=)@rkwpc?H%+YRFxGdn
z_Yg?NlONv=zI7zT#JAQ*t+fD9-&nuOX0wjD*}2bq{p`Q+2M;ObjFbs!mH+?%07*qo
IM6N<$f@=;zcK`qY

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_goto.png b/app/email_templates/resources/images/icon_goto.png
new file mode 100644
index 0000000000000000000000000000000000000000..89f5d28531b03eacbc6ace3bb381c062e79537c8
GIT binary patch
literal 417
zcmV;S0bc%zP)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzLrFwIRCwBA{Qv(y1FZlP11$l_<wUx^
z1&AL2@jPP9B*o=YKr9c$a<mAR-)Qu}hB;jg_W@#GGR?9D;wW6H#T|(M0r7Vrj>V#R
zCP+CDZ^t6%2E?zR@=4fI%UvKo1jHObya0&viF9!|5U&AZQ6Rnw#FucTb6y}`1$6-k
zHv=&v9+&4pQx8b|01(Tdn29A5u><imBnxIh#V0}eo1y%ABsJ@RSP;X(cyee9l4g*r
zmqFQkfVdq=ZY~gWVU0%u*}o8o|3D4-jYflT7gDg1Y&Zin<$Oaj@IN$Fl@Tnjh%C4~
zfcPcU;IE+MMpR))LaAs2#7BWRl-N>{5oRzWBO_IdaS&iZ5;Fs0WvJJ&>H*@vK+KFS
z5}^Pj{tSo@qGzI2Xpu%PJ_$1u+2x0!>Gdy#1>sq^H->Bl4G>@e&gR^+SeU!>00000
LNkvXXu0mjfF9@U-

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_indenting.png b/app/email_templates/resources/images/icon_indenting.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6d4c733f126b55a393fb5c1550b66340c69a6f2
GIT binary patch
literal 324
zcmV-K0lWT*P)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy=1D|BRCwBA{Qv(y1FZlP0}a72Fr1T<
zb0rWz1>%Q5972jAIQ4=e6olE>*nR-<e<+>-6DJ1a(#ry~<nQ0V|BxK>j}({V(u-_(
zBapHN;y;XxjPpq}9IIYNV$->>u<$V^CZ-4=e)RI?OX{W;W@ctfpsO|mnF3T#EkGB8
zupZEYQ^ckgxZ(f){qqN6DIk^uVi&9~fmoml3L<22TzZL4Ei5c>rMKU{eQQP4)B+51
z5OoQd0PLxrS`-x(K|v7#H0Ti!5T%EaE=4Xh#-9Q4BQnbtOueIJ3q`4AWL0wj0R{l=
WHTrvIz+7Yi0000<MNUMnLSTZL|9qqX

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_invisibles.png b/app/email_templates/resources/images/icon_invisibles.png
new file mode 100644
index 0000000000000000000000000000000000000000..9e2973bb6e7dc4df8ac50a793824b39d66fa70b9
GIT binary patch
literal 821
zcmV-51Iqk~P)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!*GWV{RCwC#RXu1_K@gtV-FtVJ6D3hJ
zh$aLi#v-DXof<1aQ40wv{3#ScBqBty6)Qo-Ujl+61Q8X9KN!;_C~7B|MiGlt!4xKi
z(cHVAx4Yx_E{R_7lBf_taA0od?e2UtJM--xiwMn^D4Iw4cfrk+v9hj?G&30}Yfa)D
zkthoDIZ6cqDTO)m7!7H|6nDxNqu6z=GN!3ui}%D&^lxZrXgc^G%5rAD<(+L-#KWZc
zRmIHbkOt^#=u#Z#GYIyMnBz3NnW))t(3eQ^pvOWv`(^`AU~5|{nLMBrZvrTxU}GXa
zaF#qWE-Iy}$Ftd<w5!?~EDl^4hLj0Xb2L;0VEhv0@0tLn^FVGArez6}+|I%pfvY2H
zA7yjl4yp31qFjLr`2w+*S;0@DF?|>}#2@UW1Hq1KuRbX2Ya?I0C@d))q#Fd-wWOxz
zs4;o~bLVgxU6G37y$MXB6L4py%7uEqH$HhuyduZcNUZwEOEYr2pRl$q5Py)BzJNNX
zQKF7aDt!lQnV)LTB4-ic@U-eM4MeHPNknUiTo2gL0Oz|{*=v=G(A0HY-axH(gT3)Y
z>$J?1LC}v3#>>Icz$9weq?Gi+ju~@124(`VN+39X%98>0KaGy|{#+K3CrDx&%;B=R
zE#m1J%zD^e(0#BYWi&35UI=^ZcOd4md_Lbg_VvrnnHu`SiEPC96pAZK)kwb<4Zh)>
z-w!@Jl!BbK3!-B2I>OhXFXX*{9XZ<q^FhT+1kh3>9Dfi_r(tczXBAj*Eyd|$VH6&c
zgpaq>18@&EuYmoLy}n{{=5iQhb6`v5w?!sZl_<y$OTa{(O4Jc&Y>P?j6JFdRxQE#I
zMv0vAERRX_2zXzj){GC=q^w8qevBC$<SIPcaU;n(`<#qv#JiR9OnHstlrBH}UwaiN
zWd!;beghcWf6#`f_?G*fSB?Mw&HZ)oZvqSe)wVl=$XDIZ00000NkvXXu0mjfj+%Gm

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_numbering.png b/app/email_templates/resources/images/icon_numbering.png
new file mode 100644
index 0000000000000000000000000000000000000000..305144c8d4f2e92b7768ec41ee4418175f64ada7
GIT binary patch
literal 521
zcmV+k0`~ohP)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzt4TybRCwC#mAy;DKp4i8SV$8UM5IFm
zbr2zoLtGR^HwPDS7aVmI#6O_B|A2LHRS+EAbaHVBPIhwB4k@iVm=DZ{&s)xVNub^h
zZhhg$(_ZeL-22|!tD0q*@?W72%?Fx0j`IYu+4wOy0TbX6%u0AZyRJJ=A1Xg1Ns`QQ
z6Bd|`f*HvT_czivkK_0aV)W8c)izL&RR}&<2BPs^GKa}FWF2(DH7i#Kx&>VZ+FvCG
zU*Nt}bKABRP1BS#O=;%}_tM_DNYGrO*=*)_?)$!p2U9Rk@%4pUGX^Fl%F+R!#j@N`
z`p_792+qJbxCM(6<}O&tmBq5G08(WW8ektx7qSqEq}6Iwayv(@L(bf1-9iTx0bRm8
zDs>CY_h7aO(=KSRjM~s$=mzVSOrTrtO5IYc)qZCcx<xc-F0J)EFK=#|COxd;VaBJ%
z7FC7s6IBh-d3kfgFfJi$^kW4_;ELV}F2IsR%^!jw*vXmex*l=|cM1-uiNLF5x1>=N
zjTA4gl%K$9#tuu^ywoi)uR~U;EU4Q#Yel+S>at}S{>=@HZvh4XFCx-qlh}c#00000
LNkvXXu0mjfcthUG

literal 0
HcmV?d00001

diff --git a/app/email_templates/resources/images/icon_replace.png b/app/email_templates/resources/images/icon_replace.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b2ec2178852b59198baa3ae49a0eb6f321fa83c
GIT binary patch
literal 504
zcmV<U0SEqxP)<h;3K|Lk000e1NJLTq000*N000*V1^@s6;40Lh0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUznn^@KRCwBA{Qv(y1FZlP0}TNSGKZ0o
z5nWyhh@F5~4Tw2__&E?C1>z$>{0~W;E)ZWv)(8#}5COwTKnRGZ0r3}*IxP4E)KU;=
z2jbP}uEJ%w0@M{SgFr6r1L9_=As?XPKY(~Wl)ao7!?}R?6jZ}~Aojo#l(IlP7tJS2
zuo=#RCYAxjra=4>YVb`ghCc@42Smjvn#&(RU6PGMIXe(fz!C?miE;UPXt1ooVYoFA
zYXb2msG+bFcMO|iM&wk2B`IR4M>3RPh@iXN6v+@64Z^2^_%9ZN<$+iX8b^-^g*mn~
zT@J*|I2?EeswSV9q=;<j7d#OQ0zuGR`W1*3Ni}>29)s<mK><?NhAYeo1<M|&3zdOb
z8i>t-xCe;8BdM8=6h{ONPXOW+ApVSG0LZY9Xck{YV$VXi0Gr_{Nb+jXGUXD~a8PP_
z0xeH`ftU@5TaYZ6iyZOzN=0PA3d9o7VByCi-;89z0$3eEtl`9fdL#=#C8P*74F`c5
usNtZX)1bEDAdm^ImB8jP4%rGCAix0otSfUDlILLn0000<MNUMnLSTY@GQ}ML

literal 0
HcmV?d00001