From 310af024ff7876edb999c8f53f460fde201e26e4 Mon Sep 17 00:00:00 2001
From: Nate <github@najo.com>
Date: Thu, 5 Mar 2020 18:43:28 -0700
Subject: [PATCH] Template: Rework [esc] keyboard shortcut script to handle
 both modal close and domain selector.

---
 themes/default/template.php | 266 +++++++++++++++++++-----------------
 1 file changed, 144 insertions(+), 122 deletions(-)

diff --git a/themes/default/template.php b/themes/default/template.php
index da35cbc01d..30703aad44 100644
--- a/themes/default/template.php
+++ b/themes/default/template.php
@@ -199,8 +199,150 @@ echo "<script language='JavaScript' type='text/javascript' src='<!--{project_pat
 				}
 
 			<?php
-			key_press('escape', 'up', 'document', null, null, "if ($('#domains_visible').val() == 0) { show_domains(); } else { hide_domains(); }", false);
 		}
+
+		//keyboard shortcut scripts
+
+		//key: [enter] - retain default behavior to submit form, when present
+			echo "	var action_bar_actions, first_form, first_submit;\n";
+			echo "	action_bar_actions = document.querySelector('div#action_bar.action_bar > div.actions');\n";
+			echo "	first_form = document.querySelector('form#frm');\n";
+
+			echo "	if (action_bar_actions !== null) {\n";
+			echo "		if (first_form !== null) {\n";
+			echo "			first_submit = document.createElement('input');\n";
+			echo "			first_submit.type = 'submit';\n";
+			echo "			first_submit.id = 'default_submit';\n";
+			echo "			first_submit.setAttribute('style',\"position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;\");\n"; //note: safari doesn't honor first submit element using "display: none;"
+			echo "			first_form.prepend(first_submit);\n";
+			echo "			window.addEventListener('keydown',function(e){\n";
+			echo "				if (e.which == 13 && (e.target.tagName == 'INPUT' || e.target.tagName == 'SELECT')) {\n";
+			echo "					if (typeof window.submit_form === 'function') { submit_form(); }\n";
+			echo "					else { document.getElementById('frm').submit(); }\n";
+			echo "				}\n";
+			echo "			});\n";
+			echo "		}\n";
+			echo "	}\n";
+
+		//common (used by delete and toggle)
+			echo "	var list_checkboxes;\n";
+			echo "	list_checkboxes = document.querySelectorAll('table.list tr.list-row td.checkbox input[type=checkbox]');\n";
+
+		//keyup event listener
+			echo "	window.addEventListener('keyup', function(e) {\n";
+
+		//key: [escape] - close modal window, if open, or toggle domain selector
+			echo "		if (e.which == 27) {\n";
+			echo "			e.preventDefault();\n";
+			echo "			var modals, modal_visible, modal;\n";
+			echo "			modal_visible = false;\n";
+			echo "			modals = document.querySelectorAll('div.modal-window');\n";
+			echo "			if (modals.length !== 0) {\n";
+			echo "				for (var x = 0, max = modals.length; x < max; x++) {\n";
+			echo "					modal = document.getElementById(modals[x].id);\n";
+			echo "					if (window.getComputedStyle(modal).getPropertyValue('opacity') == 1) {\n";
+			echo "						modal_visible = true;\n";
+			echo "					}\n";
+			echo "				}\n";
+			echo "			}\n";
+			echo "			if (modal_visible) {\n";
+			echo "				modal_close();\n";
+			echo "			}\n";
+			if (permission_exists("domain_select") && count($_SESSION['domains']) > 1) {
+				echo "			else {\n";
+				echo "				if (document.getElementById('domains_visible').value == 0) {\n";
+				echo "					show_domains();\n";
+				echo "				}\n";
+				echo "				else { \n";
+				echo "					hide_domains();\n";
+				echo "				}\n";
+				echo "			}\n";
+			}
+			echo "		}\n";
+
+		//key: [insert], list: to add
+			echo "		if (e.which == 45 && e.target.id != 'search') {\n";
+			echo "			e.preventDefault();\n";
+			echo "			var list_add_button;\n";
+			echo "			list_add_button = document.getElementById('btn_add');\n";
+			echo "			if (list_add_button === null || list_add_button === 'undefined') {\n";
+			echo "				list_add_button = document.querySelector('button[name=btn_add]');\n";
+			echo "			}\n";
+			echo "			if (list_add_button !== null) { list_add_button.click(); }\n";
+			echo "		}\n";
+
+		//key: [delete], list: to delete checked, edit: to delete
+			echo "		if (e.which == 46 && e.target.id != 'search') {\n";
+			echo "			e.preventDefault();\n";
+			echo "			if (list_checkboxes.length !== 0) {\n";
+			echo "				var list_delete_button;\n";
+			echo "				list_delete_button = document.querySelector('button[name=btn_delete]');\n";
+			echo "				if (list_delete_button === null || list_delete_button === 'undefined') {\n";
+			echo "					list_delete_button = document.getElementById('btn_delete');\n";
+			echo "				}\n";
+			echo "				if (list_delete_button !== null) { list_delete_button.click(); }\n";
+			echo "			}\n";
+			echo "			else {\n";
+			echo "				var edit_delete_button;\n";
+			echo "				edit_delete_button = document.querySelector('button[name=btn_delete]');\n";
+			echo "				if (edit_delete_button === null || edit_delete_button === 'undefined') {\n";
+			echo "					edit_delete_button = document.getElementById('btn_delete');\n";
+			echo "				}\n";
+			echo "				if (edit_delete_button !== null) { edit_delete_button.click(); }\n";
+			echo "			}\n";
+			echo "		}\n";
+
+		//end keyup
+			echo "	});\n";
+
+		//keydown event listener
+			echo "	window.addEventListener('keydown', function(e) {\n";
+
+		//key: [space], list: to toggle checked
+			echo "		if (e.which == 32 && e.target.id != 'search' && list_checkboxes.length !== 0) {\n"; //note: for default [space] checkbox behavior include: " && !(e.target.tagName == 'INPUT' && e.target.type == 'checkbox')"
+			echo "			e.preventDefault();\n";
+			echo "			var list_toggle_button;\n";
+			echo "			list_toggle_button = document.querySelector('button[name=btn_toggle]');\n";
+			echo "			if (list_toggle_button === null || list_toggle_button === 'undefined') {\n";
+			echo "				list_toggle_button = document.getElementById('btn_toggle');\n";
+			echo "			}\n";
+			echo "			if (list_toggle_button !== null) { list_toggle_button.click(); }\n";
+			echo "		}\n";
+
+		//key: [ctrl]+[a], list,edit: to check all
+			echo "		if ((((e.which == 97 || e.which == 65) && (e.ctrlKey || e.metaKey)) || e.which == 19) && e.target.id != 'search') {\n";
+			echo "			var list_checkbox_all;\n";
+			echo "			list_checkbox_all = document.querySelectorAll('table.list tr.list-header th.checkbox input[name=checkbox_all]');\n";
+			echo "			if (list_checkbox_all !== null && list_checkbox_all.length > 0) {\n";
+			echo "				e.preventDefault();\n";
+			echo "				for (var x = 0, max = list_checkbox_all.length; x < max; x++) {\n";
+			echo "					list_checkbox_all[x].click();\n";
+			echo "				}\n";
+			echo "			}\n";
+			echo "			var edit_checkbox_all;\n";
+			echo "			edit_checkbox_all = document.querySelectorAll('td.edit_delete_checkbox_all > span > input[name=checkbox_all]');\n";
+			echo "			if (edit_checkbox_all !== null && edit_checkbox_all.length > 0) {\n";
+			echo "				e.preventDefault();\n";
+			echo "				for (var x = 0, max = edit_checkbox_all.length; x < max; x++) {\n";
+			echo "					edit_checkbox_all[x].click();\n";
+			echo "				}\n";
+			echo "			}\n";
+			echo "		}\n";
+
+		//key: [ctrl]+[s], edit: to save
+			echo "		if (((e.which == 115 || e.which == 83) && (e.ctrlKey || e.metaKey)) || (e.which == 19)) {\n";
+			echo "			e.preventDefault();\n";
+			echo "			var edit_save_button;\n";
+			echo "			edit_save_button = document.getElementById('btn_save');\n";
+			echo "			if (edit_save_button === null || edit_save_button === 'undefined') {\n";
+			echo "				edit_save_button = document.querySelector('button[name=btn_save]');\n";
+			echo "			}\n";
+			echo "			if (edit_save_button !== null) { edit_save_button.click(); }\n";
+			echo "		}\n";
+
+		//end keydown
+			echo "	});\n";
+
 		?>
 
 		//link table rows (except the last - the list_control_icons cell) on a table with a class of 'tr_hover', according to the href attribute of the <tr> tag
