From d082ada1fde67fd6e358c57df498c0bd6880cdcf Mon Sep 17 00:00:00 2001
From: Mathura MG <mmg9291@gmail.com>
Date: Tue, 8 Nov 2016 12:39:46 -0500
Subject: [PATCH] Add keyboard shortcut for text based output (#193)

* add shortcuts

* add keyboard shortcut for text based output

* remove duplicate
---
 .../IDE/components/KeyboardShortcutModal.js        | 14 +++++++++++++-
 client/modules/IDE/pages/IDEView.js                |  6 ++++++
 static/loadData.js                                 |  2 +-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/modules/IDE/components/KeyboardShortcutModal.js b/client/modules/IDE/components/KeyboardShortcutModal.js
index 48d2fd03..a0a3865b 100644
--- a/client/modules/IDE/components/KeyboardShortcutModal.js
+++ b/client/modules/IDE/components/KeyboardShortcutModal.js
@@ -16,7 +16,7 @@ class KeyboardShortcutModal extends React.Component {
             <InlineSVG src={exitUrl} alt="Close Keyboard Shortcuts Overlay" />
           </button>
         </header>
-        <ul>
+        <ul title="keyboard shortcuts">
           <li className="keyboard-shortcut-item">
             <span className="keyboard-shortcut__command">Shift + Tab</span>
             <span>Tidy</span>
@@ -56,6 +56,18 @@ class KeyboardShortcutModal extends React.Component {
             </span>
             <span>Stop Sketch</span>
           </li>
+          <li className="keyboard-shortcut-item">
+            <span className="keyboard-shortcut__command">
+              {this.isMac ? 'Command + Shift + 1' : 'Control + Shift + 1'}
+            </span>
+            <span>Turn On Text-based Canvas</span>
+          </li>
+          <li className="keyboard-shortcut-item">
+            <span className="keyboard-shortcut__command">
+              {this.isMac ? 'Command + Shift + 2' : 'Control + Shift + 2'}
+            </span>
+            <span>Turn Off Text-based Canvas</span>
+          </li>
         </ul>
       </section>
     );
diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js
index a7864864..92be34c1 100644
--- a/client/modules/IDE/pages/IDEView.js
+++ b/client/modules/IDE/pages/IDEView.js
@@ -153,6 +153,12 @@ class IDEView extends React.Component {
       e.preventDefault();
       e.stopPropagation();
       this.props.startSketchAndRefresh();
+    } else if (e.keyCode === 50 && ((e.metaKey && this.isMac) || (e.ctrlKey && !this.isMac)) && e.shiftKey) {
+      e.preventDefault();
+      this.props.setTextOutput(false);
+    } else if (e.keyCode === 49 && ((e.metaKey && this.isMac) || (e.ctrlKey && !this.isMac)) && e.shiftKey) {
+      e.preventDefault();
+      this.props.setTextOutput(true);
     }
   }
 
diff --git a/static/loadData.js b/static/loadData.js
index d1bf1764..bfeb85e7 100644
--- a/static/loadData.js
+++ b/static/loadData.js
@@ -13,6 +13,6 @@ function fetchJSONFile(path, callback) {
     httpRequest.send();
 }
 
-fetchJSONFile('data.min.json', function(data){
+fetchJSONFile('/data.min.json', function(data){
   allData = data;
 });