container.js
61 lines
| 2.4 KiB
| application/javascript
|
JavascriptLexer
|
r14366 | //---------------------------------------------------------------------------- | |
// Copyright (C) 2013 The IPython Development Team | |||
// | |||
// Distributed under the terms of the BSD License. The full license is in | |||
// the file COPYING, distributed as part of this software. | |||
//---------------------------------------------------------------------------- | |||
//============================================================================ | |||
// ContainerWidget | |||
//============================================================================ | |||
/** | |||
* @module IPython | |||
* @namespace IPython | |||
**/ | |||
|
r14374 | define(["notebook/js/widget"], function(widget_manager) { | |
|
r14263 | var ContainerModel = IPython.WidgetModel.extend({}); | |
|
r14374 | widget_manager.register_widget_model('ContainerWidgetModel', ContainerModel); | |
|
r14252 | ||
|
r14263 | var ContainerView = IPython.WidgetView.extend({ | |
|
r14333 | render: function(){ | |
|
r14396 | this.$el | |
|
r14293 | .addClass('widget-container'); | |
|
r14263 | }, | |
|
r14333 | update: function(){ | |
|
r14269 | ||
// Apply flexible box model properties by adding and removing | |||
// corrosponding CSS classes. | |||
// Defined in IPython/html/static/base/less/flexbox.less | |||
|
r14333 | this.set_flex_property('vbox', this.model.get('_vbox')); | |
this.set_flex_property('hbox', this.model.get('_hbox')); | |||
this.set_flex_property('start', this.model.get('_pack_start')); | |||
this.set_flex_property('center', this.model.get('_pack_center')); | |||
this.set_flex_property('end', this.model.get('_pack_end')); | |||
|
r14335 | this.set_flex_property('align-start', this.model.get('_align_start')); | |
this.set_flex_property('align-center', this.model.get('_align_center')); | |||
this.set_flex_property('align-end', this.model.get('_align_end')); | |||
this.set_flex_property('box-flex0', this.model.get('_flex0')); | |||
this.set_flex_property('box-flex1', this.model.get('_flex1')); | |||
this.set_flex_property('box-flex2', this.model.get('_flex2')); | |||
|
r14333 | ||
|
r14279 | return IPython.WidgetView.prototype.update.call(this); | |
|
r14268 | }, | |
|
r14278 | ||
|
r14333 | set_flex_property: function(property_name, enabled) { | |
if (enabled) { | |||
this.$el.addClass(property_name); | |||
} else { | |||
this.$el.removeClass(property_name); | |||
} | |||
}, | |||
display_child: function(view) { | |||
|
r14280 | this.$el.append(view.$el); | |
|
r14278 | }, | |
|
r14263 | }); | |
|
r14252 | ||
|
r14374 | widget_manager.register_widget_view('ContainerView', ContainerView); | |
|
r14263 | }); |