add run cell shortcut

Author: risenW

notebookjs/src/public/javascripts/index.js

@@ -8,11 +8,18 @@ const editor = CodeMirror(document.getElementById('div-1'), {
     autoCloseBrackets: true
 });
 
-//run first cell on double click
-$(`#div-1`).dblclick(function () {
-    exec_cell(`run_div-1`);
+//run first cell on CTRL ENTER Pressed
+$(`#div-1`).keydown(function (e) {
+    if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
+        document.getElementById("cell_spinner-1").style.display = "block"
+        document.getElementById("cell_num-1").style.display = "none"
+        exec_cell(`run_div-1`);
+
+    }
 });
 
+
+
 var md = new Remarkable()
 //Global Params
 let vars_in_scope = {
@@ -59,7 +66,12 @@ function exec_cell(c_id) {
             }
         }
 
-        $(`#out_${id}`).html(output);
+        Promise.resolve(output).then((val) => {
+            $(`#out_${id}`).html(val);
+            document.getElementById("cell_spinner-1").style.display = "none"
+            document.getElementById("cell_num-1").style.display = "block"
+        })
+
 
         count = parseInt(count) + 1
         let div_count = `div-${count}`
@@ -159,9 +171,14 @@ function add_new_code_cell(c_id, where) {
         });
 
 
-    //run cell on double click
-    $(`#div-${new_id}`).dblclick(function () {
-        exec_cell(`run_div-${new_id}`);
+    //run cell on CTRL-ENTER Pressed
+    $(`#div-${new_id}`).keydown(function (e) {
+        if ((e.ctrlKey || e.metaKey) && (e.keyCode == 13 || e.keyCode == 10)) {
+            document.getElementById("cell_spinner-1").style.display = "block"
+            document.getElementById("cell_num-1").style.display = "none"
+            exec_cell(`run_div-${new_id}`);
+
+        }
     });
 
 }
@@ -245,7 +262,6 @@ function add_new_text_cell(c_id, where) {
             document.getElementById(`btn-actions-${new_id}`).style.display = "none"
         });
 
-
 }
 
 function delete_cell(id) {
@@ -262,13 +278,13 @@ function delete_cell(id) {
 
 
 $(document).on("click", "button.run", function () {
-    console.log(this.id);
-
     if (this.id.split("_").includes("md")) {
         let id = this.id.split("-")[1]
         let val = document.getElementById(`text-box_${id}`).value
         show_md(id, val)
     } else {
+        document.getElementById("cell_spinner-1").style.display = "block"
+        document.getElementById("cell_num-1").style.display = "none"
         exec_cell(this.id);
     }
 })
@@ -315,6 +331,7 @@ function show_md(id, value) {
     document.getElementById(div_id).style.display = "none"
 }
 
+
 $(document).on("dblclick", "div.text-out-box", function () {
     let id = this.id.split("_")[1]
     md_id = `text-div_${id}`

notebookjs/src/views/index.hbs

@@ -3,7 +3,10 @@
     <div class="">
         <div class="row" style="margin-top: 50px;" id="cell-1">
             <div class="col-md-1">
-                <p id="cell-num" class="code_symbol">[1]</p>
+                <div id="cell_spinner-1" class="spinner-border text-info code_symbol" style="display: none;" role="status">
+                    <span class="sr-only">Loading...</span>
+                </div>
+                <p id="cell_num-1" class="code_symbol">[1]</p>
             </div>
             <div id="div-1" class="col-md-9">
                 <div id="btn-actions-1" class="btn-group-horizontal" style="display: none;">

notebookjs/src/views/layout.hbs

@@ -72,7 +72,7 @@
         <li class="nav-item dropdown active">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
             aria-haspopup="true" aria-expanded="false">
-            File
+            Options
           </a>
           <div class="dropdown-menu" aria-labelledby="navbarDropdown">
             <a class="dropdown-item" id="download" href="#">Download Notebook</a>