|
|
|
|
@ -28,103 +28,6 @@
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 1
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "heading",
|
|
|
|
|
"level": 3,
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"source": [
|
|
|
|
|
"Custom SidePanel View"
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
"collapsed": false,
|
|
|
|
|
"input": [
|
|
|
|
|
"%%javascript\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"require([\"notebook/js/widget\"], function(){\n",
|
|
|
|
|
"\n",
|
|
|
|
|
" // Define the FilePickerView\n",
|
|
|
|
|
" var SidePanelView = IPython.WidgetView.extend({\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" render: function(){ \n",
|
|
|
|
|
" var table_div = $('<div />', {id: 'var_inspect'})\n",
|
|
|
|
|
" .addClass('hbox');\n",
|
|
|
|
|
" var body_div = $('<div />')\n",
|
|
|
|
|
" .css('width', '80%')\n",
|
|
|
|
|
" .css('height', '100%')\n",
|
|
|
|
|
" .appendTo(table_div);\n",
|
|
|
|
|
" this.panel_div = $('<div />')\n",
|
|
|
|
|
" .css('width', '20%')\n",
|
|
|
|
|
" .css('height', '100%')\n",
|
|
|
|
|
" .appendTo(table_div);\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" var body = $('body');\n",
|
|
|
|
|
" var site = body.find('#site');\n",
|
|
|
|
|
" site.detach();\n",
|
|
|
|
|
" body.find('#var_inspect').remove();\n",
|
|
|
|
|
" body.append(table_div);\n",
|
|
|
|
|
" site.appendTo(body_div);\n",
|
|
|
|
|
" },\n",
|
|
|
|
|
"\n",
|
|
|
|
|
" display_child: function(view) {\n",
|
|
|
|
|
" this.panel_div.append(view.$el);\n",
|
|
|
|
|
" },\n",
|
|
|
|
|
" });\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" // Register the DatePickerView with the widget manager.\n",
|
|
|
|
|
" IPython.widget_manager.register_widget_view('SidePanelView', SidePanelView);\n",
|
|
|
|
|
"});"
|
|
|
|
|
],
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [
|
|
|
|
|
{
|
|
|
|
|
"javascript": [
|
|
|
|
|
"\n",
|
|
|
|
|
"require([\"notebook/js/widget\"], function(){\n",
|
|
|
|
|
"\n",
|
|
|
|
|
" // Define the FilePickerView\n",
|
|
|
|
|
" var SidePanelView = IPython.WidgetView.extend({\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" render: function(){ \n",
|
|
|
|
|
" var table_div = $('<div />', {id: 'var_inspect'})\n",
|
|
|
|
|
" .addClass('hbox');\n",
|
|
|
|
|
" var body_div = $('<div />')\n",
|
|
|
|
|
" .css('width', '80%')\n",
|
|
|
|
|
" .css('height', '100%')\n",
|
|
|
|
|
" .appendTo(table_div);\n",
|
|
|
|
|
" this.panel_div = $('<div />')\n",
|
|
|
|
|
" .css('width', '20%')\n",
|
|
|
|
|
" .css('height', '100%')\n",
|
|
|
|
|
" .appendTo(table_div);\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" var body = $('body');\n",
|
|
|
|
|
" var site = body.find('#site');\n",
|
|
|
|
|
" site.detach();\n",
|
|
|
|
|
" body.find('#var_inspect').remove();\n",
|
|
|
|
|
" body.append(table_div);\n",
|
|
|
|
|
" site.appendTo(body_div);\n",
|
|
|
|
|
" },\n",
|
|
|
|
|
"\n",
|
|
|
|
|
" display_child: function(view) {\n",
|
|
|
|
|
" this.panel_div.append(view.$el);\n",
|
|
|
|
|
" },\n",
|
|
|
|
|
" });\n",
|
|
|
|
|
" \n",
|
|
|
|
|
" // Register the DatePickerView with the widget manager.\n",
|
|
|
|
|
" IPython.widget_manager.register_widget_view('SidePanelView', SidePanelView);\n",
|
|
|
|
|
"});"
|
|
|
|
|
],
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"output_type": "display_data",
|
|
|
|
|
"text": [
|
|
|
|
|
"<IPython.core.display.Javascript at 0x7f4e70015050>"
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
"prompt_number": 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "heading",
|
|
|
|
|
"level": 3,
|
|
|
|
|
@ -137,39 +40,31 @@
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
"collapsed": false,
|
|
|
|
|
"input": [
|
|
|
|
|
"_side_panel = widgets.ContainerWidget(default_view_name=\"SidePanelView\")\n",
|
|
|
|
|
"_popout = widgets.ContainerWidget(default_view_name=\"ModalView\")\n",
|
|
|
|
|
"_popout.description = \"Variable Inspector\"\n",
|
|
|
|
|
"_popout.button_text = _popout.description\n",
|
|
|
|
|
"_popout.vbox()\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_div = widgets.ContainerWidget(parent=_side_panel)\n",
|
|
|
|
|
"_modal_div.set_css({'padding-top': '60px',\n",
|
|
|
|
|
" 'padding-right': '40px',\n",
|
|
|
|
|
" 'padding-left': '10px',})\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_header = widgets.ContainerWidget(parent=_modal_div)\n",
|
|
|
|
|
"_modal_header_label = widgets.StringWidget(parent=_modal_header, default_view_name=\"LabelView\")\n",
|
|
|
|
|
"_modal_header_label.value = '<h3>Variable Inspector</h3>'\n",
|
|
|
|
|
"_modal_header_execs_label = widgets.StringWidget(parent=_modal_header, default_view_name=\"LabelView\")\n",
|
|
|
|
|
"_modal_header_execs_label = widgets.StringWidget(parent=_popout, default_view_name=\"LabelView\")\n",
|
|
|
|
|
"_modal_header_execs_label.execs = 0\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_body = widgets.ContainerWidget(parent=_modal_div)\n",
|
|
|
|
|
"_modal_body.vbox()\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_body = widgets.ContainerWidget(parent=_popout)\n",
|
|
|
|
|
"_modal_body.flex1()\n",
|
|
|
|
|
"_modal_body.set_css('overflow-y', 'scroll')\n",
|
|
|
|
|
"_modal_body_label = widgets.StringWidget(parent=_modal_body, default_view_name=\"LabelView\")\n",
|
|
|
|
|
"_modal_body_label.value = 'Not hooked'\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_footer = widgets.ContainerWidget(parent=_modal_div)\n",
|
|
|
|
|
"_modal_footer.vbox()\n",
|
|
|
|
|
"_modal_footer = widgets.ContainerWidget(parent=_popout)\n",
|
|
|
|
|
"_var_filter = widgets.SelectionWidget(values=['Public', 'Private', 'IPython'], parent=_modal_footer, value='Public', default_view_name='ToggleButtonsView')\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"display(_side_panel)\n",
|
|
|
|
|
"display(_popout)\n",
|
|
|
|
|
"\n",
|
|
|
|
|
"_modal_header.add_class('modal-header')\n",
|
|
|
|
|
"_modal_body.add_class('modal-body')\n",
|
|
|
|
|
"_modal_footer.add_class('modal-footer')\n"
|
|
|
|
|
],
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 3
|
|
|
|
|
"prompt_number": 2
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "heading",
|
|
|
|
|
@ -248,7 +143,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 4
|
|
|
|
|
"prompt_number": 3
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "heading",
|
|
|
|
|
@ -282,7 +177,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 5
|
|
|
|
|
"prompt_number": 4
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "heading",
|
|
|
|
|
@ -301,7 +196,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 6
|
|
|
|
|
"prompt_number": 5
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
@ -312,7 +207,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 7
|
|
|
|
|
"prompt_number": 6
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
@ -323,7 +218,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 8
|
|
|
|
|
"prompt_number": 7
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
@ -334,7 +229,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 9
|
|
|
|
|
"prompt_number": 8
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"cell_type": "code",
|
|
|
|
|
@ -345,7 +240,7 @@
|
|
|
|
|
"language": "python",
|
|
|
|
|
"metadata": {},
|
|
|
|
|
"outputs": [],
|
|
|
|
|
"prompt_number": 10
|
|
|
|
|
"prompt_number": 9
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
"metadata": {}
|
|
|
|
|
|