From 63a6db6f98d8a52392edc0b7c006b08f5f2fa929 Mon Sep 17 00:00:00 2001
From: Nate <github@najo.com>
Date: Mon, 9 Sep 2019 10:20:54 -0600
Subject: [PATCH] Dialplan XML: Integrate editor.

---
 app/dialplans/dialplan_xml.php                | 187 +++++++++++++++++-
 app/dialplans/resources/images/blank.gif      | Bin 0 -> 49 bytes
 app/dialplans/resources/images/icon_file.png  | Bin 0 -> 257 bytes
 .../resources/images/icon_folder.png          | Bin 0 -> 224 bytes
 app/dialplans/resources/images/icon_gear.png  | Bin 0 -> 726 bytes
 app/dialplans/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
 app/edit/app_config.php                       |   8 -
 app/edit/index.php                            |  12 +-
 app/exec/exec.php                             |  18 +-
 13 files changed, 193 insertions(+), 32 deletions(-)
 create mode 100644 app/dialplans/resources/images/blank.gif
 create mode 100644 app/dialplans/resources/images/icon_file.png
 create mode 100644 app/dialplans/resources/images/icon_folder.png
 create mode 100644 app/dialplans/resources/images/icon_gear.png
 create mode 100644 app/dialplans/resources/images/icon_goto.png
 create mode 100644 app/dialplans/resources/images/icon_indenting.png
 create mode 100644 app/dialplans/resources/images/icon_invisibles.png
 create mode 100644 app/dialplans/resources/images/icon_numbering.png
 create mode 100644 app/dialplans/resources/images/icon_replace.png

diff --git a/app/dialplans/dialplan_xml.php b/app/dialplans/dialplan_xml.php
index 780c7f9aed..a66c5e17d6 100644
--- a/app/dialplans/dialplan_xml.php
+++ b/app/dialplans/dialplan_xml.php
@@ -101,21 +101,94 @@
 	$language = new text;
 	$text = $language->get();
 
+// 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';
+
 //show the header
 	require_once "resources/header.php";
+	$document['title'] = $text['title-dialplan_edit'].' XML';
+
+//scripts and styles
+	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 "		$('#dialplan_xml').val(editor.session.getValue());\n";
+	echo "	}\n";
+
+	//load editor value from hidden textarea
+	echo "	function load_value() {\n";
+	echo "		editor.session.setValue($('#dialplan_xml').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 method='post' name='frm' action=''>\n";
+	echo "<form method='post' name='frm' id='frm' onsubmit='return submit_check();'>\n";
 	echo "	<input type='hidden' name='app_uuid' value='".$app_uuid."'>\n";
 	echo "	<input type='hidden' name='dialplan_uuid' value='".$dialplan_uuid."'>\n";
+	echo "	<textarea name='dialplan_xml' id='dialplan_xml' style='display: none;'>".$dialplan_xml."</textarea>";
 	echo "	<table width='100%' border='0' cellpadding='0' cellspacing='1'>\n";
 	echo "		<tr>\n";
 	echo "			<td align='left' width='30%'>\n";
-	echo "				<span class='title'>".$text['title-dialplan_edit']."</span><br />\n";
+	echo "				<span class='title'>".$text['title-dialplan_edit']." XML</span><br />\n";
 	echo "			</td>\n";
 	echo "			<td width='70%' align='right'>\n";
 	echo "				<input type='button' class='btn' name='' alt='".$text['button-back']."' onclick=\"window.location='dialplan_edit.php?id=".$dialplan_uuid.(is_uuid($app_uuid) ? "&app_uuid=".$app_uuid : null)."';\" value='".$text['button-back']."'>\n";
-	echo "				<input type='submit' class='btn' value='".$text['button-save']."'>\n";
+	echo "				<input type='button' class='btn' value='".$text['button-save']."' onclick=\"set_value(); $('#frm').submit();\">\n";
 	echo "			</td>\n";
 	echo "		</tr>\n";
 	echo "		<tr>\n";
@@ -125,9 +198,115 @@
 	echo "		</tr>\n";
 	echo "	</table>";
 	echo "	<br />\n";
