diff --git a/IPython/html/static/notebook/js/widgets/multicontainer.js b/IPython/html/static/notebook/js/widgets/multicontainer.js index 2f2025b71..6e427518a 100644 --- a/IPython/html/static/notebook/js/widgets/multicontainer.js +++ b/IPython/html/static/notebook/js/widgets/multicontainer.js @@ -58,4 +58,69 @@ require(["notebook/js/widget"], function(){ }); IPython.notebook.widget_manager.register_widget_view('AccordionView', AccordionView); -}); \ No newline at end of file + + var TabView = IPython.WidgetView.extend({ + + render: function(){ + this.$el = $('
'); + var uuid = IPython.utils.uuid(); + this.$tabs = $('
', {id: uuid}) + .addClass('nav') + .addClass('nav-tabs') + .appendTo(this.$el); + this.$tab_contents = $('
', {id: uuid + 'Content'}) + .addClass('tab-content') + .appendTo(this.$el); + + this.containers = []; + }, + + update: function() { + // Set tab titles + var titles = this.model.get('_titles'); + for (var page_index in titles) { + var tab_text = this.containers[page_index] + if (tab_text != undefined) { + tab_text.html(titles[page_index]); + } + } + + return IPython.WidgetView.prototype.update.call(this); + }, + + display_child: function(view) { + + var index = this.containers.length; + var uuid = IPython.utils.uuid(); + + var that = this; + var tab = $('
  • ') + .css('list-style-type', 'none') + .appendTo(this.$tabs); + var tab_text = $('') + .attr('href', '#' + uuid) + .attr('data-toggle', 'tab') + .html('Page ' + index) + .appendTo(tab) + .click(function (e) { + that.$tabs.find('li') + .removeClass('active'); + }); + this.containers.push(tab_text); + + var contents_div = $('
    ', {id: uuid}) + .addClass('tab-pane') + .addClass('fade') + .append(view.$el) + .appendTo(this.$tab_contents); + + if (index==0) { + tab_text.tab('show'); + } + this.update(); + }, + }); + + IPython.notebook.widget_manager.register_widget_view('TabView', TabView); + +}); diff --git a/IPython/html/widgets/widget_multicontainer.py b/IPython/html/widgets/widget_multicontainer.py index 3ae16f5f9..58f2a5a38 100644 --- a/IPython/html/widgets/widget_multicontainer.py +++ b/IPython/html/widgets/widget_multicontainer.py @@ -22,7 +22,7 @@ from IPython.utils.traitlets import Unicode, Dict #----------------------------------------------------------------------------- class MulticontainerWidget(Widget): target_name = Unicode('MulticontainerWidgetModel') - default_view_name = Unicode('AccordionView') + default_view_name = Unicode('TabView') # Keys _keys = ['_titles']