get things on the page workign

notebook/static/notebook/js/actions.js

@@ -332,15 +332,25 @@ define(function(require){
                 env.pager.collapse();
             }
         },
-        'quick-menu': {
+        'command-palette': {
             help_index : 'aa', 
             handler : function(env){
-                var searchfield = $('input').attr('type', 'text'); 
+                var searchfield = $('<input/>').attr('type', 'text'); 
+                searchfield.typeahead({
+                    order: "asc",
+                    source: {
+                        groupName: {
+                            data: [ 'abc', 'def', 'ghi', 'jkl' ]
+                        }
+                    },
+                    callback: {
+                        onInit: function () {console.log('this is init') }
+                    }
+                })
 
                 dialog.modal({
                         title: 'Execute Action',
-                        body: $('<div/>')
-                            .append(searchfield)
+                        body: $('<div/>').append(searchfield),
                         buttons: {
                             OK: {'class': 'btn-primary'}
                         }

notebook/static/notebook/js/keyboardmanager.js

@@ -84,6 +84,7 @@ define([
 
     KeyboardManager.prototype.get_default_command_shortcuts = function() {
         return {
+            'cmd-shift-P': 'ipython.command-palette',
             'shift-space': 'ipython.scroll-up',
             'shift-v' : 'ipython.paste-cell-before',
             'shift-m' : 'ipython.merge-selected-cells',

notebook/templates/page.html

@@ -16,6 +16,7 @@
     <link rel="stylesheet" href="{{ base_url }}custom/custom.css" type="text/css" />
     <script src="{{static_url("components/es6-promise/promise.min.js")}}" type="text/javascript" charset="utf-8"></script>
     <script src="{{static_url("components/requirejs/require.js") }}" type="text/javascript" charset="utf-8"></script>
+    <script src="{{static_url("components/jquery-typeahead/dist/jquery.typeahead.css") }}" type="text/javascript" charset="utf-8"></script>
     <script>
       require.config({
           {% if version_hash %}