-	echo "	<textarea name='dialplan_xml' class='formfld' style='width: 100%; max-width: 100%; height: 450px; padding: 2px 0;'>".$dialplan_xml."</textarea>\n";
+	echo "	<table cellpadding='0' cellspacing='0' border='0' style='width: 100%;'>\n";
+	echo "		<tr>\n";
+	echo "			<td valign='middle' style='padding: 0 6px;' width='100%'><span id='description'></span></td>\n";
+	echo "			<td valign='middle' style='padding: 0;'><img src='resources/images/blank.gif' style='width: 1px; height: 30px; border: none;'></td>\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' style='height: 23px;' 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' style='height: 23px;' 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 "	<div id='editor'></div>\n";
+
 	echo "</form>\n";
 
+
+	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/xml',\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";
+
 //show the footer
 	require_once "resources/footer.php";
 
diff --git a/app/dialplans/resources/images/blank.gif b/app/dialplans/resources/images/blank.gif
new file mode 100644
index 0000000000000000000000000000000000000000..75b945d2553848b8b6f41fe5e24599c0687b8472
GIT binary patch
literal 49
zcmZ?wbhEHbWMp7unE0RJ|Ns9C3=9Vj8~~DvKUo+V7?>DzfNY>Fh|Ltj$Y2csQN9XW

literal 0
HcmV?d00001

diff --git a/app/dialplans/resources/images/icon_file.png b/app/dialplans/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/dialplans/resources/images/icon_folder.png b/app/dialplans/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/dialplans/resources/images/icon_gear.png b/app/dialplans/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/dialplans/resources/images/icon_goto.png b/app/dialplans/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/dialplans/resources/images/icon_indenting.png b/app/dialplans/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/dialplans/resources/images/icon_invisibles.png b/app/dialplans/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/dialplans/resources/images/icon_numbering.png b/app/dialplans/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/dialplans/resources/images/icon_replace.png b/app/dialplans/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

diff --git a/app/edit/app_config.php b/app/edit/app_config.php
index 92e7b3ac0b..4a3b7c0cbe 100644
--- a/app/edit/app_config.php
+++ b/app/edit/app_config.php
@@ -113,14 +113,6 @@
 		$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
 		$apps[$x]['default_settings'][$y]['default_setting_description'] = "Set the default visibility of line numbers for Editor.";
 		$y++;
-		$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "62cfc1ac-6566-45ba-8c7d-f4234ab1b31e";
-		$apps[$x]['default_settings'][$y]['default_setting_category'] = "editor";
-		$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "live_previews";
-		$apps[$x]['default_settings'][$y]['default_setting_name'] = "boolean";
-		$apps[$x]['default_settings'][$y]['default_setting_value'] = "false";
-		$apps[$x]['default_settings'][$y]['default_setting_enabled'] = "false";
-		$apps[$x]['default_settings'][$y]['default_setting_description'] = "Enable or disable live previewing of syntax, text size and theme changes.";
-		$y++;
 		$apps[$x]['default_settings'][$y]['default_setting_uuid'] = "7b403afd-e4d6-4e96-8c8f-2cf5d6187191";
 		$apps[$x]['default_settings'][$y]['default_setting_category'] = "editor";
 		$apps[$x]['default_settings'][$y]['default_setting_subcategory'] = "theme";
diff --git a/app/edit/index.php b/app/edit/index.php
index 5a7509f95d..786ae94ccc 100644
--- a/app/edit/index.php
+++ b/app/edit/index.php
@@ -75,7 +75,6 @@
 	$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';
