Show More
@@ -1,30 +1,30 b'' | |||||
1 | require(["notebook/js/widget"], function(){ |
|
1 | require(["notebook/js/widget"], function(){ | |
2 | var ContainerModel = IPython.WidgetModel.extend({}); |
|
2 | var ContainerModel = IPython.WidgetModel.extend({}); | |
3 |
IPython.notebook.widget_manager.register_widget_model(' |
|
3 | IPython.notebook.widget_manager.register_widget_model('ContainerWidgetModel', ContainerModel); | |
4 |
|
4 | |||
5 | var ContainerView = IPython.WidgetView.extend({ |
|
5 | var ContainerView = IPython.WidgetView.extend({ | |
6 |
|
6 | |||
7 | render : function(){ |
|
7 | render : function(){ | |
8 | this.$el = $('<div />') |
|
8 | this.$el = $('<div />') | |
9 | .addClass('widget_container') |
|
9 | .addClass('widget_container') | |
10 | .addClass(this.model.comm.comm_id); |
|
10 | .addClass(this.model.comm.comm_id); | |
11 | }, |
|
11 | }, | |
12 |
|
12 | |||
13 | update : function(){ |
|
13 | update : function(){ | |
14 |
|
14 | |||
15 | // Apply flexible box model properties by adding and removing |
|
15 | // Apply flexible box model properties by adding and removing | |
16 | // corrosponding CSS classes. |
|
16 | // corrosponding CSS classes. | |
17 | // Defined in IPython/html/static/base/less/flexbox.less |
|
17 | // Defined in IPython/html/static/base/less/flexbox.less | |
18 | var flex_properties = ['vbox', 'hbox', 'center', 'end', 'center']; |
|
18 | var flex_properties = ['vbox', 'hbox', 'center', 'end', 'center']; | |
19 | for (var index in flex_properties) { |
|
19 | for (var index in flex_properties) { | |
20 | if (this.model.get('_' + flex_properties[index])) { |
|
20 | if (this.model.get('_' + flex_properties[index])) { | |
21 | this.$el.addClass(flex_properties[index]); |
|
21 | this.$el.addClass(flex_properties[index]); | |
22 | } else { |
|
22 | } else { | |
23 | this.$el.removeClass(flex_properties[index]); |
|
23 | this.$el.removeClass(flex_properties[index]); | |
24 | } |
|
24 | } | |
25 | } |
|
25 | } | |
26 | }, |
|
26 | }, | |
27 | }); |
|
27 | }); | |
28 |
|
28 | |||
29 | IPython.notebook.widget_manager.register_widget_view('ContainerView', ContainerView); |
|
29 | IPython.notebook.widget_manager.register_widget_view('ContainerView', ContainerView); | |
30 | }); No newline at end of file |
|
30 | }); |
@@ -1,42 +1,42 b'' | |||||
1 | from widget import Widget |
|
1 | from widget import Widget | |
2 | from IPython.utils.traitlets import Unicode, Bool |
|
2 | from IPython.utils.traitlets import Unicode, Bool | |
3 |
|
3 | |||
4 | class ContainerWidget(Widget): |
|
4 | class ContainerWidget(Widget): | |
5 |
target_name = Unicode(' |
|
5 | target_name = Unicode('ContainerWidgetModel') | |
6 | default_view_name = Unicode('ContainerView') |
|
6 | default_view_name = Unicode('ContainerView') | |
7 | _keys = ['_vbox', '_hbox', '_start', '_end', '_center'] |
|
7 | _keys = ['_vbox', '_hbox', '_start', '_end', '_center'] | |
8 | _trait_changing = False |
|
8 | _trait_changing = False | |
9 |
|
9 | |||
10 | _hbox = Bool(False) |
|
10 | _hbox = Bool(False) | |
11 | _vbox = Bool(False) |
|
11 | _vbox = Bool(False) | |
12 | _start = Bool(False) |
|
12 | _start = Bool(False) | |
13 | _end = Bool(False) |
|
13 | _end = Bool(False) | |
14 | _center = Bool(False) |
|
14 | _center = Bool(False) | |
15 |
|
15 | |||
16 | def hbox(self, enabled=True): |
|
16 | def hbox(self, enabled=True): | |
17 | self._hbox = enabled |
|
17 | self._hbox = enabled | |
18 | if enabled: |
|
18 | if enabled: | |
19 | self._vbox = False |
|
19 | self._vbox = False | |
20 |
|
20 | |||
21 | def vbox(self, enabled=True): |
|
21 | def vbox(self, enabled=True): | |
22 | self._vbox = enabled |
|
22 | self._vbox = enabled | |
23 | if enabled: |
|
23 | if enabled: | |
24 | self._hbox = False |
|
24 | self._hbox = False | |
25 |
|
25 | |||
26 | def start(self, enabled=True): |
|
26 | def start(self, enabled=True): | |
27 | self._start = enabled |
|
27 | self._start = enabled | |
28 | if enabled: |
|
28 | if enabled: | |
29 | self._end = False |
|
29 | self._end = False | |
30 | self._center = False |
|
30 | self._center = False | |
31 |
|
31 | |||
32 | def end(self, enabled=True): |
|
32 | def end(self, enabled=True): | |
33 | self._end = enabled |
|
33 | self._end = enabled | |
34 | if enabled: |
|
34 | if enabled: | |
35 | self._start = False |
|
35 | self._start = False | |
36 | self._center = False |
|
36 | self._center = False | |
37 |
|
37 | |||
38 | def center(self, enabled=True): |
|
38 | def center(self, enabled=True): | |
39 | self._center = enabled |
|
39 | self._center = enabled | |
40 | if enabled: |
|
40 | if enabled: | |
41 | self._start = False |
|
41 | self._start = False | |
42 | self._end = False |
|
42 | self._end = False |
General Comments 0
You need to be logged in to leave comments.
Login now