From 49b071a574da9f733474378d5591d9d6b44aa3c9 Mon Sep 17 00:00:00 2001
From: Marius BALTEANU <marius.balteanu@zitec.com>
Date: Sat, 2 Jan 2021 14:38:40 +0200
Subject: [PATCH] Add keyboard shortcut to toggle between Edit/Preview tabs

---
 public/javascripts/jstoolbar/jstoolbar.js | 35 ++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/public/javascripts/jstoolbar/jstoolbar.js b/public/javascripts/jstoolbar/jstoolbar.js
index 376698f9a..de4eb997a 100644
--- a/public/javascripts/jstoolbar/jstoolbar.js
+++ b/public/javascripts/jstoolbar/jstoolbar.js
@@ -21,6 +21,7 @@
 */
 
 /* Modified by JP LANG for textile formatting */
+let lastJstPreviewed = null;
 
 function jsToolBar(textarea) {
   if (!document.createElement) { return; }
@@ -53,6 +54,8 @@ function jsToolBar(textarea) {
 
   var This = this;
 
+  this.textarea.onkeydown = function(event) { This.keyboardShortcuts.call(This, event); };
+
   this.editTab = new jsTab('Edit', true);
   this.editTab.onclick = function(event) { This.hidePreview.call(This, event); return false; };
 
@@ -401,22 +404,33 @@ jsToolBar.prototype = {
   },
   showPreview: function(event) {
     if (event.target.classList.contains('selected')) { return; }
+    lastJstPreviewed = this.toolbarBlock;
     this.preview.setAttribute('style', 'min-height: ' + this.textarea.clientHeight + 'px;')
     this.toolbar.classList.add('hidden');
     this.textarea.classList.add('hidden');
     this.preview.classList.remove('hidden');
     this.tabsBlock.getElementsByClassName('tab-edit')[0].classList.remove('selected');
     event.target.classList.add('selected');
-
   },
   hidePreview: function(event) {
     if (event.target.classList.contains('selected')) { return; }
     this.toolbar.classList.remove('hidden');
     this.textarea.classList.remove('hidden');
+    this.textarea.focus();
     this.preview.classList.add('hidden');
     this.tabsBlock.getElementsByClassName('tab-preview')[0].classList.remove('selected');
     event.target.classList.add('selected');
   },
+  keyboardShortcuts: function(e) {
+    if (isToogleEditPreviewShortcut(e)) {
+      // Switch to preview only if tab edit is selected when the event triggered.
+      if (this.tabsBlock.querySelector('.tab-edit.selected')) {
+        e.stopPropagation();
+        e.preventDefault();
+        this.tabsBlock.getElementsByClassName('tab-preview')[0].click();
+      }
+    }
+  },
   stripBaseURL: function(url) {
     if (this.base_url != '') {
       var pos = url.indexOf(this.base_url);
@@ -507,3 +521,22 @@ jsToolBar.prototype.tableMenu = function(fn){
   });
   return false;
 };
+
+$(document).keydown(function(e) {
+  if (isToogleEditPreviewShortcut(e)) {
+    if (lastJstPreviewed !== null) {
+      e.preventDefault();
+      e.stopPropagation();
+      lastJstPreviewed.querySelector('.tab-edit').click();
+      lastJstPreviewed = null;
+    }
+  }
+});
+
+function isToogleEditPreviewShortcut(e) {
+  if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key.toLowerCase() === 'p') {
+    return true;
+  } else {
+    return false;
+  }
+}
\ No newline at end of file
-- 
2.22.0