mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2025-01-12 11:45:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added selected_index support to accordion view.

Browse Source
This commit is contained in:
Jonathan Frederic 2013-11-15 00:57:19 +00:00
parent a9faa50329
commit 215060e8e8
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
IPython/html/static/notebook/js/widgets/multicontainer.js
View File

@ -40,6 +40,19 @@ define(["notebook/js/widget"], function(){
} }
} }
// Set selected page
var selected_index = this.model.get("selected_index");
if (0 <= selected_index && selected_index < this.containers.length) {
for (var index in this.containers) {
if (index==selected_index) {
this.containers[index].find('.accordion-body').collapse('show');
} else {
this.containers[index].find('.accordion-body').collapse('hide');
}
}
}
return IPython.WidgetView.prototype.update.call(this); return IPython.WidgetView.prototype.update.call(this);
}, },
@ -53,11 +66,16 @@ define(["notebook/js/widget"], function(){
var accordion_heading = $('<div />') var accordion_heading = $('<div />')
.addClass('accordion-heading') .addClass('accordion-heading')
.appendTo(accordion_group); .appendTo(accordion_group);
var that = this;
var accordion_toggle = $('<a />') var accordion_toggle = $('<a />')
.addClass('accordion-toggle') .addClass('accordion-toggle')
.attr('data-toggle', 'collapse') .attr('data-toggle', 'collapse')
.attr('data-parent', '#' + this.$el.attr('id')) .attr('data-parent', '#' + this.$el.attr('id'))
.attr('href', '#' + uuid) .attr('href', '#' + uuid)
.click(function(evt){
that.model.set("selected_index", index);
that.model.update_other_views(that);
})
.html('Page ' + index) .html('Page ' + index)
.appendTo(accordion_heading); .appendTo(accordion_heading);
var accordion_body = $('<div />', {id: uuid}) var accordion_body = $('<div />', {id: uuid})
@ -67,9 +85,15 @@ define(["notebook/js/widget"], function(){
.addClass('accordion-inner') .addClass('accordion-inner')
.appendTo(accordion_body); .appendTo(accordion_body);
this.containers.push(accordion_group); this.containers.push(accordion_group);
accordion_inner.append(view.$el); accordion_inner.append(view.$el);
this.update(); this.update();
// Stupid workaround to close the bootstrap accordion tabs which
// open by default even though they don't have the `in` class
// attached to them. For some reason a delay is required.
// TODO: Better fix.
setTimeout(function(){that.update()}, 500);
}, },
}); });
@ -91,7 +115,7 @@ define(["notebook/js/widget"], function(){
this.containers = []; this.containers = [];
}, },
update: function() { update: function() {
// Set tab titles // Set tab titles
var titles = this.model.get('_titles'); var titles = this.model.get('_titles');
@ -151,5 +175,4 @@ define(["notebook/js/widget"], function(){
}); });
IPython.widget_manager.register_widget_view('TabView', TabView); IPython.widget_manager.register_widget_view('TabView', TabView);
}); });