From 1c97a7232ff3dd89a7175aee2dcfa1ea27d2a3f5 Mon Sep 17 00:00:00 2001
From: Matthias BUSSONNIER <bussonniermatthias@gmail.com>
Date: Sat, 5 Jan 2013 15:47:50 +0100
Subject: [PATCH] enable dropdown preset change

---
 .../html/notebook/static/js/maintoolbar.js    | 15 +++-----------
 .../html/notebook/static/js/metaui.js         | 20 +++++++++++++++++++
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/IPython/frontend/html/notebook/static/js/maintoolbar.js b/IPython/frontend/html/notebook/static/js/maintoolbar.js
index cbe5440e5..96ba391ca 100644
--- a/IPython/frontend/html/notebook/static/js/maintoolbar.js
+++ b/IPython/frontend/html/notebook/static/js/maintoolbar.js
@@ -17,6 +17,9 @@ var IPython = (function (IPython) {
         this.construct();
         this.add_drop_down_list();
         this.bind_events();
+        $(this.selector)
+        .append($('<label/>').text('MetaUI'))
+        .append(IPython.MetaUI.dropdown_preset_selector)
     };
 
     MainToolBar.prototype = new IPython.ToolBar(); 
@@ -115,18 +118,6 @@ var IPython = (function (IPython) {
                         }
                 }
             ],'run_int');
-
-        this.add_buttons_group([
-                {
-                    id : 'show_meta',
-                    label : 'Show Per Cell Toolbar',
-                    icon : 'ui-icon-image',
-                    callback : function () {
-                    $('body').toggleClass('editmetaon');
-                        }
-                }
-            ],'meta_on');
-
     };
 
     MainToolBar.prototype.add_drop_down_list = function () {
diff --git a/IPython/frontend/html/notebook/static/js/metaui.js b/IPython/frontend/html/notebook/static/js/metaui.js
index 8ece4ee1a..da07361a6 100644
--- a/IPython/frontend/html/notebook/static/js/metaui.js
+++ b/IPython/frontend/html/notebook/static/js/metaui.js
@@ -35,6 +35,22 @@ var IPython = (function (IPython) {
         return this;
     };
 
+    MetaUI.dropdown_preset_selector = $('<select/>')
+        .attr('id','metaui_selector')
+        .append($('<option/>').attr('value','').text('-'))
+
+    MetaUI.dropdown_preset_selector.change(function(){
+        var val = MetaUI.dropdown_preset_selector.val()
+        if(val ==''){
+            $('body').removeClass('editmetaon')
+        } else {
+            $('body').addClass('editmetaon')
+            MetaUI.set_preset(val)
+        }
+    })
+
+
+
     /**
      * Class variable that should contain a dict of all availlable callback
      * we need to think of wether or not we allow nested namespace
@@ -139,6 +155,9 @@ var IPython = (function (IPython) {
      */
     MetaUI.register_preset = function(name, preset_list){
         MetaUI._presets[name] = preset_list
+        MetaUI.dropdown_preset_selector.append(
+           $('<option/>').attr('value',name).text(name)
+        )
     }
     /**
      * set an UI preset from `register_preset`
@@ -160,6 +179,7 @@ var IPython = (function (IPython) {
         }
     }
 
+
     // this is by design not a prototype.
     /**
      * This should be called on the class and not on a instance as it will trigger