-	$setting_preview = ($_SESSION["editor"]["live_preview"]["boolean"] != '') ? $_SESSION["editor"]["live_preview"]["boolean"] : 'true';
 
 //get and then set the favicon
 	if (isset($_SESSION['theme']['favicon']['text'])){
@@ -238,10 +237,9 @@
 							$modes['c_cpp'] = 'C';
 							$modes['c_cpp'] = 'CPP';
 							$modes['pgsql'] = 'PGSQL';
-							$preview = ($setting_preview == 'true') ? "onmouseover=\"editor.getSession().setMode('ace/mode/' + this.value);\"" : null;
 							foreach ($modes as $value => $label) {
 								$selected = ($value == $mode) ? 'selected' : null;
-								echo "<option value='".$value."' ".$selected." ".$preview.">".$label."</option>\n";
+								echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
 							}
 							?>
 						</select>
@@ -250,14 +248,13 @@
 						<select id='size' style='height: 23px;' onchange="document.getElementById('editor').style.fontSize = this.options[this.selectedIndex].value; focus_editor();">
 							<?php
 							$sizes = explode(',','9px,10px,11px,12px,14px,16px,18px,20px');
-							$preview = ($setting_preview == 'true') ? "onmouseover=\"document.getElementById('editor').style.fontSize = this.value;\"" : null;
 							if (!in_array($setting_size, $sizes)) {
-								echo "<option value='".$setting_size."' ".$preview.">".$setting_size."</option>\n";
+								echo "<option value='".$setting_size."'>".$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." ".$preview.">".$size."</option>\n";
+								echo "<option value='".$size."' ".$selected.">".$size."</option>\n";
 							}
 							?>
 						</select>
@@ -299,12 +296,11 @@
 							$themes['Dark']['tomorrow_night_eighties']= 'Tomorrow Night 80s';
 							$themes['Dark']['twilight']= 'Twilight';
 							$themes['Dark']['vibrant_ink']= 'Vibrant Ink';
-							$preview = ($setting_preview == 'true') ? "onmouseover=\"editor.setTheme('ace/theme/' + this.value);\"" : null;
 							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." ".$preview.">".$label."</option>\n";
+									echo "<option value='".$value."' ".$selected.">".$label."</option>\n";
 								}
 								echo "</optgroup>\n";
 							}
diff --git a/app/exec/exec.php b/app/exec/exec.php
index ee821bb1e1..763d360b7e 100644
--- a/app/exec/exec.php
+++ b/app/exec/exec.php
@@ -49,7 +49,6 @@
 	$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';
-	$setting_preview = ($_SESSION["editor"]["live_preview"]["boolean"] != '') ? $_SESSION["editor"]["live_preview"]["boolean"] : 'true';
 
 //get the html values and set them as variables
 	$handler = ($_REQUEST["handler"] != '') ? trim($_REQUEST["handler"]) : ((permission_exists('exec_switch')) ? 'switch' : null);
@@ -340,11 +339,8 @@
 					$modes['xml'] = 'XML';
 					$modes['sql'] = 'SQL';
 					foreach ($modes as $value => $label) {
-						if ($setting_preview == 'true') {
-							$preview = "onmouseover=\"editor.getSession().setMode(".(($value == 'php') ? "{path:'ace/mode/php', inline:true}" : "'ace/mode/' + this.value").");\"";
-						}
-						$selected = ($value == $mode) ? 'selected' : null;
-						echo "<option value='".escape($value)."' ".escape($selected)." ".escape($preview).">".escape($label)."</option>\n";
+						$selected = $value == $mode ? 'selected' : null;
+						echo "<option value='".$value."' ".$selected.">".escape($label)."</option>\n";
 					}
 					?>
 				</select>
@@ -353,14 +349,13 @@
 				<select id='size' style='height: 23px;' onchange="document.getElementById('editor').style.fontSize = this.options[this.selectedIndex].value; focus_editor();">
 					<?php
 					$sizes = explode(',','9px,10px,11px,12px,14px,16px,18px,20px');
-					$preview = ($setting_preview == 'true') ? "onmouseover=\"document.getElementById('editor').style.fontSize = this.value;\"" : null;
 					if (!in_array($setting_size, $sizes)) {
-						echo "<option value='".escape($setting_size)."' ".escape($preview).">".escape($setting_size)."</option>\n";
+						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='".escape($size)."' ".$selected." ".escape($preview).">".escape($size)."</option>\n";
+						echo "<option value='".$size."' ".$selected.">".escape($size)."</option>\n";
 					}
 					?>
 				</select>
@@ -402,12 +397,11 @@
 					$themes['Dark']['tomorrow_night_eighties']= 'Tomorrow Night 80s';
 					$themes['Dark']['twilight']= 'Twilight';
 					$themes['Dark']['vibrant_ink']= 'Vibrant Ink';
-					$preview = ($setting_preview == 'true') ? "onmouseover=\"editor.setTheme('ace/theme/' + this.value);\"" : null;
 					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='".escape($value)."' ".$selected." ".escape($preview).">".escape($label)."</option>\n";
+							$selected = strtolower($label) == strtolower($setting_theme) ? 'selected' : null;
+							echo "<option value='".$value."' ".$selected.">".escape($label)."</option>\n";
 						}
 						echo "</optgroup>\n";
 					}