Add a trusted notebook indicator, as discussed in jupyter#1146

Phyks · Apr 1, 2016 · 46a3e90 · 46a3e90
1 parent a412557
commit 46a3e90
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/notebook/static/notebook/js/menubar.js b/notebook/static/notebook/js/menubar.js
@@ -287,6 +287,9 @@ define([
             that.update_nbconvert_script(langinfo);
             that.add_kernel_help_links(data.kernel.info_reply.help_links || []);
         });
+        this.events.on('trust_changed.Notebook', function (event, trusted) {
+            that.set_trusted_indicator(trusted);
+        });
     };
 
     MenuBar.prototype._add_celltoolbar_list = function () {
@@ -416,5 +419,17 @@ define([
 
     };
 
+    MenuBar.prototype.set_trusted_indicator = function (trusted) {
+        // TODO
+        var el = this.element.find('span.trusted-indicator');
+        if (trusted) {
+            el.text('Notebook is trusted.').removeClass("untrusted").addClass("trusted");
+        }
+        else {
+            el.text('Notebook is untrusted.').removeClass("trusted").addClass("untrusted");
+        }
+    };
+
+
     return {'MenuBar': MenuBar};
 });
diff --git a/notebook/static/notebook/less/menubar.less b/notebook/static/notebook/less/menubar.less
@@ -17,6 +17,20 @@
   .navbar-collapse {
     clear: left;
   }
+  .trusted-indicator {
+      position: relative;
+      display: block;
+      padding: 10px 15px;
+      padding-top: 6px;
+      padding-bottom: 6px;
+      font-weight: bold;
+  }
+  .trusted-indicator.trusted {
+      color: green;
+  }
+  .trusted-indicator.untrusted {
+      color: red;
+  }
 
 }
 

diff --git a/notebook/templates/notebook.html b/notebook/templates/notebook.html
@@ -40,6 +40,7 @@
     <span id="notebook_name" class="filename"></span>
     <span class="checkpoint_status"></span>
     <span class="autosave_status"></span>
+    <span class="trusted_indicator"></span>
 </span>
 
 <span id="kernel_logo_widget">
@@ -302,6 +303,9 @@
                         {% endblock %}
                     </ul>
                 </li>
+                <li>
+                    <span class="trusted-indicator"></span>
+                </li>
               </ul>
             </div>
         </div>