@@ -986,128 +1128,8 @@ else {
 }
 
 
-//add multilingual support
-	$language = new text;
-	$text = $language->get();
+//keyboard shortcut scripts
 
-//global helper scripts
-	echo "<script>\n";
-
-//retain default behavior of enter to submit form (when present, intended for edit pages)
-	echo "	var action_bar_actions, first_form, first_submit;\n";
-	echo "	action_bar_actions = document.querySelector('div#action_bar.action_bar > div.actions');\n";
-	echo "	first_form = document.querySelector('form#frm');\n";
-
-	echo "	if (action_bar_actions !== null) {\n";
-	echo "		if (first_form !== null) {\n";
-	echo "			first_submit = document.createElement('input');\n";
-	echo "			first_submit.type = 'submit';\n";
-	echo "			first_submit.id = 'default_submit';\n";
-	echo "			first_submit.setAttribute('style',\"position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;\");\n"; //note: safari doesn't honor first submit element using "display: none;"
-	echo "			first_form.prepend(first_submit);\n";
-	echo "			window.addEventListener('keydown',function(e){\n";
-	echo "				if (e.which == 13 && (e.target.tagName == 'INPUT' || e.target.tagName == 'SELECT')) {\n";
-	echo "					if (typeof window.submit_form === 'function') { submit_form(); }\n";
-	echo "					else { document.getElementById('frm').submit(); }\n";
-	echo "				}\n";
-	echo "			});\n";
-	echo "		}\n";
-	echo "	}\n";
-
-
-//keyboard shortcuts...
-
-//list: common (used by delete and toggle)
-	echo "	var list_checkboxes;\n";
-	echo "	list_checkboxes = document.querySelectorAll('table.list tr.list-row td.checkbox input[type=checkbox]');\n";
-
-//keyup
-	echo "	window.addEventListener('keyup', function(e) {\n";
-
-//list: [insert] to add
-	echo "		if (e.which == 45 && e.target.id != 'search') {\n";
-	echo "			e.preventDefault();\n";
-	echo "			var list_add_button;\n";
-	echo "			list_add_button = document.getElementById('btn_add');\n";
-	echo "			if (list_add_button === null || list_add_button === 'undefined') {\n";
-	echo "				list_add_button = document.querySelector('button[name=btn_add]');\n";
-	echo "			}\n";
-	echo "			if (list_add_button !== null) { list_add_button.click(); }\n";
-	echo "		}\n";
-
-//list: [del] to delete checked, edit: [del] to delete
-	echo "		if (e.which == 46 && e.target.id != 'search') {\n";
-	echo "			e.preventDefault();\n";
-	echo "			if (list_checkboxes.length !== 0) {\n";
-	echo "				var list_delete_button;\n";
-	echo "				list_delete_button = document.querySelector('button[name=btn_delete]');\n";
-	echo "				if (list_delete_button === null || list_delete_button === 'undefined') {\n";
-	echo "					list_delete_button = document.getElementById('btn_delete');\n";
-	echo "				}\n";
-	echo "				if (list_delete_button !== null) { list_delete_button.click(); }\n";
-	echo "			}\n";
-	echo "			else {\n";
-	echo "				var edit_delete_button;\n";
-	echo "				edit_delete_button = document.querySelector('button[name=btn_delete]');\n";
-	echo "				if (edit_delete_button === null || edit_delete_button === 'undefined') {\n";
-	echo "					edit_delete_button = document.getElementById('btn_delete');\n";
-	echo "				}\n";
-	echo "				if (edit_delete_button !== null) { edit_delete_button.click(); }\n";
-	echo "			}\n";
-	echo "		}\n";
-
-//keyup end
-	echo "	});\n";
-
-//keydown
-	echo "	window.addEventListener('keydown', function(e) {\n";
-
-//list: [space] to toggle checked
-	echo "		if (e.which == 32 && e.target.id != 'search' && list_checkboxes.length !== 0) {\n"; //note: for default [space] checkbox behavior include: " && !(e.target.tagName == 'INPUT' && e.target.type == 'checkbox')"
-	echo "			e.preventDefault();\n";
-	echo "			var list_toggle_button;\n";
-	echo "			list_toggle_button = document.querySelector('button[name=btn_toggle]');\n";
-	echo "			if (list_toggle_button === null || list_toggle_button === 'undefined') {\n";
-	echo "				list_toggle_button = document.getElementById('btn_toggle');\n";
-	echo "			}\n";
-	echo "			if (list_toggle_button !== null) { list_toggle_button.click(); }\n";
-	echo "		}\n";
-
-//list,edit: [ctrl]+[a] to check all
-	echo "		if ((((e.which == 97 || e.which == 65) && (e.ctrlKey || e.metaKey)) || e.which == 19) && e.target.id != 'search') {\n";
-	echo "			var list_checkbox_all;\n";
-	echo "			list_checkbox_all = document.querySelectorAll('table.list tr.list-header th.checkbox input[name=checkbox_all]');\n";
-	echo "			if (list_checkbox_all !== null && list_checkbox_all.length > 0) {\n";
-	echo "				e.preventDefault();\n";
-	echo "				for (var x = 0, max = list_checkbox_all.length; x < max; x++) {\n";
-	echo "					list_checkbox_all[x].click();\n";
-	echo "				}\n";
-	echo "			}\n";
-	echo "			var edit_checkbox_all;\n";
-	echo "			edit_checkbox_all = document.querySelectorAll('td.edit_delete_checkbox_all > span > input[name=checkbox_all]');\n";
-	echo "			if (edit_checkbox_all !== null && edit_checkbox_all.length > 0) {\n";
-	echo "				e.preventDefault();\n";
-	echo "				for (var x = 0, max = edit_checkbox_all.length; x < max; x++) {\n";
-	echo "					edit_checkbox_all[x].click();\n";
-	echo "				}\n";
-	echo "			}\n";
-	echo "		}\n";
-
-//edit: [ctrl]+[s] to save
-	echo "		if (((e.which == 115 || e.which == 83) && (e.ctrlKey || e.metaKey)) || (e.which == 19)) {\n";
-	echo "			e.preventDefault();\n";
-	echo "			var edit_save_button;\n";
-	echo "			edit_save_button = document.getElementById('btn_save');\n";
-	echo "			if (edit_save_button === null || edit_save_button === 'undefined') {\n";
-	echo "				edit_save_button = document.querySelector('button[name=btn_save]');\n";
-	echo "			}\n";
-	echo "			if (edit_save_button !== null) { edit_save_button.click(); }\n";
-	echo "		}\n";
-
-//keydown end
-	echo "	});\n";
-
-echo "</script>\n";
 
 echo "</body>\n";
 echo "</html>\n";