##// END OF EJS Templates
Use baseProjectUrl for widget import path
Use baseProjectUrl for widget import path

File last commit:

r14324:bc1ac445
r14324:bc1ac445
Show More
widget.py
316 lines | 11.2 KiB | text/x-python | PythonLexer
"""Base Widget class. Allows user to create widgets in the backend that render
in the IPython notebook frontend.
"""
#-----------------------------------------------------------------------------
# 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 copy import copy
from glob import glob
import uuid
import sys
import os
import IPython
from IPython.kernel.comm import Comm
from IPython.config import LoggingConfigurable
from IPython.utils.traitlets import Unicode, Dict, List, Instance, Bool
from IPython.display import Javascript, display
from IPython.utils.py3compat import string_types
#-----------------------------------------------------------------------------
# Shared
#-----------------------------------------------------------------------------
def init_widget_js():
path = os.path.split(os.path.abspath( __file__ ))[0]
for filepath in glob(os.path.join(path, "*.py")):
filename = os.path.split(filepath)[1]
name = filename.rsplit('.', 1)[0]
if not (name == 'widget' or name == '__init__') and name.startswith('widget_'):
# Remove 'widget_' from the start of the name before compiling the path.
js_path = 'static/notebook/js/widgets/%s.js' % name[7:]
display(Javascript(data='$.getScript($("body").data("baseProjectUrl") + "%s");' % js_path), exclude="text/plain")
#-----------------------------------------------------------------------------
# Classes
#-----------------------------------------------------------------------------
class Widget(LoggingConfigurable):
# Shared declarations
_keys = []
# Public declarations
target_name = Unicode('widget', help="""Name of the backbone model
registered in the frontend to create and sync this widget with.""")
default_view_name = Unicode(help="""Default view registered in the frontend
to use to represent the widget.""")
parent = Instance('IPython.html.widgets.widget.Widget')
visible = Bool(True, help="Whether or not the widget is visible.")
def _parent_changed(self, name, old, new):
if self._displayed:
raise Exception('Parent cannot be set because widget has been displayed.')
elif new == self:
raise Exception('Parent cannot be set to self.')
else:
# Parent/child association
if new is not None and not self in new._children:
new._children.append(self)
if old is not None and self in old._children:
old._children.remove(self)
# Private/protected declarations
_property_lock = False
_css = Dict() # Internal CSS property dict
_add_class = List() # Used to add a js class to a DOM element (call#, selector, class_name)
_remove_class = List() # Used to remove a js class from a DOM element (call#, selector, class_name)
_displayed = False
_comm = None
def __init__(self, **kwargs):
"""Public constructor
Parameters
----------
parent : Widget instance (optional)
Widget that this widget instance is child of. When the widget is
displayed in the frontend, it's corresponding view will be made
child of the parent's view if the parent's view exists already. If
the parent's view is displayed, it will automatically display this
widget's default view as it's child. The default view can be set
via the default_view_name property.
"""
self._children = []
self._add_class = [0]
self._remove_class = [0]
super(Widget, self).__init__(**kwargs)
# Register after init to allow default values to be specified
self.on_trait_change(self._handle_property_changed, self.keys)
def __del__(self):
"""Object disposal"""
self.close()
def close(self):
"""Close method. Closes the widget which closes the underlying comm.
When the comm is closed, all of the widget views are automatically
removed from the frontend."""
self._comm.close()
del self._comm
# Properties
def _get_keys(self):
keys = ['visible', '_css', '_add_class', '_remove_class']
keys.extend(self._keys)
return keys
keys = property(_get_keys)
# Event handlers
def _handle_msg(self, msg):
"""Called when a msg is recieved from the frontend"""
# Handle backbone sync methods CREATE, PATCH, and UPDATE
sync_method = msg['content']['data']['sync_method']
sync_data = msg['content']['data']['sync_data']
self._handle_recieve_state(sync_data) # handles all methods
def _handle_recieve_state(self, sync_data):
"""Called when a state is recieved from the frontend."""
self._property_lock = True
try:
# Use _keys instead of keys - Don't get retrieve the css from the client side.
for name in self._keys:
if name in sync_data:
setattr(self, name, sync_data[name])
finally:
self._property_lock = False
def _handle_property_changed(self, name, old, new):
"""Called when a proeprty has been changed."""
if not self._property_lock and self._comm is not None:
# TODO: Validate properties.
# Send new state to frontend
self.send_state(key=name)
def _handle_close(self):
"""Called when the comm is closed by the frontend."""
self._comm = None
# Public methods
def send_state(self, key=None):
"""Sends the widget state, or a piece of it, to the frontend.
Parameters
----------
key : unicode (optional)
A single property's name to sync with the frontend.
"""
if self._comm is not None:
state = {}
# If a key is provided, just send the state of that key.
keys = []
if key is None:
keys.extend(self.keys)
else:
keys.append(key)
for key in self.keys:
try:
state[key] = getattr(self, key)
except Exception as e:
pass # Eat errors, nom nom nom
self._comm.send({"method": "update",
"state": state})
def get_css(self, key, selector=""):
"""Get a CSS property of the widget. Note, this function does not
actually request the CSS from the front-end; Only properties that have
been set with set_css can be read.
Parameters
----------
key: unicode
CSS key
selector: unicode (optional)
JQuery selector used when the CSS key/value was set.
"""
if selector in self._css and key in self._css[selector]:
return self._css[selector][key]
else:
return None
def set_css(self, *args, **kwargs):
"""Set one or more CSS properties of the widget (shared among all of the
views). This function has two signatures:
- set_css(css_dict, [selector=''])
- set_css(key, value, [selector=''])
Parameters
----------
css_dict : dict
CSS key/value pairs to apply
key: unicode
CSS key
value
CSS value
selector: unicode (optional)
JQuery selector to use to apply the CSS key/value.
"""
selector = kwargs.get('selector', '')
# Signature 1: set_css(css_dict, [selector=''])
if len(args) == 1:
if isinstance(args[0], dict):
for (key, value) in args[0].items():
self.set_css(key, value, selector=selector)
else:
raise Exception('css_dict must be a dict.')
# Signature 2: set_css(key, value, [selector=''])
elif len(args) == 2 or len(args) == 3:
# Selector can be a positional arg if it's the 3rd value
if len(args) == 3:
selector = args[2]
if selector not in self._css:
self._css[selector] = {}
# Only update the property if it has changed.
key = args[0]
value = args[1]
if not (key in self._css[selector] and value in self._css[selector][key]):
self._css[selector][key] = value
self.send_state('_css') # Send new state to client.
else:
raise Exception('set_css only accepts 1-3 arguments')
def add_class(self, class_name, selector=""):
"""Add class[es] to a DOM element
Parameters
----------
class_name: unicode
Class name(s) to add to the DOM element(s). Multiple class names
must be space separated.
selector: unicode (optional)
JQuery selector to select the DOM element(s) that the class(es) will
be added to.
"""
self._add_class = [self._add_class[0] + 1, selector, class_name]
self.send_state(key='_add_class')
def remove_class(self, class_name, selector=""):
"""Remove class[es] from a DOM element
Parameters
----------
class_name: unicode
Class name(s) to remove from the DOM element(s). Multiple class
names must be space separated.
selector: unicode (optional)
JQuery selector to select the DOM element(s) that the class(es) will
be removed from.
"""
self._remove_class = [self._remove_class[0] + 1, selector, class_name]
self.send_state(key='_remove_class')
# Support methods
def _repr_widget_(self, view_name=None):
"""Function that is called when `IPython.display.display` is called on
the widget.
Parameters
----------
view_name: unicode (optional)
View to display in the frontend. Overrides default_view_name."""
if not view_name:
view_name = self.default_view_name
# Create a comm.
if self._comm is None:
self._comm = Comm(target_name=self.target_name)
self._comm.on_msg(self._handle_msg)
self._comm.on_close(self._handle_close)
# Make sure model is syncronized
self.send_state()
# Show view.
if self.parent is None or self.parent._comm is None:
self._comm.send({"method": "display", "view_name": view_name})
else:
self._comm.send({"method": "display",
"view_name": view_name,
"parent": self.parent._comm.comm_id})
self._displayed = True
# Now display children if any.
for child in self._children:
if child != self:
child._repr_widget_()
return None