Added ability to set container page titles for widget multicontainer

IPython/html/static/notebook/js/widgets/multicontainer.js

@@ -1,60 +1,56 b''
 require(["notebook/js/widget"], function(){
     var MulticontainerModel = IPython.WidgetModel.extend({});
     IPython.notebook.widget_manager.register_widget_model('MulticontainerWidgetModel', MulticontainerModel);
 
     var AccordionView = IPython.WidgetView.extend({
         
         render: function(){
             this.$el = $('<div />', {id: IPython.utils.uuid()})
                 .addClass('accordion');
             this.containers = [];
         },
         
         update: function() {
-            // TODO: Set tab titles
-
-            // // Apply flexible box model properties by adding and removing
-            // // corrosponding CSS classes.
-            // // Defined in IPython/html/static/base/less/flexbox.less
-            // var flex_properties = ['vbox', 'hbox', 'center', 'end', 'center'];
-            // for (var index in flex_properties) {
-            //     if (this.model.get('_' + flex_properties[index])) {
-            //         this.$el.addClass(flex_properties[index]);
-            //     } else {
-            //         this.$el.removeClass(flex_properties[index]);
-            //     }    
-            // }
+            // Set tab titles
+            var titles = this.model.get('_titles');
+            for (var page_index in titles) {
+                var accordian_toggle = this.containers[page_index]
+                    .find('.accordion-heading')
+                    .find('.accordion-toggle');
+                accordian_toggle.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 accordion_group = $('<div />')
                 .addClass('accordion-group')
                 .appendTo(this.$el);
             var accordion_heading = $('<div />')
                 .addClass('accordion-heading')
                 .appendTo(accordion_group);
             var accordion_toggle = $('<a />')
                 .addClass('accordion-toggle')
                 .attr('data-toggle', 'collapse')
                 .attr('data-parent', '#' + this.$el.attr('id'))
                 .attr('href', '#' + uuid)
                 .html('Page ' + index)
                 .appendTo(accordion_heading);
             var accordion_body = $('<div />', {id: uuid})
-                .addClass('accordion-body collapse in')
+                .addClass('accordion-body collapse')
                 .appendTo(accordion_group);
             var accordion_inner = $('<div />')
                 .addClass('accordion-inner')
                 .appendTo(accordion_body);
             this.containers.push(accordion_group);
 
             accordion_inner.append(view.$el);
         },
     });
 
     IPython.notebook.widget_manager.register_widget_view('AccordionView', AccordionView);
 });
  No newline at end of file

IPython/html/widgets/widget_multicontainer.py

@@ -1,25 +1,55 b''
 """MulticontainerWidget class.  
 
 Represents a multipage container that can be used to group other widgets into
 pages.
 """
 #-----------------------------------------------------------------------------
 # Copyright (c) 2013, the IPython Development Team.
 #
 # Distributed under the terms of the Modified BSD License.
 #
 # The full license is in the file COPYING.txt, distributed with this software.
 #-----------------------------------------------------------------------------
 
 #-----------------------------------------------------------------------------
 # Imports
 #-----------------------------------------------------------------------------
 from widget import Widget
-from IPython.utils.traitlets import Unicode
+from IPython.utils.traitlets import Unicode, Dict
 
 #-----------------------------------------------------------------------------
 # Classes
 #-----------------------------------------------------------------------------
 class MulticontainerWidget(Widget):
     target_name = Unicode('MulticontainerWidgetModel')
     default_view_name = Unicode('AccordionView')
+
+    # Keys
+    _keys = ['_titles']
+    _titles = Dict(help="Titles of the pages")
+
+    # Public methods
+    def set_title(self, index, title):
+        """Sets the title of a container pages
+
+        Parameters
+        ----------
+        index : int
+            Index of the container page
+        title : unicode
+            New title"""
+        self._titles[index] = title
+        self.send_state('_titles')
+
+
+    def get_title(self, index):
+        """Gets the title of a container pages
+
+        Parameters
+        ----------
+        index : int
+            Index of the container page"""
+        if index in self._titles:
+            return self._titles[index]
+        else:
+            return None