From 4b624ab5da99a2937bb56aa3e123223f9917d439 Mon Sep 17 00:00:00 2001
From: Andrew Manning <tamanning@zoho.com>
Date: Sat, 12 Nov 2016 19:34:42 -0500
Subject: Bring Ace editor into focus when Edit tab is clicked to allow
 immediate text entry.

---
 view/tpl/wiki.tpl | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/view/tpl/wiki.tpl b/view/tpl/wiki.tpl
index 7e18b0fc4..c26ffd64a 100644
--- a/view/tpl/wiki.tpl
+++ b/view/tpl/wiki.tpl
@@ -111,7 +111,7 @@
 
   <div id="wiki-content-container" class="section-content-wrapper" {{if $hideEditor}}style="display: none;"{{/if}}>
     <ul class="nav nav-tabs" id="wiki-nav-tabs">
-      <li><a data-toggle="tab" href="#edit-pane">Edit</a></li>
+      <li id="edit-pane-tab"><a data-toggle="tab" href="#edit-pane">Edit</a></li>
       <li class="active"><a data-toggle="tab" href="#preview-pane" id="wiki-get-preview">Preview</a></li>
       <li {{if $hidePageHistory}}style="display: none;"{{/if}}><a data-toggle="tab" href="#page-history-pane" id="wiki-get-history">History</a></li>
 
@@ -229,7 +229,11 @@
   editor.setTheme("ace/theme/github");
   editor.getSession().setMode("ace/mode/markdown");
   editor.getSession().setValue(window.wiki_page_content);
-
+	window.editor = editor; // Store the editor in the window object so the anonymous function can use it.
+	$('#edit-pane-tab').click(function (ev) {
+			setTimeout(function() {window.editor.focus();}, 500); // Return the focus to the editor allowing immediate text entry
+  });
+	
   $('#wiki-get-preview').click(function (ev) {
     $.post("wiki/{{$channel}}/preview", {content: editor.getValue(), resource_id: window.wiki_resource_id}, function (data) {
       if (data.success) {
-- 
cgit v1.2.3