added key shortcuts' list dropdown in view option bar

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>

1 files changed, 11 insertions, 1 deletions

diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
index fadc4683..8a46a0b1 100644
--- a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
+++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
@@ -38,7 +38,8 @@
                 "format":{"#": "format"},
                 "comment":{"#":"comment"},
                 "uncomment":{"#":"uncomment"},
-                "themeSelect":{"#":"themeSelect"}
+                "themeSelect":{"#":"themeSelect"},
+                "shortKeys":{"#":"shortKeys"}
             }
         }
     }
@@ -72,6 +73,15 @@
                 <option value="xq-dark" >XQ-DARK</option>
             </select>
         </div>
+        <div id="shortKeys" class="shortKeys">
+            <div class="list hide">
+                <div><span>ctrl+space : code hints</span></div>
+                <div><span>ctrl+/ : comment selection</span></div>
+                <div><span>ctrl+shift+/ : uncomment selection</span></div>
+            </div>
+            <span>ShortKeys</span>
+            <span class="dropdownArrow">&#9660</span>
+        </div>
     </div>
 </div>
 </body>