def _add_statusbar ( self ):
""" Adds a statusbar to the dialog.
"""
if self.ui.view.statusbar is not None:
control = HorizontalLayout()
control.setSizeGripEnabled(self.ui.view.resizable)
listeners = []
for item in self.ui.view.statusbar:
# Create the status widget with initial text
name = item.name
item_control = Label()
item_control.setValue(self.ui.get_extended_value(name))
# Add the widget to the control with correct size
width = abs(item.width)
stretch = 0
if width <= 1.0:
stretch = int(100 * width)
else:
item_control.setWidth('%dpx' % width)
control.addComponent(item_control)
# Set up event listener for updating the status text
col = name.find('.')
obj = 'object'
if col >= 0:
obj = name[:col]
name = name[col+1:]
obj = self.ui.context[obj]
set_text = self._set_status_text(item_control)
obj.on_trait_change(set_text, name, dispatch='ui')
listeners.append((obj, set_text, name))
self.control.addComponent(control)
self.ui._statusbar = listeners
def __init__(self):
super(FormAdvancedLayoutExample, self).__init__()
# the 'POJO' we're editing.
# The Person class is imported from the basic form example.
self._person = Person() # a person POJO
personItem = BeanItem(self._person) # item from POJO
# Create the Form
personForm = FormWithComplexLayout(personItem, self)
# Add form to layout
self.addComponent(personForm)
# The cancel / apply buttons
buttons = HorizontalLayout()
buttons.setSpacing(True)
discardChanges = Button('Discard changes', DiscardListener(personForm))
discardChanges.setStyleName(BaseTheme.BUTTON_LINK)
buttons.addComponent(discardChanges)
buttons.setComponentAlignment(discardChanges, Alignment.MIDDLE_LEFT)
aply = Button('Apply', ApplyListener(personForm))
buttons.addComponent(aply)
personForm.getFooter().setMargin(True)
personForm.getFooter().addComponent(buttons)
# button for showing the internal state of the POJO
l = InternalStateListener(self)
showPojoState = Button('Show POJO internal state', l)
self.addComponent(showPojoState)
def __init__(self):
super(WebLayoutWindow, self).__init__()
# Our main layout is a horizontal layout
main = HorizontalLayout()
main.setMargin(True)
main.setSpacing(True)
self.setContent(main)
# Tree to the left
tree = Tree()
tree.setContainerDataSource( ExampleUtil.getHardwareContainer() )
tree.setItemCaptionPropertyId( ExampleUtil.hw_PROPERTY_NAME )
for idd in tree.rootItemIds():
tree.expandItemsRecursively(idd)
self.addComponent(tree)
# vertically divide the right area
left = VerticalLayout()
left.setSpacing(True)
self.addComponent(left)
# table on top
tbl = Table()
tbl.setWidth('500px')
tbl.setContainerDataSource( ExampleUtil.getISO3166Container() )
tbl.setSortDisabled(True)
tbl.setPageLength(7)
left.addComponent(tbl)
# Label on bottom
text = Label(ExampleUtil.lorem, Label.CONTENT_XHTML)
text.setWidth('500px') # some limit is good for text
left.addComponent(text)
def __init__(self):
super(AccordionDisabledExample, self).__init__()
self.setSpacing(True)
self._l1 = Label('There are no previously saved actions.')
self._l2 = Label('There are no saved notes.')
self._l3 = Label('There are currently no issues.')
self._a = Accordion()
self._a.setHeight('300px')
self._a.setWidth('400px')
self._t1 = self._a.addTab(self._l1, 'Saved actions', self._icon1)
self._t2 = self._a.addTab(self._l2, 'Notes', self._icon2)
self._t3 = self._a.addTab(self._l3, 'Issues', self._icon3)
self._a.addListener(self, tab_sheet.ISelectedTabChangeListener)
self._b1 = Button('Disable \'Notes\' tab')
self._b2 = Button('Hide \'Issues\' tab')
self._b1.addListener(self, button.IClickListener)
self._b2.addListener(self, button.IClickListener)
hl = HorizontalLayout()
hl.setSpacing(True)
hl.addComponent(self._b1)
hl.addComponent(self._b2)
self.addComponent(self._a)
self.addComponent(hl)
def __init__(self):
super(SimpleAddressBook, self).__init__()
self._contactList = Table()
self._contactEditor = Form()
self._bottomLeftCorner = HorizontalLayout()
self._contactRemovalButton = None
self._addressBookData = self.createDummyData()
def __init__(self, window):
super(BreadCrumbs, self).__init__()
self._window = window
self._layout = HorizontalLayout()
self._layout.setSpacing(True)
self.setCompositionRoot(self._layout)
self.setStyleName('breadcrumbs')
self.setPath(None)
def __init__(self):
super(FeatureView, self).__init__()
self._right = None
self._left = None
self._controls = None
self._title = Label("", Label.CONTENT_XHTML)
self._showSrc = None
self._exampleCache = dict()
self._currentFeature = None
self._srcWindow = None
self.setWidth('100%')
self.setMargin(True)
self.setSpacing(True)
self.setStyleName('sample-view')
self._left = VerticalLayout()
self._left.setWidth('100%')
self._left.setSpacing(True)
self._left.setMargin(False)
self.addComponent(self._left)
self.setExpandRatio(self._left, 1)
rightLayout = VerticalLayout()
self._right = Panel(rightLayout)
rightLayout.setMargin(True, False, False, False)
self._right.setStyleName(Reindeer.PANEL_LIGHT)
self._right.addStyleName('feature-info')
self._right.setWidth('319px')
self.addComponent(self._right)
self._controls = HorizontalLayout()
self._controls.setWidth('100%')
self._controls.setStyleName('feature-controls')
self._title.setStyleName('title')
self._controls.addComponent(self._title)
self._controls.setExpandRatio(self._title, 1)
resetExample = NativeButton('Reset', ResetListener(self))
resetExample.setStyleName(BaseTheme.BUTTON_LINK)
resetExample.addStyleName('reset')
resetExample.setDescription('Reset Sample')
self._controls.addComponent(resetExample)
self._showSrc = ActiveLink()
self._showSrc.setDescription(
'Right / middle / ctrl / shift -click for browser window/tab')
self._showSrc.addListener(ShowSrcListener(self),
ILinkActivatedListener)
self._showSrc.setCaption(self._MSG_SHOW_SRC)
self._showSrc.addStyleName('showcode')
self._showSrc.setTargetBorder(Link.TARGET_BORDER_NONE)
self._controls.addComponent(self._showSrc)
def __init__(self):
super(FormAdvancedLayoutExample, self).__init__()
# the 'POJO' we're editing.
# The Person class is imported from the basic form example.
self._person = Person() # a person POJO
personItem = BeanItem(self._person) # item from POJO
# Create the Form
personForm = FormWithComplexLayout(personItem, self)
# Add form to layout
self.addComponent(personForm)
# The cancel / apply buttons
buttons = HorizontalLayout()
buttons.setSpacing(True)
discardChanges = Button("Discard changes", DiscardListener(personForm))
discardChanges.setStyleName(BaseTheme.BUTTON_LINK)
buttons.addComponent(discardChanges)
buttons.setComponentAlignment(discardChanges, Alignment.MIDDLE_LEFT)
aply = Button("Apply", ApplyListener(personForm))
buttons.addComponent(aply)
personForm.getFooter().setMargin(True)
personForm.getFooter().addComponent(buttons)
# button for showing the internal state of the POJO
l = InternalStateListener(self)
showPojoState = Button("Show POJO internal state", l)
self.addComponent(showPojoState)
class ImmediateUploadExample(VerticalLayout):
def __init__(self):
super(ImmediateUploadExample, self).__init__()
self.setSpacing(True)
self._status = Label('Please select a file to upload')
self._pi = ProgressIndicator()
self._receiver = MyReceiver()
self._progressLayout = HorizontalLayout()
self._upload = Upload(None, self._receiver)
# Slow down the upload
self._receiver.setSlow(True)
self.addComponent(self._status)
self.addComponent(self._upload)
self.addComponent(self._progressLayout)
# Make uploading start immediately when file is selected
self._upload.setImmediate(True)
self._upload.setButtonCaption('Select file')
self._progressLayout.setSpacing(True)
self._progressLayout.setVisible(False)
self._progressLayout.addComponent(self._pi)
self._progressLayout.setComponentAlignment(self._pi,
Alignment.MIDDLE_LEFT)
cancelProcessing = Button('Cancel')
cancelProcessing.addListener(CancelListener(self),
button.IClickListener)
cancelProcessing.setStyleName('small')
self._progressLayout.addComponent(cancelProcessing)
# =========== Add needed listener for the upload component: start,
# progress, finish, success, fail ===========
self._upload.addListener(StartedListener(self),
upload.IStartedListener)
self._upload.addListener(ProgressListener(self),
upload.IProgressListener)
self._upload.addListener(SucceededListener(self),
upload.ISucceededListener)
self._upload.addListener(FailedListener(self),
upload.IFailedListener)
self._upload.addListener(FinishedListener(self),
upload.IFinishedListener)
def __init__(self):
super(ShortcutScopeExample, self).__init__()
self.setSpacing(True)
# We want the panels side-by-side
hz = HorizontalLayout()
hz.setSpacing(True)
self.addComponent(hz)
# Add two identical panels
hz.addComponent(self.createPanel(1))
hz.addComponent(self.createPanel(2))
class ImmediateUploadExample(VerticalLayout):
def __init__(self):
super(ImmediateUploadExample, self).__init__()
self.setSpacing(True)
self._status = Label('Please select a file to upload')
self._pi = ProgressIndicator()
self._receiver = MyReceiver()
self._progressLayout = HorizontalLayout()
self._upload = Upload(None, self._receiver)
# Slow down the upload
self._receiver.setSlow(True)
self.addComponent(self._status)
self.addComponent(self._upload)
self.addComponent(self._progressLayout)
# Make uploading start immediately when file is selected
self._upload.setImmediate(True)
self._upload.setButtonCaption('Select file')
self._progressLayout.setSpacing(True)
self._progressLayout.setVisible(False)
self._progressLayout.addComponent(self._pi)
self._progressLayout.setComponentAlignment(self._pi,
Alignment.MIDDLE_LEFT)
cancelProcessing = Button('Cancel')
cancelProcessing.addListener(CancelListener(self),
button.IClickListener)
cancelProcessing.setStyleName('small')
self._progressLayout.addComponent(cancelProcessing)
# =========== Add needed listener for the upload component: start,
# progress, finish, success, fail ===========
self._upload.addListener(StartedListener(self),
upload.IStartedListener)
self._upload.addListener(ProgressListener(self),
upload.IProgressListener)
self._upload.addListener(SucceededListener(self),
upload.ISucceededListener)
self._upload.addListener(FailedListener(self), upload.IFailedListener)
self._upload.addListener(FinishedListener(self),
upload.IFinishedListener)
def _add_groups(self, content, outer):
"""Adds a list of Group objects to the panel, creating a layout if
needed. Return the outermost layout.
"""
# Use the existing layout if there is one.
if outer is None:
if self.horizontal:
outer = HorizontalLayout()
else:
outer = VerticalLayout()
outer.setSizeUndefined()
# Process each group.
for subgroup in content:
panel = _GroupPanel(subgroup, self.ui).control
if isinstance(panel, IComponent):
outer.addComponent(panel)
else:
# The sub-group is empty which seems to be used as a way of
# providing some whitespace.
outer.addComponent(Label(' '))
return outer
def __init__(self):
super(PlotWindow, self).__init__()
self.mainLayout = VerticalLayout()
self.setContent(self.mainLayout)
self.setCaption('Basic Example')
infoBar = HorizontalLayout()
self.mainLayout.addComponent(infoBar)
infoBar.setHeight('50px')
infoBar.setWidth('100%')
self.showPlot()
def __init__(self):
super(ApplicationLayoutWindow, self).__init__()
# Our main layout is a horizontal layout
main = HorizontalLayout()
main.setSizeFull()
self.setContent(main)
# Tree to the left
treePanel = Panel() # for scrollbars
treePanel.setStyleName(Reindeer.PANEL_LIGHT)
treePanel.setHeight('100%')
treePanel.setWidth(None)
treePanel.getContent().setSizeUndefined()
self.addComponent(treePanel)
tree = Tree()
tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
for idd in tree.rootItemIds():
tree.expandItemsRecursively(idd)
treePanel.addComponent(tree)
# vertically divide the right area
left = VerticalLayout()
left.setSizeFull()
self.addComponent(left)
main.setExpandRatio(left, 1.0) # use all available space
# table on top
tbl = Table()
tbl.setWidth('100%')
tbl.setContainerDataSource(ExampleUtil.getISO3166Container())
tbl.setSortDisabled(True)
tbl.setPageLength(7)
left.addComponent(tbl)
# Label on bottom
textPanel = Panel() # for scrollbars
textPanel.setStyleName(Reindeer.PANEL_LIGHT)
textPanel.setSizeFull()
left.addComponent(textPanel)
left.setExpandRatio(textPanel, 1.0) # use all available space
text = Label(ExampleUtil.lorem, Label.CONTENT_XHTML)
text.setWidth('500px') # some limit is good for text
textPanel.addComponent(text)
def __init__(self):
super(SimpleAddressBook, self).__init__()
self._contactList = Table()
self._contactEditor = Form()
self._bottomLeftCorner = HorizontalLayout()
self._contactRemovalButton = None
self._addressBookData = self.createDummyData()
def __init__(self):
super(TreeSingleSelectExample, self).__init__()
self.setSpacing(True)
# Create the Tree,a dd to layout
self._tree = Tree('Hardware Inventory')
self.addComponent(self._tree)
# Contents from a (prefilled example) hierarchical container:
self._tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
# Add Valuechangelistener and Actionhandler
self._tree.addListener(self, IValueChangeListener)
# Add actions (context menu)
self._tree.addActionHandler(self)
# Cause valueChange immediately when the user selects
self._tree.setImmediate(True)
# Set tree to show the 'name' property as caption for items
self._tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
self._tree.setItemCaptionMode(
AbstractSelect.ITEM_CAPTION_MODE_PROPERTY)
# Expand whole tree
for idd in self._tree.rootItemIds():
self._tree.expandItemsRecursively(idd)
# Create the 'editor bar' (textfield and button in a horizontallayout)
self._editBar = HorizontalLayout()
self._editBar.setMargin(False, False, False, True)
self._editBar.setEnabled(False)
self.addComponent(self._editBar)
# textfield
self._editor = TextField('Item name')
self._editor.setImmediate(True)
self._editBar.addComponent(self._editor)
# apply-button
self._change = Button('Apply', self) #, 'buttonClick') FIXME: listener
self._editBar.addComponent(self._change)
self._editBar.setComponentAlignment(self._change,
Alignment.BOTTOM_LEFT)
def __init__(self, window):
super(BreadCrumbs, self).__init__()
self._window = window
self._layout = HorizontalLayout()
self._layout.setSpacing(True)
self.setCompositionRoot(self._layout)
self.setStyleName('breadcrumbs')
self.setPath(None)
def __init__(self):
super(TabSheetDisabledExample, self).__init__()
self.setSpacing(True)
# Tab 1 content
self._l1 = VerticalLayout()
self._l1.setMargin(True)
self._l1.addComponent(Label('There are no previously saved actions.'))
# Tab 2 content
self._l2 = VerticalLayout()
self._l2.setMargin(True)
self._l2.addComponent(Label('There are no saved notes.'))
# Tab 3 content
self._l3 = VerticalLayout()
self._l3.setMargin(True)
self._l3.addComponent(Label('There are currently no issues.'))
self._t = TabSheet()
self._t.setHeight('200px')
self._t.setWidth('400px')
self._t1 = self._t.addTab(self._l1, 'Saved actions', self._icon1)
self._t2 = self._t.addTab(self._l2, 'Notes', self._icon2)
self._t3 = self._t.addTab(self._l3, 'Issues', self._icon3)
self._t.addListener(self, tab_sheet.ISelectedTabChangeListener)
self._toggleEnabled = Button('Disable \'Notes\' tab')
self._toggleEnabled.addListener(self, button.IClickListener)
self._toggleVisible = Button('Hide \'Issues\' tab')
self._toggleVisible.addListener(self, button.IClickListener)
hl = HorizontalLayout()
hl.setSpacing(True)
hl.addComponent(self._toggleEnabled)
hl.addComponent(self._toggleVisible)
self.addComponent(self._t)
self.addComponent(hl)
def __init__(self):
super(FormPojoExample, self).__init__()
self._person = Person() # a person POJO
personItem = BeanItem(self._person) # item from POJO
# Create the Form
personForm = Form()
personForm.setCaption('Personal details')
personForm.setWriteThrough(False) # we want explicit 'apply'
personForm.setInvalidCommitted(False) # no invalid values in datamodel
# FieldFactory for customizing the fields and adding validators
personForm.setFormFieldFactory(PersonFieldFactory(self))
personForm.setItemDataSource(personItem) # bind to POJO via BeanItem
# Determines which properties are shown, and in which order:
personForm.setVisibleItemProperties(['firstName', 'lastName',
'countryCode', 'password', 'birthdate', 'shoesize', 'uuid'])
# Add form to layout
self.addComponent(personForm)
# The cancel / apply buttons
buttons = HorizontalLayout()
buttons.setSpacing(True)
discardChanges = Button('Discard changes', DiscardListener(personForm))
discardChanges.setStyleName(BaseTheme.BUTTON_LINK)
buttons.addComponent(discardChanges)
buttons.setComponentAlignment(discardChanges, Alignment.MIDDLE_LEFT)
aply = Button('Apply', ApplyListener(personForm))
buttons.addComponent(aply)
personForm.getFooter().addComponent(buttons)
personForm.getFooter().setMargin(False, False, True, True)
# button for showing the internal state of the POJO
l = InternalStateListener(self)
showPojoState = Button('Show POJO internal state', l)
self.addComponent(showPojoState)
def __init__(self):
super(FeatureView, self).__init__()
self._right = None
self._left = None
self._controls = None
self._title = Label("", Label.CONTENT_XHTML)
self._showSrc = None
self._exampleCache = dict()
self._currentFeature = None
self._srcWindow = None
self.setWidth('100%')
self.setMargin(True)
self.setSpacing(True)
self.setStyleName('sample-view')
self._left = VerticalLayout()
self._left.setWidth('100%')
self._left.setSpacing(True)
self._left.setMargin(False)
self.addComponent(self._left)
self.setExpandRatio(self._left, 1)
rightLayout = VerticalLayout()
self._right = Panel(rightLayout)
rightLayout.setMargin(True, False, False, False)
self._right.setStyleName(Reindeer.PANEL_LIGHT)
self._right.addStyleName('feature-info')
self._right.setWidth('319px')
self.addComponent(self._right)
self._controls = HorizontalLayout()
self._controls.setWidth('100%')
self._controls.setStyleName('feature-controls')
self._title.setStyleName('title')
self._controls.addComponent(self._title)
self._controls.setExpandRatio(self._title, 1)
resetExample = NativeButton('Reset', ResetListener(self))
resetExample.setStyleName(BaseTheme.BUTTON_LINK)
resetExample.addStyleName('reset')
resetExample.setDescription('Reset Sample')
self._controls.addComponent(resetExample)
self._showSrc = ActiveLink()
self._showSrc.setDescription('Right / middle / ctrl / shift -click for browser window/tab')
self._showSrc.addListener(ShowSrcListener(self), ILinkActivatedListener)
self._showSrc.setCaption(self._MSG_SHOW_SRC)
self._showSrc.addStyleName('showcode')
self._showSrc.setTargetBorder(Link.TARGET_BORDER_NONE)
self._controls.addComponent(self._showSrc)
class BreadCrumbs(CustomComponent, ILinkActivatedListener):
def __init__(self, window):
super(BreadCrumbs, self).__init__()
self._window = window
self._layout = HorizontalLayout()
self._layout.setSpacing(True)
self.setCompositionRoot(self._layout)
self.setStyleName('breadcrumbs')
self.setPath(None)
def setPath(self, path):
# could be optimized: always builds path from scratch home
self._layout.removeAllComponents()
link = ActiveLink('Home', ExternalResource('#'))
link.addListener(self, ILinkActivatedListener)
self._layout.addComponent(link)
if path is not None and not ('' == path):
parts = path.split('/')
link = None
for part in parts:
separator = Label("»", Label.CONTENT_XHTML);
separator.setSizeUndefined()
self._layout.addComponent(separator)
f = FeatureSet.FEATURES.getFeature(part)
link = ActiveLink(f.getName(),
ExternalResource('#' + f.getFragmentName()))
link.setData(f)
link.addListener(self, ILinkActivatedListener)
self._layout.addComponent(link)
if link is not None:
link.setStyleName('bold')
def linkActivated(self, event):
if not event.isLinkOpened():
self._window.getWindow().setFeature(event.getActiveLink().getData())
def __init__(self):
super(WebLayoutWindow, self).__init__()
# Our main layout is a horizontal layout
main = HorizontalLayout()
main.setMargin(True)
main.setSpacing(True)
self.setContent(main)
# Tree to the left
tree = Tree()
tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
for idd in tree.rootItemIds():
tree.expandItemsRecursively(idd)
self.addComponent(tree)
# vertically divide the right area
left = VerticalLayout()
left.setSpacing(True)
self.addComponent(left)
# table on top
tbl = Table()
tbl.setWidth('500px')
tbl.setContainerDataSource(ExampleUtil.getISO3166Container())
tbl.setSortDisabled(True)
tbl.setPageLength(7)
left.addComponent(tbl)
# Label on bottom
text = Label(ExampleUtil.lorem, Label.CONTENT_XHTML)
text.setWidth('500px') # some limit is good for text
left.addComponent(text)
def __init__(self):
super(AccordionDisabledExample, self).__init__()
self.setSpacing(True)
self._l1 = Label('There are no previously saved actions.')
self._l2 = Label('There are no saved notes.')
self._l3 = Label('There are currently no issues.')
self._a = Accordion()
self._a.setHeight('300px')
self._a.setWidth('400px')
self._t1 = self._a.addTab(self._l1, 'Saved actions', self._icon1)
self._t2 = self._a.addTab(self._l2, 'Notes', self._icon2)
self._t3 = self._a.addTab(self._l3, 'Issues', self._icon3)
self._a.addListener(self, tab_sheet.ISelectedTabChangeListener)
self._b1 = Button('Disable \'Notes\' tab')
self._b2 = Button('Hide \'Issues\' tab')
self._b1.addListener(self, button.IClickListener)
self._b2.addListener(self, button.IClickListener)
hl = HorizontalLayout()
hl.setSpacing(True)
hl.addComponent(self._b1)
hl.addComponent(self._b2)
self.addComponent(self._a)
self.addComponent(hl)
class BreadCrumbs(CustomComponent, ILinkActivatedListener):
def __init__(self, window):
super(BreadCrumbs, self).__init__()
self._window = window
self._layout = HorizontalLayout()
self._layout.setSpacing(True)
self.setCompositionRoot(self._layout)
self.setStyleName('breadcrumbs')
self.setPath(None)
def setPath(self, path):
# could be optimized: always builds path from scratch home
self._layout.removeAllComponents()
link = ActiveLink('Home', ExternalResource('#'))
link.addListener(self, ILinkActivatedListener)
self._layout.addComponent(link)
if path is not None and not ('' == path):
parts = path.split('/')
link = None
for part in parts:
separator = Label("»", Label.CONTENT_XHTML)
separator.setSizeUndefined()
self._layout.addComponent(separator)
f = FeatureSet.FEATURES.getFeature(part)
link = ActiveLink(f.getName(),
ExternalResource('#' + f.getFragmentName()))
link.setData(f)
link.addListener(self, ILinkActivatedListener)
self._layout.addComponent(link)
if link is not None:
link.setStyleName('bold')
def linkActivated(self, event):
if not event.isLinkOpened():
self._window.getWindow().setFeature(
event.getActiveLink().getData())
def __init__(self):
super(NotificationCustomExample, self).__init__()
self.setSpacing(True)
caption = TextField('Caption', 'Message sent')
caption.setDescription(('Main info; a short caption-only '
'notification is often most effective.'))
caption.setWidth('200px')
self.addComponent(caption)
description = RichTextArea()
description.setWidth('100%')
description.setValue('<p>to <i>[email protected]</i></p>')
description.setCaption('Description')
description.setDescription(('Additional information; '
'try to keep it short.'))
self.addComponent(description)
horiz = HorizontalLayout()
horiz.setSpacing(True)
self.addComponent(horiz)
position = NativeSelect('Position')
position.setNullSelectionAllowed(False)
horiz.addComponent(position)
self.initPositionItems(position)
style = NativeSelect('Style')
style.setNullSelectionAllowed(False)
horiz.addComponent(style)
self.initTypeItems(style)
delay = Slider('Delay (msec), -1 means click to hide')
delay.setDescription(
('Delay before fading<br/>Pull all the way to '
'the left to get -1, which means forever (click to hide).'))
delay.setWidth('100%') # 'description' will push width
delay.setMin(Notification.DELAY_FOREVER)
delay.setMax(10000)
self.addComponent(delay)
# TODO icon select
l = ShowListener(self, caption, description, style, position, delay)
show = Button('Show notification', l)
self.addComponent(show)
self.setComponentAlignment(show, Alignment.MIDDLE_RIGHT)
def splitRecursive(self, deep):
l = None
if self._core:
l = VerticalLayout() if self._vertical else HorizontalLayout()
else:
if self._vertical:
l = WeeLayout(Direction.VERTICAL)
else:
l = WeeLayout(Direction.HORIZONTAL)
l.setSizeFull()
if self._core:
c = l
b = NativeButton('One')
b.setSizeFull()
c.addComponent(b)
c.setExpandRatio(b, 1)
if deep > 0:
deep -= 1
c2 = self.splitRecursive(deep)
c.addComponent(c2)
c.setExpandRatio(c2, 9)
else:
wl = l
wl.setClipping(True)
b = NativeButton('Button')
b.setSizeFull()
if self._vertical:
b.setHeight('10%')
else:
b.setWidth('10%')
l.addComponent(b)
if deep > 0:
deep -= 1
w = self.splitRecursive(deep)
if self._vertical:
w.setHeight('90%')
else:
w.setWidth('90%')
l.addComponent(w)
else:
b.setSizeFull()
return l
def __init__(self):
super(ShortcutScopeExample, self).__init__()
self.setSpacing(True)
# We want the panels side-by-side
hz = HorizontalLayout()
hz.setSpacing(True)
self.addComponent(hz)
# Add two identical panels
hz.addComponent(self.createPanel(1))
hz.addComponent(self.createPanel(2))
def __init__(self):
super(TreeSingleSelectExample, self).__init__()
self.setSpacing(True)
# Create the Tree,a dd to layout
self._tree = Tree('Hardware Inventory')
self.addComponent(self._tree)
# Contents from a (prefilled example) hierarchical container:
self._tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
# Add Valuechangelistener and Actionhandler
self._tree.addListener(self, IValueChangeListener)
# Add actions (context menu)
self._tree.addActionHandler(self)
# Cause valueChange immediately when the user selects
self._tree.setImmediate(True)
# Set tree to show the 'name' property as caption for items
self._tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
self._tree.setItemCaptionMode(AbstractSelect.ITEM_CAPTION_MODE_PROPERTY)
# Expand whole tree
for idd in self._tree.rootItemIds():
self._tree.expandItemsRecursively(idd)
# Create the 'editor bar' (textfield and button in a horizontallayout)
self._editBar = HorizontalLayout()
self._editBar.setMargin(False, False, False, True)
self._editBar.setEnabled(False)
self.addComponent(self._editBar)
# textfield
self._editor = TextField('Item name')
self._editor.setImmediate(True)
self._editBar.addComponent(self._editor)
# apply-button
self._change = Button('Apply', self)#, 'buttonClick') FIXME: listener
self._editBar.addComponent(self._change)
self._editBar.setComponentAlignment(self._change, Alignment.BOTTOM_LEFT)
def __init__(self):
super(PlotWindow, self).__init__()
self.mainLayout = VerticalLayout()
self.setContent(self.mainLayout)
self.setCaption('Basic Example')
infoBar = HorizontalLayout()
self.mainLayout.addComponent(infoBar)
infoBar.setHeight('50px')
infoBar.setWidth('100%')
self.showPlot()
def __init__(self):
super(NotificationCustomExample, self).__init__()
self.setSpacing(True)
caption = TextField('Caption', 'Message sent')
caption.setDescription(('Main info; a short caption-only '
'notification is often most effective.'))
caption.setWidth('200px')
self.addComponent(caption)
description = RichTextArea()
description.setWidth('100%')
description.setValue('<p>to <i>[email protected]</i></p>')
description.setCaption('Description')
description.setDescription(('Additional information; '
'try to keep it short.'))
self.addComponent(description)
horiz = HorizontalLayout()
horiz.setSpacing(True)
self.addComponent(horiz)
position = NativeSelect('Position')
position.setNullSelectionAllowed(False)
horiz.addComponent(position)
self.initPositionItems(position)
style = NativeSelect('Style')
style.setNullSelectionAllowed(False)
horiz.addComponent(style)
self.initTypeItems(style)
delay = Slider('Delay (msec), -1 means click to hide')
delay.setDescription(('Delay before fading<br/>Pull all the way to '
'the left to get -1, which means forever (click to hide).'))
delay.setWidth('100%') # 'description' will push width
delay.setMin(Notification.DELAY_FOREVER)
delay.setMax(10000)
self.addComponent(delay)
# TODO icon select
l = ShowListener(self, caption, description, style, position, delay)
show = Button('Show notification', l)
self.addComponent(show)
self.setComponentAlignment(show, Alignment.MIDDLE_RIGHT)
def __init__(self):
super(ApplicationLayoutWindow, self).__init__()
# Our main layout is a horizontal layout
main = HorizontalLayout()
main.setSizeFull()
self.setContent(main)
# Tree to the left
treePanel = Panel() # for scrollbars
treePanel.setStyleName(Reindeer.PANEL_LIGHT)
treePanel.setHeight('100%')
treePanel.setWidth(None)
treePanel.getContent().setSizeUndefined()
self.addComponent(treePanel)
tree = Tree()
tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
for idd in tree.rootItemIds():
tree.expandItemsRecursively(idd)
treePanel.addComponent(tree)
# vertically divide the right area
left = VerticalLayout()
left.setSizeFull()
self.addComponent(left)
main.setExpandRatio(left, 1.0) # use all available space
# table on top
tbl = Table()
tbl.setWidth('100%')
tbl.setContainerDataSource(ExampleUtil.getISO3166Container())
tbl.setSortDisabled(True)
tbl.setPageLength(7)
left.addComponent(tbl)
# Label on bottom
textPanel = Panel() # for scrollbars
textPanel.setStyleName(Reindeer.PANEL_LIGHT)
textPanel.setSizeFull()
left.addComponent(textPanel)
left.setExpandRatio(textPanel, 1.0) # use all available space
text = Label(ExampleUtil.lorem, Label.CONTENT_XHTML)
text.setWidth('500px') # some limit is good for text
textPanel.addComponent(text)
def __init__(self):
super(TabSheetDisabledExample, self).__init__()
self.setSpacing(True)
# Tab 1 content
self._l1 = VerticalLayout()
self._l1.setMargin(True)
self._l1.addComponent(Label('There are no previously saved actions.'))
# Tab 2 content
self._l2 = VerticalLayout()
self._l2.setMargin(True)
self._l2.addComponent(Label('There are no saved notes.'))
# Tab 3 content
self._l3 = VerticalLayout()
self._l3.setMargin(True)
self._l3.addComponent(Label('There are currently no issues.'))
self._t = TabSheet()
self._t.setHeight('200px')
self._t.setWidth('400px')
self._t1 = self._t.addTab(self._l1, 'Saved actions', self._icon1)
self._t2 = self._t.addTab(self._l2, 'Notes', self._icon2)
self._t3 = self._t.addTab(self._l3, 'Issues', self._icon3)
self._t.addListener(self, tab_sheet.ISelectedTabChangeListener)
self._toggleEnabled = Button('Disable \'Notes\' tab')
self._toggleEnabled.addListener(self, button.IClickListener)
self._toggleVisible = Button('Hide \'Issues\' tab')
self._toggleVisible.addListener(self, button.IClickListener)
hl = HorizontalLayout()
hl.setSpacing(True)
hl.addComponent(self._toggleEnabled)
hl.addComponent(self._toggleVisible)
self.addComponent(self._t)
self.addComponent(hl)
def __init__(self, app):
super(SamplerWindow, self).__init__()
self._app = app
self._currentList = FeatureGrid(self._app)
self._featureView = FeatureView()
self._currentFeature = ObjectProperty(None, Feature)
self._mainSplit = None
self._navigationTree = None
# self._webAnalytics = GoogleAnalytics('UA-658457-6', 'none')
# "backbutton"
self._uriFragmentUtility = UriFragmentUtility()
# breadcrumbs
self._breadcrumbs = BreadCrumbs(self)
self._previousSample = None
self._nextSample = None
self._search = None
self.theme = None
# Main top/expanded-bottom layout
mainExpand = VerticalLayout()
self.setContent(mainExpand)
self.setSizeFull()
mainExpand.setSizeFull()
self.setCaption(self._TITLE)
self.setTheme(self._app._currentApplicationTheme)
# topbar (navigation)
nav = HorizontalLayout()
mainExpand.addComponent(nav)
nav.setHeight('44px')
nav.setWidth('100%')
nav.setStyleName('topbar')
nav.setSpacing(True)
nav.setMargin(False, True, False, False)
# Upper left logo
logo = self.createLogo()
nav.addComponent(logo)
nav.setComponentAlignment(logo, Alignment.MIDDLE_LEFT)
# Breadcrumbs
nav.addComponent(self._breadcrumbs)
nav.setExpandRatio(self._breadcrumbs, 1)
nav.setComponentAlignment(self._breadcrumbs, Alignment.MIDDLE_LEFT)
# invisible analytics -component
# nav.addComponent(self._webAnalytics)
# "backbutton"
nav.addComponent(self._uriFragmentUtility)
self._uriFragmentUtility.addListener(UriListener(self),
IFragmentChangedListener)
# Main left/right split; hidden menu tree
self._mainSplit = HorizontalSplitPanel()
self._mainSplit.setSizeFull()
self._mainSplit.setStyleName('main-split')
mainExpand.addComponent(self._mainSplit)
mainExpand.setExpandRatio(self._mainSplit, 1)
# Select theme
themeSelect = self.createThemeSelect()
nav.addComponent(themeSelect)
nav.setComponentAlignment(themeSelect, Alignment.MIDDLE_LEFT)
# Layouts for top area buttons
quicknav = HorizontalLayout()
arrows = HorizontalLayout()
nav.addComponent(quicknav)
nav.addComponent(arrows)
nav.setComponentAlignment(quicknav, Alignment.MIDDLE_LEFT)
nav.setComponentAlignment(arrows, Alignment.MIDDLE_LEFT)
quicknav.setStyleName('segment')
arrows.setStyleName('segment')
# Previous sample
self._previousSample = self.createPrevButton()
arrows.addComponent(self._previousSample)
# Next sample
self._nextSample = self.createNextButton()
arrows.addComponent(self._nextSample)
# "Search" combobox
searchComponent = self.createSearch()
quicknav.addComponent(searchComponent)
# Menu tree, initially shown
menuLayout = CssLayout()
allSamples = ActiveLink('All Samples', ExternalResource('#'))
menuLayout.addComponent(allSamples)
self._navigationTree = self.createMenuTree()
menuLayout.addComponent(self._navigationTree)
self._mainSplit.setFirstComponent(menuLayout)
# Show / hide tree
treeSwitch = self.createTreeSwitch()
quicknav.addComponent(treeSwitch)
self.addListener(WindowCloseListener(self, self._app),
window.ICloseListener)
self.updateFeatureList(self._currentList)
class TreeSingleSelectExample(HorizontalLayout, IValueChangeListener,
button.IClickListener, action.IHandler):
# Actions for the context menu
_ACTION_ADD = Action('Add child item')
_ACTION_DELETE = Action('Delete')
def __init__(self):
super(TreeSingleSelectExample, self).__init__()
self.setSpacing(True)
# Create the Tree,a dd to layout
self._tree = Tree('Hardware Inventory')
self.addComponent(self._tree)
# Contents from a (prefilled example) hierarchical container:
self._tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
# Add Valuechangelistener and Actionhandler
self._tree.addListener(self, IValueChangeListener)
# Add actions (context menu)
self._tree.addActionHandler(self)
# Cause valueChange immediately when the user selects
self._tree.setImmediate(True)
# Set tree to show the 'name' property as caption for items
self._tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
self._tree.setItemCaptionMode(
AbstractSelect.ITEM_CAPTION_MODE_PROPERTY)
# Expand whole tree
for idd in self._tree.rootItemIds():
self._tree.expandItemsRecursively(idd)
# Create the 'editor bar' (textfield and button in a horizontallayout)
self._editBar = HorizontalLayout()
self._editBar.setMargin(False, False, False, True)
self._editBar.setEnabled(False)
self.addComponent(self._editBar)
# textfield
self._editor = TextField('Item name')
self._editor.setImmediate(True)
self._editBar.addComponent(self._editor)
# apply-button
self._change = Button('Apply', self) #, 'buttonClick') FIXME: listener
self._editBar.addComponent(self._change)
self._editBar.setComponentAlignment(self._change,
Alignment.BOTTOM_LEFT)
def valueChange(self, event):
if event.getProperty().getValue() is not None:
# If something is selected from the tree, get it's 'name' and
# insert it into the textfield
val = self._tree.getItem(
event.getProperty().getValue()).getItemProperty(
ExampleUtil.hw_PROPERTY_NAME)
self._editor.setValue(val)
self._editor.requestRepaint()
self._editBar.setEnabled(True)
else:
self._editor.setValue('')
self._editBar.setEnabled(False)
def buttonClick(self, event):
# If the edited value contains something, set it to be the item's new
# 'name' property
if not (self._editor.getValue() == ''):
item = self._tree.getItem(self._tree.getValue())
name = item.getItemProperty(ExampleUtil.hw_PROPERTY_NAME)
name.setValue(self._editor.getValue())
# Returns the set of available actions
def getActions(self, target, sender):
return [self._ACTION_ADD, self._ACTION_DELETE]
# Handle actions
def handleAction(self, a, sender, target):
if a == self._ACTION_ADD:
# Allow children for the target item, and expand it
self._tree.setChildrenAllowed(target, True)
self._tree.expandItem(target)
# Create new item, set parent, disallow children (= leaf node)
itemId = self._tree.addItem()
self._tree.setParent(itemId, target)
self._tree.setChildrenAllowed(itemId, False)
# Set the name for this item (we use it as item caption)
item = self._tree.getItem(itemId)
name = item.getItemProperty(ExampleUtil.hw_PROPERTY_NAME)
name.setValue('New Item')
elif a == self._ACTION_DELETE:
parent = self._tree.getParent(target)
self._tree.removeItem(target)
# If the deleted object's parent has no more children, set it's
# childrenallowed property to false (= leaf node)
if parent is not None and len(self._tree.getChildren(parent)) == 0:
self._tree.setChildrenAllowed(parent, False)
def init(self):
# We'll build the whole UI here, since the application will not
# contain any logic. Otherwise it would be more practical to
# separate parts of the UI into different classes and methods.
# Main (browser) window, needed in all Muntjac applications
rootLayout = VerticalLayout()
root = Window('MuntjacTunes', rootLayout)
# We'll attach the window to the browser view already here, so
# we won't forget it later.
self.setMainWindow(root)
root.showNotification(('This is an example of how you can do layouts '
'in Muntjac.<br/>It is not a working sound player.'),
Notification.TYPE_HUMANIZED_MESSAGE)
# Our root window contains one VerticalLayout, let's make
# sure it's 100% sized, and remove unwanted margins
rootLayout.setSizeFull()
rootLayout.setMargin(False)
# Top area, containing playback and volume controls, play status,
# view modes and search
top = HorizontalLayout()
top.setWidth('100%')
top.setMargin(False, True, False, True) # Enable horizontal margins
top.setSpacing(True)
# Let's attach that one straight away too
root.addComponent(top)
# Create the placeholders for all the components in the top area
playback = HorizontalLayout()
volume = HorizontalLayout()
status = HorizontalLayout()
viewmodes = HorizontalLayout()
search = ComboBox()
# Add the components and align them properly
top.addComponent(playback)
top.addComponent(volume)
top.addComponent(status)
top.addComponent(viewmodes)
top.addComponent(search)
top.setComponentAlignment(playback, Alignment.MIDDLE_LEFT)
top.setComponentAlignment(volume, Alignment.MIDDLE_LEFT)
top.setComponentAlignment(status, Alignment.MIDDLE_CENTER)
top.setComponentAlignment(viewmodes, Alignment.MIDDLE_LEFT)
top.setComponentAlignment(search, Alignment.MIDDLE_LEFT)
# We want our status area to expand if the user resizes the root
# window, and we want it to accommodate as much space as there is
# available. All other components in the top layout should stay fixed
# sized, so we don't need to specify any expand ratios for them (they
# will automatically revert to zero after the following line).
top.setExpandRatio(status, 1.0)
# Playback controls
prev = NativeButton('Previous')
play = NativeButton('Play/pause')
nextt = NativeButton('Next')
playback.addComponent(prev)
playback.addComponent(play)
playback.addComponent(nextt)
# Set spacing between the buttons
playback.setSpacing(True)
# Volume controls
mute = NativeButton('mute')
vol = Slider()
vol.setOrientation(Slider.ORIENTATION_HORIZONTAL)
vol.setWidth('100px')
maxx = NativeButton('max')
volume.addComponent(mute)
volume.addComponent(vol)
volume.addComponent(maxx)
# Status area
status.setWidth('80%')
status.setSpacing(True)
toggleVisualization = NativeButton('Mode')
timeFromStart = Label('0:00')
# We'll need another layout to show currently playing track and
# progress
trackDetails = VerticalLayout()
trackDetails.setWidth('100%')
track = Label('Track Name')
album = Label('Album Name - Artist')
track.setWidth(None)
album.setWidth(None)
progress = Slider()
progress.setOrientation(Slider.ORIENTATION_HORIZONTAL)
progress.setWidth('100%')
trackDetails.addComponent(track)
trackDetails.addComponent(album)
trackDetails.addComponent(progress)
trackDetails.setComponentAlignment(track, Alignment.TOP_CENTER)
trackDetails.setComponentAlignment(album, Alignment.TOP_CENTER)
timeToEnd = Label('-4:46')
jumpToTrack = NativeButton('Show')
# Place all components to the status layout and align them properly
status.addComponent(toggleVisualization)
status.setComponentAlignment(toggleVisualization,
Alignment.MIDDLE_LEFT)
status.addComponent(timeFromStart)
status.setComponentAlignment(timeFromStart, Alignment.BOTTOM_LEFT)
status.addComponent(trackDetails)
status.addComponent(timeToEnd)
status.setComponentAlignment(timeToEnd, Alignment.BOTTOM_LEFT)
status.addComponent(jumpToTrack)
status.setComponentAlignment(jumpToTrack, Alignment.MIDDLE_LEFT)
# Then remember to specify the expand ratio
status.setExpandRatio(trackDetails, 1.0)
# View mode buttons
viewAsTable = NativeButton('Table')
viewAsGrid = NativeButton('Grid')
coverflow = NativeButton('Coverflow')
viewmodes.addComponent(viewAsTable)
viewmodes.addComponent(viewAsGrid)
viewmodes.addComponent(coverflow)
# That covers the top bar. Now let's move on to the sidebar
# and track listing
# We'll need one splitpanel to separate the sidebar and track listing
bottom = HorizontalSplitPanel()
root.addComponent(bottom)
# The splitpanel is by default 100% x 100%, but we'll need to
# adjust our main window layout to accommodate the height
root.getContent().setExpandRatio(bottom, 1.0)
# Give the sidebar less space than the listing
bottom.setSplitPosition(200, ISizeable.UNITS_PIXELS)
# Let's add some content to the sidebar
# First, we need a layout to but all components in
sidebar = VerticalLayout()
sidebar.setSizeFull()
bottom.setFirstComponent(sidebar)
# Then we need some labels and buttons, and an album cover image The
# labels and buttons go into their own vertical layout, since we want
# the 'sidebar' layout to be expanding (cover image in the bottom).
# VerticalLayout is by default 100% wide.
selections = VerticalLayout()
library = Label('Library')
music = NativeButton('Music')
music.setWidth('100%')
store = Label('Store')
muntjacTunesStore = NativeButton('MuntjacTunes Store')
muntjacTunesStore.setWidth('100%')
purchased = NativeButton('Purchased')
purchased.setWidth('100%')
playlists = Label('Playlists')
genius = NativeButton('Geniues')
genius.setWidth('100%')
recent = NativeButton('Recently Added')
recent.setWidth('100%')
# Lets add them to the 'selections' layout
selections.addComponent(library)
selections.addComponent(music)
selections.addComponent(store)
selections.addComponent(muntjacTunesStore)
selections.addComponent(purchased)
selections.addComponent(playlists)
selections.addComponent(genius)
selections.addComponent(recent)
# Then add the selections to the sidebar, and set it expanding
sidebar.addComponent(selections)
sidebar.setExpandRatio(selections, 1.0)
# Then comes the cover artwork (we'll add the actual image in the
# themeing section)
cover = Embedded('Currently Playing')
sidebar.addComponent(cover)
# And lastly, we need the track listing table It should fill the whole
# left side of our bottom layout
listing = Table()
listing.setSizeFull()
listing.setSelectable(True)
bottom.setSecondComponent(listing)
# Add the table headers
listing.addContainerProperty('Name', str, '')
listing.addContainerProperty('Time', str, '0:00')
listing.addContainerProperty('Artist', str, '')
listing.addContainerProperty('Album', str, '')
listing.addContainerProperty('Genre', str, '')
listing.addContainerProperty('Rating', NativeSelect, NativeSelect())
# Lets populate the table with random data
tracks = ['Red Flag', 'Millstone', 'Not The Sun', 'Breath',
'Here We Are', 'Deep Heaven', 'Her Voice Resides',
'Natural Tan', 'End It All', 'Kings', 'Daylight Slaving',
'Mad Man', 'Resolve', 'Teargas', 'African Air', 'Passing Bird']
times = ['4:12', '6:03', '5:43', '4:32', '3:42', '4:45', '2:56',
'9:34', '2:10', '3:44', '5:49', '6:30', '5:18', '7:42',
'3:13', '2:52']
artists = ['Billy Talent', 'Brand New', 'Breaking Benjamin',
'Becoming The Archetype', 'Bullet For My Valentine',
'Chasing Victory', 'Chimaira', 'Danko Jones', 'Deadlock',
'Deftones', 'From Autumn To Ashes', 'Haste The Day',
'Four Year Strong', 'In Flames', 'Kemopetrol', 'John Legend']
albums = ['Once Again', 'The Caitiff Choir', 'The Devil And God',
'Light Grenades', 'Dicthonomy', 'Back In Black', 'Dreamer',
'Come Clarity', 'Year Zero', 'Frames', 'Fortress', 'Phobia',
'The Poison', 'Manifesto', 'White Pony', 'The Big Dirty']
genres = ['Rock', 'Metal', 'Hardcore', 'Indie', 'Pop', 'Alternative',
'Blues', 'Jazz', 'Hip Hop', 'Electronica', 'Punk', 'Hard Rock',
'Dance', 'R\'n\'B', 'Gospel', 'Country']
for i in range(100):
s = NativeSelect()
s.addItem('1 star')
s.addItem('2 stars')
s.addItem('3 stars')
s.addItem('4 stars')
s.addItem('5 stars')
s.select('%d stars' % (i % 5))
index = i % 16
listing.addItem([tracks[index], times[index],
artists[index], albums[index], genres[index], s], i)
# We'll align the track time column to right as well
listing.setColumnAlignment('Time', Table.ALIGN_RIGHT)
# TODO: the footer
# Now what's left to do? Themeing of course.
self.setTheme('vaadintunes')
# Let's give a namespace to our application window. This way, if
# someone uses the same theme for different applications, we don't
# get unwanted style conflicts.
root.setStyleName('tTunes')
top.setStyleName('top')
top.setHeight('75px') # Same as the background image height
playback.setStyleName('playback')
playback.setMargin(False, True, False, False) # Add right-side margin
play.setStyleName('play')
nextt.setStyleName('next')
prev.setStyleName('prev')
playback.setComponentAlignment(prev, Alignment.MIDDLE_LEFT)
playback.setComponentAlignment(nextt, Alignment.MIDDLE_LEFT)
volume.setStyleName('volume')
mute.setStyleName('mute')
maxx.setStyleName('max')
vol.setWidth('78px')
status.setStyleName('status')
status.setMargin(True)
status.setHeight('46px') # Height of the background image
toggleVisualization.setStyleName('toggle-vis')
jumpToTrack.setStyleName('jump')
viewAsTable.setStyleName('viewmode-table')
viewAsGrid.setStyleName('viewmode-grid')
coverflow.setStyleName('viewmode-coverflow')
sidebar.setStyleName('sidebar')
music.setStyleName('selected')
cover.setSource(ThemeResource('images/album-cover.jpg'))
# Because this is an image, it will retain it's aspect ratio
cover.setWidth('100%')
class FeatureView(HorizontalLayout):
_MSG_SHOW_SRC = 'View Source'
def __init__(self):
super(FeatureView, self).__init__()
self._right = None
self._left = None
self._controls = None
self._title = Label("", Label.CONTENT_XHTML)
self._showSrc = None
self._exampleCache = dict()
self._currentFeature = None
self._srcWindow = None
self.setWidth('100%')
self.setMargin(True)
self.setSpacing(True)
self.setStyleName('sample-view')
self._left = VerticalLayout()
self._left.setWidth('100%')
self._left.setSpacing(True)
self._left.setMargin(False)
self.addComponent(self._left)
self.setExpandRatio(self._left, 1)
rightLayout = VerticalLayout()
self._right = Panel(rightLayout)
rightLayout.setMargin(True, False, False, False)
self._right.setStyleName(Reindeer.PANEL_LIGHT)
self._right.addStyleName('feature-info')
self._right.setWidth('319px')
self.addComponent(self._right)
self._controls = HorizontalLayout()
self._controls.setWidth('100%')
self._controls.setStyleName('feature-controls')
self._title.setStyleName('title')
self._controls.addComponent(self._title)
self._controls.setExpandRatio(self._title, 1)
resetExample = NativeButton('Reset', ResetListener(self))
resetExample.setStyleName(BaseTheme.BUTTON_LINK)
resetExample.addStyleName('reset')
resetExample.setDescription('Reset Sample')
self._controls.addComponent(resetExample)
self._showSrc = ActiveLink()
self._showSrc.setDescription('Right / middle / ctrl / shift -click for browser window/tab')
self._showSrc.addListener(ShowSrcListener(self), ILinkActivatedListener)
self._showSrc.setCaption(self._MSG_SHOW_SRC)
self._showSrc.addStyleName('showcode')
self._showSrc.setTargetBorder(Link.TARGET_BORDER_NONE)
self._controls.addComponent(self._showSrc)
def showSource(self, source):
if self._srcWindow is None:
self._srcWindow = Window('Python source')
self._srcWindow.getContent().setSizeUndefined()
self._srcWindow.setWidth('70%')
self._srcWindow.setHeight('60%')
self._srcWindow.setPositionX(100)
self._srcWindow.setPositionY(100)
self._srcWindow.removeAllComponents()
self._srcWindow.addComponent( CodeLabel(source) )
if self._srcWindow.getParent() is None:
self.getWindow().addWindow(self._srcWindow)
def resetExample(self):
if self._currentFeature is not None:
w = self.getWindow()
w.removeSubwindows()
f = self._currentFeature
self._currentFeature = None
if f in self._exampleCache:
del self._exampleCache[f]
self.setFeature(f)
def setFeature(self, feature):
from muntjac.demo.sampler.SamplerApplication import SamplerApplication
if feature != self._currentFeature:
self._currentFeature = feature
self._right.removeAllComponents()
self._left.removeAllComponents()
self._left.addComponent(self._controls)
self._title.setValue('<span>' + feature.getName() + '</span>')
if feature.getSinceVersion().isNew():
self._title.addStyleName('new')
else:
self._title.removeStyleName('new')
self._left.addComponent(self.getExampleFor(feature))
self._right.setCaption('Description and Resources')
# Do not show parent description if it's directly inside the root
alll = SamplerApplication.getAllFeatures()
parent = alll.getParent(feature)
isRoot = alll.getParent(parent) is None
desc = parent.getDescription()
hasParentDesc = False
if parent is not None and not isRoot:
parentLabel = Label(parent.getDescription())
if desc is not None and desc != '':
parentLabel.setContentMode(Label.CONTENT_XHTML)
self._right.addComponent(parentLabel)
hasParentDesc = True
desc = feature.getDescription()
if desc is not None and desc != '':
# Sample description uses additional decorations if a parent
# description is found
l = Label(("<div class=\"outer-deco\"><div class=\"deco\">"
"<span class=\"deco\"></span>")
+ desc + "</div></div>", Label.CONTENT_XHTML)
self._right.addComponent(l)
if hasParentDesc:
l.setStyleName('sample-description')
else:
l.setStyleName('description')
# open src in new window -link
self._showSrc.setTargetName(self._currentFeature.getFragmentName())
er = ExternalResource(self.getApplication().getURL()
+ 'src/' + self._currentFeature.getFragmentName())
self._showSrc.setResource(er)
resources = feature.getRelatedResources()
if resources is not None:
res = VerticalLayout()
self.caption = Label("<span>Additional Resources</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
res.addComponent(self.caption)
res.setMargin(False, False, True, False)
for r in resources:
l = Link(r.getName(), r)
l.setIcon( ThemeResource('../runo/icons/16/note.png') )
res.addComponent(l)
self._right.addComponent(res)
apis = feature.getRelatedAPI()
if apis is not None:
api = VerticalLayout()
self.caption = Label("<span>API Documentation</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
api.addComponent(self.caption)
api.setMargin(False, False, True, False)
for r in apis:
l = Link(r.getName(), r)
ic = ThemeResource('../runo/icons/16/document-txt.png')
l.setIcon(ic)
api.addComponent(l)
self._right.addComponent(api)
features = feature.getRelatedFeatures()
if features is not None:
rel = VerticalLayout()
self.caption = Label("<span>Related Samples</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
rel.addComponent(self.caption)
rel.setMargin(False, False, True, False)
for c in features:
f = SamplerApplication.getFeatureFor(c)
if f is not None:
er = ExternalResource(self.getApplication().getURL()
+ '#' + f.getFragmentName())
al = ActiveLink(f.getName(), er)
if isinstance(f, FeatureSet):
ic = ThemeResource('../sampler/icons/category.gif')
else:
ic = ThemeResource('../sampler/icons/sample.png')
al.setIcon(ic)
al.addListener(LinkListener(self, f),
ILinkActivatedListener)
rel.addComponent(al)
self._right.addComponent(rel)
def getExampleFor(self, f):
ex = self._exampleCache.get(f)
if ex is None:
ex = f.getExample()
self._exampleCache[f] = ex
return ex
def __init__(self):
super(UploadWithProgressMonitoringExample, self).__init__()
self.setSpacing(True)
self._state = Label()
self._result = Label()
self._fileName = Label()
self._textualProgress = Label()
self._pi = ProgressIndicator()
self._counter = LineBreakCounter()
self._upload = Upload(None, self._counter)
self.addComponent(
Label('Upload a file and we\'ll count the number '
'of line break characters (\\n) found in it.'))
# make analyzing start immediatedly when file is selected
self._upload.setImmediate(True)
self._upload.setButtonCaption('Upload File')
self.addComponent(self._upload)
handBrake = CheckBox('Simulate slow server')
handBrake.setValue(True)
self._counter.setSlow(True)
handBrake.setDescription(
'Sleep for 100ms after each kilobyte to '
'simulate slower processing/bandwidth. This is to show '
'progress indicator even with rather small files.')
handBrake.addListener(HandBrakeListener(self), button.IClickListener)
cancelProcessing = Button('Cancel')
cancelProcessing.addListener(CancelListener(self),
button.IClickListener)
cancelProcessing.setVisible(False)
cancelProcessing.setStyleName('small')
handBrake.setImmediate(True)
self.addComponent(handBrake)
p = Panel('Status')
p.setSizeUndefined()
l = FormLayout()
l.setMargin(True)
p.setContent(l)
stateLayout = HorizontalLayout()
stateLayout.setSpacing(True)
stateLayout.addComponent(self._state)
stateLayout.addComponent(cancelProcessing)
stateLayout.setCaption('Current state')
self._state.setValue('Idle')
l.addComponent(stateLayout)
self._fileName.setCaption('File name')
l.addComponent(self._fileName)
self._result.setCaption('Line breaks counted')
l.addComponent(self._result)
self._pi.setCaption('Progress')
self._pi.setVisible(False)
l.addComponent(self._pi)
self._textualProgress.setVisible(False)
l.addComponent(self._textualProgress)
self.addComponent(p)
self._upload.addListener(StartedListener(self),
upload.IStartedListener)
self._upload.addListener(ProgressListener(self),
upload.IProgressListener)
self._upload.addListener(SucceededListener(self),
upload.ISucceededListener)
self._upload.addListener(FailedListener(self), upload.IFailedListener)
self._upload.addListener(FinishedListener(self),
upload.IFinishedListener)
def __init__(self, group, ui, suppress_label=False):
"""Initialise the object.
"""
# Get the contents of the group:
content = group.get_content()
# Save these for other methods.
self.group = group
self.ui = ui
if group.orientation == 'horizontal':
self.horizontal = True
else:
self.horizontal = False
# outer is the top-level widget or layout that will eventually be
# returned. sub is the TabSheet or Accordion corresponding to any
# 'tabbed' or 'fold' layout. It is only used to collapse nested
# widgets. inner is the object (not necessarily a layout) that new
# controls should be added to.
outer = sub = inner = None
# Get the group label.
if suppress_label:
label = ""
else:
label = group.label
# Create a border if requested.
if group.show_border:
outer = Panel(label)
if self.horizontal:
inner = HorizontalLayout()
else:
inner = VerticalLayout()
inner.setSizeUndefined()
inner.addComponent(outer)
elif label != "":
if self.horizontal:
outer = inner = HorizontalLayout()
else:
outer = inner = VerticalLayout()
inner.setSizeUndefined()
inner.addComponent(heading_text(None, text=label).control)
# Add the layout specific content.
if len(content) == 0:
pass
elif group.layout == 'flow':
raise NotImplementedError, "the 'flow' layout isn't implemented"
elif group.layout == 'split':
# Create the splitter.
splitter = _GroupSplitter(group)
if self.horizontal:
splitter.setOrientation(SplitPanel.ORIENTATION_HORIZONTAL)
else:
splitter.setOrientation(SplitPanel.ORIENTATION_VERTICAL)
if outer is None:
outer = splitter
else:
inner.addComponent(splitter)
# Create an editor.
editor = SplitterGroupEditor(control=outer, splitter=splitter,
ui=ui)
self._setup_editor(group, editor)
self._add_splitter_items(content, splitter)
elif group.layout in ('tabbed', 'fold'):
# Create the TabSheet or Accordion.
if group.layout == 'tabbed':
sub = TabSheet()
else:
sub = Accordion()
_fill_panel(sub, content, self.ui, self._add_page_item)
if outer is None:
outer = sub
else:
inner.addComponent(sub)
# Create an editor.
editor = TabbedFoldGroupEditor(container=sub, control=outer, ui=ui)
self._setup_editor(group, editor)
else:
# See if we need to control the visual appearence of the group.
if group.visible_when != '' or group.enabled_when != '':
# Make sure that outer is a widget or a layout.
if outer is None:
outer = inner = HorizontalLayout()
outer.setSizeUndefined()
# Create an editor.
self._setup_editor(group, GroupEditor(control=outer))
if isinstance(content[0], Group):
layout = self._add_groups(content, inner)
else:
layout = self._add_items(content, inner)
# for c in layout.getComponentIterator():
# layout.setComponentAlignment(c, Alignment.TOP_LEFT)
if outer is None:
outer = layout
elif layout is not inner:
inner.addComponent(layout)
# Publish the top-level widget, layout or None.
self.control = outer
# Publish the optional sub-control.
self.sub_control = sub
class SimpleAddressBook(Application):
_fields = ['First Name', 'Last Name', 'Company', 'Mobile Phone',
'Work Phone', 'Home Phone', 'Work Email', 'Home Email',
'Street', 'Zip', 'City', 'State', 'Country']
_visibleCols = ['Last Name', 'First Name', 'Company']
def __init__(self):
super(SimpleAddressBook, self).__init__()
self._contactList = Table()
self._contactEditor = Form()
self._bottomLeftCorner = HorizontalLayout()
self._contactRemovalButton = None
self._addressBookData = self.createDummyData()
def init(self):
self.initLayout()
self.initContactAddRemoveButtons()
self.initAddressList()
self.initFilteringControls()
def initLayout(self):
splitPanel = HorizontalSplitPanel()
self.setMainWindow(Window('Address Book', splitPanel))
left = VerticalLayout()
left.setSizeFull()
left.addComponent(self._contactList)
self._contactList.setSizeFull()
left.setExpandRatio(self._contactList, 1)
splitPanel.addComponent(left)
splitPanel.addComponent(self._contactEditor)
self._contactEditor.setSizeFull()
self._contactEditor.getLayout().setMargin(True)
self._contactEditor.setImmediate(True)
self._bottomLeftCorner.setWidth('100%')
left.addComponent(self._bottomLeftCorner)
def initContactAddRemoveButtons(self):
# New item button
newItem = Button('+')
newItem.addCallback(onNew, ClickEvent, self)
self._bottomLeftCorner.addComponent(newItem)
# Remove item button
self._contactRemovalButton = Button('-')
self._contactRemovalButton.addCallback(onRemove, ClickEvent, self)
self._contactRemovalButton.setVisible(False)
self._bottomLeftCorner.addComponent(self._contactRemovalButton)
def initAddressList(self):
self._contactList.setContainerDataSource(self._addressBookData)
self._contactList.setVisibleColumns(self._visibleCols)
self._contactList.setSelectable(True)
self._contactList.setImmediate(True)
self._contactList.addCallback(onContactChange, field.ValueChangeEvent,
self)
return self._visibleCols
def initFilteringControls(self):
for pn in self._visibleCols:
sf = TextField()
self._bottomLeftCorner.addComponent(sf)
sf.setWidth("100%")
sf.setValue(pn)
sf.setImmediate(True)
self._bottomLeftCorner.setExpandRatio(sf, 1)
sf.addCallback(onFilterChange, property.ValueChangeEvent,
pn, sf, self)
@classmethod
def createDummyData(cls):
fnames = ['Peter', 'Alice', 'Joshua', 'Mike', 'Olivia', 'Nina', 'Alex',
'Rita', 'Dan', 'Umberto', 'Henrik', 'Rene', 'Lisa', 'Marge']
lnames = ['Smith', 'Gordon', 'Simpson', 'Brown', 'Clavel', 'Simons',
'Verne', 'Scott', 'Allison', 'Gates', 'Rowling', 'Barks',
'Ross', 'Schneider', 'Tate']
ic = IndexedContainer()
for p in cls._fields:
ic.addContainerProperty(p, str, '')
for _ in range(1000):
idd = ic.addItem()
fname = fnames[int( len(fnames) * random() )]
ic.getContainerProperty(idd, 'First Name').setValue(fname)
lname = lnames[int( len(lnames) * random() )]
ic.getContainerProperty(idd, 'Last Name').setValue(lname)
return ic
def __init__(self):
super(ProgressIndicatorsExample, self).__init__()
self.setSpacing(True)
self.addComponent(
Label('<strong>Normal mode</strong> '
'Runs for 20 seconds', Label.CONTENT_XHTML))
hl = HorizontalLayout()
hl.setSpacing(True)
self.addComponent(hl)
# Add a normal progress indicator
self._pi1 = ProgressIndicator()
self._pi1.setIndeterminate(False)
self._pi1.setEnabled(False)
hl.addComponent(self._pi1)
hl.setComponentAlignment(self._pi1, Alignment.MIDDLE_LEFT)
self._startButton1 = Button('Start normal', NormalListener(self))
self._startButton1.setStyleName('small')
hl.addComponent(self._startButton1)
self.addComponent(
Label('<strong>Indeterminate mode</strong> '
'Runs for 10 seconds', Label.CONTENT_XHTML))
hl = HorizontalLayout()
hl.setSpacing(True)
self.addComponent(hl)
# Add an indeterminate progress indicator
self._pi2 = ProgressIndicator()
self._pi2.setIndeterminate(True)
self._pi2.setPollingInterval(5000)
self._pi2.setEnabled(False)
hl.addComponent(self._pi2)
l = IndeterminateListener(self)
self._startButton2 = Button('Start indeterminate', l)
self._startButton2.setStyleName('small')
hl.addComponent(self._startButton2)
def init(self, ui, parent, style):
"""Initialise the object.
FIXME: Note that we treat MODAL and POPUP as equivalent until we
have an example that demonstrates how POPUP is supposed to work.
"""
self.ui = ui
self.control = ui.control
view = ui.view
history = ui.history
if self.control is not None:
if history is not None:
history.on_trait_change(self._on_undoable, 'undoable',
remove=True)
history.on_trait_change(self._on_redoable, 'redoable',
remove=True)
history.on_trait_change(self._on_revertable, 'undoable',
remove=True)
ui.reset()
else:
self.create_dialog(parent, style)
self.set_icon(view.icon)
# Convert the buttons to actions.
buttons = [self.coerce_button(button) for button in view.buttons]
nr_buttons = len(buttons)
no_buttons = ((nr_buttons == 1) and self.is_button(buttons[0], ''))
has_buttons = ((not no_buttons) and ((nr_buttons > 0) or view.undo or
view.revert or view.ok or view.cancel))
if has_buttons or (view.menubar is not None):
if history is None:
history = UndoHistory()
else:
history = None
ui.history = history
if (not no_buttons) and (has_buttons or view.help):
bbox = HorizontalLayout()
bbox.setSpacing(True)
# Create the necessary special function buttons.
if nr_buttons == 0:
if view.undo:
self.check_button(buttons, UndoButton)
if view.revert:
self.check_button(buttons, RevertButton)
if view.ok:
self.check_button(buttons, OKButton)
if view.cancel:
self.check_button(buttons, CancelButton)
if view.help:
self.check_button(buttons, HelpButton)
for raw_button, button in zip(view.buttons, buttons):
default = raw_button == view.default_button
if self.is_button(button, 'Undo'):
self.undo = self.add_button(button, bbox,
self._on_undo, False, default=default)
history.on_trait_change(self._on_undoable, 'undoable',
dispatch='ui')
if history.can_undo:
self._on_undoable(True)
self.redo = self.add_button(button, bbox,
self._on_redo, False, 'Redo')
history.on_trait_change(self._on_redoable, 'redoable',
dispatch='ui')
if history.can_redo:
self._on_redoable(True)
elif self.is_button(button, 'Revert'):
self.revert = self.add_button(button, bbox,
self._on_revert, False, default=default)
history.on_trait_change(self._on_revertable, 'undoable',
dispatch='ui')
if history.can_undo:
self._on_revertable(True)
elif self.is_button(button, 'OK'):
self.ok = self.add_button(button, bbox,
self._on_ok, default=default)
ui.on_trait_change(self._on_error, 'errors', dispatch='ui')
elif self.is_button(button, 'Cancel'):
self.add_button(button, bbox,
self._on_cancel, default=default)
elif self.is_button(button, 'Help'):
self.add_button(button, bbox,
self._on_help, default=default)
elif not self.is_button(button, ''):
self.add_button(button, bbox, default=default)
else:
bbox = None
self.add_contents(panel(ui), bbox)
def createCoreHorizontal(self, recurse):
l = HorizontalLayout()
l.setSizeFull()
tf = TextField('Top')
l.addComponent(tf)
l.setComponentAlignment(tf, Alignment.TOP_LEFT)
tf = TextField('Middle')
l.addComponent(tf)
l.setComponentAlignment(tf, Alignment.MIDDLE_LEFT)
tf = TextField('Bottom')
l.addComponent(tf)
tf.setWidth('50%')
l.setComponentAlignment(tf, Alignment.BOTTOM_LEFT)
if recurse > 0:
recurse -= 1
createCoreVertical = self.createCoreVertical(recurse)
l.addComponent(createCoreVertical)
l.setExpandRatio(createCoreVertical, 1)
return l
def __init__(self):
super(UploadWithProgressMonitoringExample, self).__init__()
self.setSpacing(True)
self._state = Label()
self._result = Label()
self._fileName = Label()
self._textualProgress = Label()
self._pi = ProgressIndicator()
self._counter = LineBreakCounter()
self._upload = Upload(None, self._counter)
self.addComponent(Label('Upload a file and we\'ll count the number '
'of line break characters (\\n) found in it.'))
# make analyzing start immediatedly when file is selected
self._upload.setImmediate(True)
self._upload.setButtonCaption('Upload File')
self.addComponent(self._upload)
handBrake = CheckBox('Simulate slow server')
handBrake.setValue(True)
self._counter.setSlow(True)
handBrake.setDescription('Sleep for 100ms after each kilobyte to '
'simulate slower processing/bandwidth. This is to show '
'progress indicator even with rather small files.')
handBrake.addListener(HandBrakeListener(self), button.IClickListener)
cancelProcessing = Button('Cancel')
cancelProcessing.addListener(CancelListener(self),
button.IClickListener)
cancelProcessing.setVisible(False)
cancelProcessing.setStyleName('small')
handBrake.setImmediate(True)
self.addComponent(handBrake)
p = Panel('Status')
p.setSizeUndefined()
l = FormLayout()
l.setMargin(True)
p.setContent(l)
stateLayout = HorizontalLayout()
stateLayout.setSpacing(True)
stateLayout.addComponent(self._state)
stateLayout.addComponent(cancelProcessing)
stateLayout.setCaption('Current state')
self._state.setValue('Idle')
l.addComponent(stateLayout)
self._fileName.setCaption('File name')
l.addComponent(self._fileName)
self._result.setCaption('Line breaks counted')
l.addComponent(self._result)
self._pi.setCaption('Progress')
self._pi.setVisible(False)
l.addComponent(self._pi)
self._textualProgress.setVisible(False)
l.addComponent(self._textualProgress)
self.addComponent(p)
self._upload.addListener(StartedListener(self),
upload.IStartedListener)
self._upload.addListener(ProgressListener(self),
upload.IProgressListener)
self._upload.addListener(SucceededListener(self),
upload.ISucceededListener)
self._upload.addListener(FailedListener(self),
upload.IFailedListener)
self._upload.addListener(FinishedListener(self),
upload.IFinishedListener)
def _add_items(self, content, outer=None):
"""Adds a list of Item objects, creating a layout if needed. Return
the outermost layout.
"""
# Get local references to various objects we need:
ui = self.ui
info = ui.info
handler = ui.handler
group = self.group
show_left = group.show_left
padding = group.padding
columns = group.columns
# See if a label is needed.
show_labels = False
for item in content:
show_labels |= item.show_label
# See if a grid layout is needed.
if show_labels or columns > 1:
inner = GridLayout(columns * 2, len(content))
inner.setSpacing(True)
inner.setSizeUndefined()
if outer is None:
outer = inner
else:
outer.addComponent(inner)
row = 0
if show_left:
label_alignment = Alignment.MIDDLE_RIGHT
else:
label_alignment = Alignment.MIDDLE_LEFT
else:
# Use the existing layout if there is one.
if outer is None:
if self.horizontal:
outer = HorizontalLayout()
else:
outer = VerticalLayout()
outer.setSizeUndefined()
inner = outer
row = -1
label_alignment = 0
# Process each Item in the list:
col = -1
for item in content:
# Keep a track of the current logical row and column unless the
# layout is not a grid.
col += 1
if row >= 0 and col >= columns:
col = 0
row += 1
# Get the name in order to determine its type:
name = item.name
# Check if is a label:
if name == '':
label = item.label
if label != "":
# Create the label widget.
if item.style == 'simple':
label = Label(label)
else:
label = heading_text(None, text=label).control
self._add_widget(inner, label, row, col, show_labels)
if item.emphasized:
self._add_emphasis(label)
# Continue on to the next Item in the list:
continue
# Check if it is a separator:
if name == '_':
cols = columns
# See if the layout is a grid.
if row >= 0:
# Move to the start of the next row if necessary.
if col > 0:
col = 0
row += 1
# # Skip the row we are about to do.
# row += 1
# Allow for the columns.
if show_labels:
cols *= 2
for i in range(cols):
if self.horizontal:
# Add a vertical separator:
line = Panel()
line.setWidth('2px')
line.setHeight('-1px')
if row < 0:
inner.addComponent(line)
else:
inner.addComponent(line, row, i)
else:
# Add a horizontal separator:
line = Label('<hr />', Label.CONTENT_XHTML)
line.setWidth('100%') # FIXME: explicit container size
if row < 0:
inner.addComponent(line)
else:
inner.addComponent(line, i, row)
# Continue on to the next Item in the list:
continue
# Convert a blank to a 5 pixel spacer:
if name == ' ':
name = '5'
# Check if it is a spacer:
if all_digits.match( name ):
# If so, add the appropriate amount of space to the layout:
spacer = Label('')
if self.horizontal:
# Add a horizontal spacer:
spacer.setWidth(name + 'px')
else:
# Add a vertical spacer:
spacer.setHeight(name + 'px')
self._add_widget(inner, spacer, row, col, show_labels)
# Continue on to the next Item in the list:
continue
# Otherwise, it must be a trait Item:
object = eval( item.object_, globals(), ui.context )
trait = object.base_trait( name )
desc = trait.desc or ''
fixed_width = False
# Handle any label.
if item.show_label:
label = self._create_label(item, ui, desc)
self._add_widget(inner, label, row, col, show_labels,
label_alignment)
else:
label = None
# Get the editor factory associated with the Item:
editor_factory = item.editor
if editor_factory is None:
editor_factory = trait.get_editor()
# If still no editor factory found, use a default text editor:
if editor_factory is None:
from text_editor import ToolkitEditorFactory
editor_factory = ToolkitEditorFactory()
# If the item has formatting traits set them in the editor
# factory:
if item.format_func is not None:
editor_factory.format_func = item.format_func
if item.format_str != '':
editor_factory.format_str = item.format_str
# If the item has an invalid state extended trait name, set it
# in the editor factory:
if item.invalid != '':
editor_factory.invalid = item.invalid
# Create the requested type of editor from the editor factory:
factory_method = getattr( editor_factory, item.style + '_editor' )
editor = factory_method( ui, object, name, item.tooltip,
None).set(
item = item,
object_name = item.object )
# Tell the editor to actually build the editing widget. Note that
# "inner" is a layout. This shouldn't matter as individual editors
# shouldn't be using it as a parent anyway. The important thing is
# that it is not None (otherwise the main TraitsUI code can change
# the "kind" of the created UI object).
editor.prepare(inner)
control = editor.control
# Set the initial 'enabled' state of the editor from the factory:
editor.enabled = editor_factory.enabled
# Add emphasis to the editor control if requested:
if item.emphasized:
self._add_emphasis(control)
# Give the editor focus if it requested it:
if item.has_focus:
control.focus()
# Set the correct size on the control, as specified by the user:
stretch = 0
scrollable = editor.scrollable
item_width = item.width
item_height = item.height
if (item_width != -1) or (item_height != -1):
is_horizontal = self.horizontal
min_size = control.minimumSizeHint()
width = min_size.width()
height = min_size.height()
if (0.0 < item_width <= 1.0) and is_horizontal:
stretch = int(100 * item_width)
item_width = int(item_width)
if item_width < -1:
item_width = -item_width
else:
item_width = max(item_width, width)
if (0.0 < item_height <= 1.0) and (not is_horizontal):
stretch = int(100 * item_height)
item_height = int(item_height)
if item_height < -1:
item_height = -item_height
else:
item_height = max(item_height, height)
control.setWidth(max(item_width, 0))
control.setHeight(max(item_height, 0))
# Bind the editor into the UIInfo object name space so it can be
# referred to by a Handler while the user interface is active:
Id = item.id or name
info.bind( Id, editor, item.id )
# Also, add the editors to the list of editors used to construct
# the user interface:
ui._editors.append( editor )
# If the handler wants to be notified when the editor is created,
# add it to the list of methods to be called when the UI is
# complete:
defined = getattr( handler, Id + '_defined', None )
if defined is not None:
ui.add_defined( defined )
# If the editor is conditionally visible, add the visibility
# 'expression' and the editor to the UI object's list of monitored
# objects:
if item.visible_when != '':
ui.add_visible( item.visible_when, editor )
# If the editor is conditionally enabled, add the enabling
# 'expression' and the editor to the UI object's list of monitored
# objects:
if item.enabled_when != '':
ui.add_enabled( item.enabled_when, editor )
# Add the created editor control to the layout with the appropriate
# size and stretch policies:
ui._scrollable |= scrollable
# item_resizable = ((item.resizable is True) or
# ((item.resizable is Undefined) and scrollable))
# if item_resizable:
# stretch = stretch or 50
# self.resizable = True
# elif item.springy:
# stretch = stretch or 50
# policy = control.sizePolicy()
# if self.horizontal:
# policy.setHorizontalStretch(stretch)
# if item_resizable or item.springy:
# policy.setHorizontalPolicy(QtGui.QSizePolicy.Expanding)
# else:
# policy.setVerticalStretch(stretch)
# if item_resizable or item.springy:
# policy.setVerticalPolicy(QtGui.QSizePolicy.Expanding)
# control.setSizePolicy(policy)
# FIXME: Need to decide what to do about border_size and padding
self._add_widget(inner, control, row, col, show_labels)
# Save the reference to the label control (if any) in the editor:
editor.label_control = label
return outer
def __init__(self):
super(ProgressIndicatorsExample, self).__init__()
self.setSpacing(True)
self.addComponent(Label('<strong>Normal mode</strong> '
'Runs for 20 seconds', Label.CONTENT_XHTML))
hl = HorizontalLayout()
hl.setSpacing(True)
self.addComponent(hl)
# Add a normal progress indicator
self._pi1 = ProgressIndicator()
self._pi1.setIndeterminate(False)
self._pi1.setEnabled(False)
hl.addComponent(self._pi1)
hl.setComponentAlignment(self._pi1, Alignment.MIDDLE_LEFT)
self._startButton1 = Button('Start normal', NormalListener(self))
self._startButton1.setStyleName('small')
hl.addComponent(self._startButton1)
self.addComponent(Label('<strong>Indeterminate mode</strong> '
'Runs for 10 seconds', Label.CONTENT_XHTML))
hl = HorizontalLayout()
hl.setSpacing(True)
self.addComponent(hl)
# Add an indeterminate progress indicator
self._pi2 = ProgressIndicator()
self._pi2.setIndeterminate(True)
self._pi2.setPollingInterval(5000)
self._pi2.setEnabled(False)
hl.addComponent(self._pi2)
l = IndeterminateListener(self)
self._startButton2 = Button('Start indeterminate', l)
self._startButton2.setStyleName('small')
hl.addComponent(self._startButton2)
def __init__(self, app):
super(SamplerWindow, self).__init__()
self._app = app
self._currentList = FeatureGrid(self._app)
self._featureView = FeatureView()
self._currentFeature = ObjectProperty(None, Feature)
self._mainSplit = None
self._navigationTree = None
# self._webAnalytics = GoogleAnalytics('UA-658457-6', 'none')
# "backbutton"
self._uriFragmentUtility = UriFragmentUtility()
# breadcrumbs
self._breadcrumbs = BreadCrumbs(self)
self._previousSample = None
self._nextSample = None
self._search = None
self.theme = None
# Main top/expanded-bottom layout
mainExpand = VerticalLayout()
self.setContent(mainExpand)
self.setSizeFull()
mainExpand.setSizeFull()
self.setCaption(self._TITLE)
self.setTheme(self._app._currentApplicationTheme)
# topbar (navigation)
nav = HorizontalLayout()
mainExpand.addComponent(nav)
nav.setHeight('44px')
nav.setWidth('100%')
nav.setStyleName('topbar')
nav.setSpacing(True)
nav.setMargin(False, True, False, False)
# Upper left logo
logo = self.createLogo()
nav.addComponent(logo)
nav.setComponentAlignment(logo, Alignment.MIDDLE_LEFT)
# Breadcrumbs
nav.addComponent(self._breadcrumbs)
nav.setExpandRatio(self._breadcrumbs, 1)
nav.setComponentAlignment(self._breadcrumbs, Alignment.MIDDLE_LEFT)
# invisible analytics -component
# nav.addComponent(self._webAnalytics)
# "backbutton"
nav.addComponent(self._uriFragmentUtility)
self._uriFragmentUtility.addListener(UriListener(self),
IFragmentChangedListener)
# Main left/right split; hidden menu tree
self._mainSplit = HorizontalSplitPanel()
self._mainSplit.setSizeFull()
self._mainSplit.setStyleName('main-split')
mainExpand.addComponent(self._mainSplit)
mainExpand.setExpandRatio(self._mainSplit, 1)
# Select theme
themeSelect = self.createThemeSelect()
nav.addComponent(themeSelect)
nav.setComponentAlignment(themeSelect, Alignment.MIDDLE_LEFT)
# Layouts for top area buttons
quicknav = HorizontalLayout()
arrows = HorizontalLayout()
nav.addComponent(quicknav)
nav.addComponent(arrows)
nav.setComponentAlignment(quicknav, Alignment.MIDDLE_LEFT)
nav.setComponentAlignment(arrows, Alignment.MIDDLE_LEFT)
quicknav.setStyleName('segment')
arrows.setStyleName('segment')
# Previous sample
self._previousSample = self.createPrevButton()
arrows.addComponent(self._previousSample)
# Next sample
self._nextSample = self.createNextButton()
arrows.addComponent(self._nextSample)
# "Search" combobox
searchComponent = self.createSearch()
quicknav.addComponent(searchComponent)
# Menu tree, initially shown
menuLayout = CssLayout()
allSamples = ActiveLink('All Samples', ExternalResource('#'))
menuLayout.addComponent(allSamples)
self._navigationTree = self.createMenuTree()
menuLayout.addComponent(self._navigationTree)
self._mainSplit.setFirstComponent(menuLayout)
# Show / hide tree
treeSwitch = self.createTreeSwitch()
quicknav.addComponent(treeSwitch)
self.addListener(WindowCloseListener(self, self._app),
window.ICloseListener)
self.updateFeatureList(self._currentList)
def __init__(self):
super(SplitPanelPositioningExample, self).__init__()
self.setStyleName('split-panel-positioning-example')
self.setSpacing(True)
controls = HorizontalLayout()
controls.setSpacing(True)
self.addComponent(controls)
self._verticalSplitPanel = VerticalSplitPanel()
self._verticalSplitPanel.setSplitPosition(100, ISizeable.UNITS_PIXELS)
self._verticalSplitPanel.setLocked(True)
self._verticalSplitPanel.setHeight('450px')
self._verticalSplitPanel.setWidth('100%')
self.addComponent(self._verticalSplitPanel)
# Add some content to the top
topArea = Label()
topArea.setStyleName('top-area')
topArea.addStyleName('measured-from-top')
topArea.setSizeFull()
self._verticalSplitPanel.addComponent(topArea)
# Add a horizontal split panel in the bottom area
self._horizontalSplitPanel = HorizontalSplitPanel()
self._horizontalSplitPanel.setSplitPosition(30,
ISizeable.UNITS_PERCENTAGE)
self._horizontalSplitPanel.setSizeFull()
self._horizontalSplitPanel.setLocked(True)
self._verticalSplitPanel.addComponent(self._horizontalSplitPanel)
# Add some content to the left and right sides of the vertical layout
leftArea = Label()
leftArea.setStyleName('left-area')
leftArea.addStyleName('measured-from-left')
leftArea.setSizeFull()
self._horizontalSplitPanel.addComponent(leftArea)
rightArea = Label()
rightArea.setStyleName('right-area')
rightArea.setSizeFull()
self._horizontalSplitPanel.addComponent(rightArea)
# Allow user to set the splitter positioning
self._measurePositionFromLeft = OptionGroup('Horizontal split position',
['30% from left', '30% from right'])
self._measurePositionFromLeft.setValue('30% from left')
self._measurePositionFromLeft.setImmediate(True)
l = LeftRightListener(self, leftArea, rightArea)
self._measurePositionFromLeft.addListener(l, IValueChangeListener)
controls.addComponent(self._measurePositionFromLeft)
controls.setComponentAlignment(self._measurePositionFromLeft,
Alignment.MIDDLE_CENTER)
self._measurePositionFromTop = OptionGroup('Vertical split position',
['100px from top', '100px from bottom'])
self._measurePositionFromTop.setValue('100px from top')
self._measurePositionFromTop.setImmediate(True)
l = TopBottomListener(self, leftArea, rightArea, topArea)
self._measurePositionFromTop.addListener(l, IValueChangeListener)
controls.addComponent(self._measurePositionFromTop)
controls.setComponentAlignment(self._measurePositionFromTop,
Alignment.MIDDLE_CENTER)
class SimpleAddressBook(Application):
_fields = [
'First Name', 'Last Name', 'Company', 'Mobile Phone', 'Work Phone',
'Home Phone', 'Work Email', 'Home Email', 'Street', 'Zip', 'City',
'State', 'Country'
]
_visibleCols = ['Last Name', 'First Name', 'Company']
def __init__(self):
super(SimpleAddressBook, self).__init__()
self._contactList = Table()
self._contactEditor = Form()
self._bottomLeftCorner = HorizontalLayout()
self._contactRemovalButton = None
self._addressBookData = self.createDummyData()
def init(self):
self.initLayout()
self.initContactAddRemoveButtons()
self.initAddressList()
self.initFilteringControls()
def initLayout(self):
splitPanel = HorizontalSplitPanel()
self.setMainWindow(Window('Address Book', splitPanel))
left = VerticalLayout()
left.setSizeFull()
left.addComponent(self._contactList)
self._contactList.setSizeFull()
left.setExpandRatio(self._contactList, 1)
splitPanel.addComponent(left)
splitPanel.addComponent(self._contactEditor)
self._contactEditor.setSizeFull()
self._contactEditor.getLayout().setMargin(True)
self._contactEditor.setImmediate(True)
self._bottomLeftCorner.setWidth('100%')
left.addComponent(self._bottomLeftCorner)
def initContactAddRemoveButtons(self):
# New item button
newItem = Button('+')
newItem.addCallback(onNew, ClickEvent, self)
self._bottomLeftCorner.addComponent(newItem)
# Remove item button
self._contactRemovalButton = Button('-')
self._contactRemovalButton.addCallback(onRemove, ClickEvent, self)
self._contactRemovalButton.setVisible(False)
self._bottomLeftCorner.addComponent(self._contactRemovalButton)
def initAddressList(self):
self._contactList.setContainerDataSource(self._addressBookData)
self._contactList.setVisibleColumns(self._visibleCols)
self._contactList.setSelectable(True)
self._contactList.setImmediate(True)
self._contactList.addCallback(onContactChange, field.ValueChangeEvent,
self)
return self._visibleCols
def initFilteringControls(self):
for pn in self._visibleCols:
sf = TextField()
self._bottomLeftCorner.addComponent(sf)
sf.setWidth("100%")
sf.setValue(pn)
sf.setImmediate(True)
self._bottomLeftCorner.setExpandRatio(sf, 1)
sf.addCallback(onFilterChange, property.ValueChangeEvent, pn, sf,
self)
@classmethod
def createDummyData(cls):
fnames = [
'Peter', 'Alice', 'Joshua', 'Mike', 'Olivia', 'Nina', 'Alex',
'Rita', 'Dan', 'Umberto', 'Henrik', 'Rene', 'Lisa', 'Marge'
]
lnames = [
'Smith', 'Gordon', 'Simpson', 'Brown', 'Clavel', 'Simons', 'Verne',
'Scott', 'Allison', 'Gates', 'Rowling', 'Barks', 'Ross',
'Schneider', 'Tate'
]
ic = IndexedContainer()
for p in cls._fields:
ic.addContainerProperty(p, str, '')
for _ in range(1000):
idd = ic.addItem()
fname = fnames[int(len(fnames) * random())]
ic.getContainerProperty(idd, 'First Name').setValue(fname)
lname = lnames[int(len(lnames) * random())]
ic.getContainerProperty(idd, 'Last Name').setValue(lname)
return ic
def __init__(self):
super(ExpandingComponentExample, self).__init__()
self.setSpacing(True)
# Basic scenario: single expanded component
layout = HorizontalLayout()
layout.setWidth('100%') # make the layout grow with the window size
self.addComponent(layout)
naturalButton = Button('Natural')
naturalButton.setDescription('This button does not have an explicit '
'size - instead, its size depends on it\'s content - a.k.a '
'<i>natural size.</i>')
layout.addComponent(naturalButton)
expandedButton = Button('Expanded')
expandedButton.setWidth('100%')
expandedButton.setDescription('The width of this button is set to '
'100% and expanded, and will thus occupy the space left over '
'by the other components.')
layout.addComponent(expandedButton)
layout.setExpandRatio(expandedButton, 1.0)
sizedButton = Button('Explicit')
sizedButton.setWidth('150px')
sizedButton.setDescription('This button is explicitly set to be '
'150 pixels wide.')
layout.addComponent(sizedButton)
# Ratio example
layout = HorizontalLayout()
layout.setWidth('100%') # make the layout grow with the window size
self.addComponent(layout)
naturalButton = Button('Natural')
naturalButton.setDescription('This button does not have an explicit '
'size - instead, its size depends on it\'s content - a.k.a '
'<i>natural size.</i>')
layout.addComponent(naturalButton)
expandedButton1 = Button('Ratio 1.0')
expandedButton1.setWidth('100%')
expandedButton1.setDescription('The width of this button is set to '
'100% and expanded with a ratio of 1.0, and will in this '
'example occupy 1:3 of the leftover space.')
layout.addComponent(expandedButton1)
layout.setExpandRatio(expandedButton1, 1.0)
expandedButton2 = Button('Ratio 2.0')
expandedButton2.setWidth('100%')
expandedButton2.setDescription('The width of this button is set to '
'100% and expanded with a ratio of 2.0, and will in this '
'example occupy 2:3 of the leftover space.')
layout.addComponent(expandedButton2)
layout.setExpandRatio(expandedButton2, 2.0)
class TreeSingleSelectExample(HorizontalLayout, IValueChangeListener,
button.IClickListener, action.IHandler):
# Actions for the context menu
_ACTION_ADD = Action('Add child item')
_ACTION_DELETE = Action('Delete')
def __init__(self):
super(TreeSingleSelectExample, self).__init__()
self.setSpacing(True)
# Create the Tree,a dd to layout
self._tree = Tree('Hardware Inventory')
self.addComponent(self._tree)
# Contents from a (prefilled example) hierarchical container:
self._tree.setContainerDataSource(ExampleUtil.getHardwareContainer())
# Add Valuechangelistener and Actionhandler
self._tree.addListener(self, IValueChangeListener)
# Add actions (context menu)
self._tree.addActionHandler(self)
# Cause valueChange immediately when the user selects
self._tree.setImmediate(True)
# Set tree to show the 'name' property as caption for items
self._tree.setItemCaptionPropertyId(ExampleUtil.hw_PROPERTY_NAME)
self._tree.setItemCaptionMode(AbstractSelect.ITEM_CAPTION_MODE_PROPERTY)
# Expand whole tree
for idd in self._tree.rootItemIds():
self._tree.expandItemsRecursively(idd)
# Create the 'editor bar' (textfield and button in a horizontallayout)
self._editBar = HorizontalLayout()
self._editBar.setMargin(False, False, False, True)
self._editBar.setEnabled(False)
self.addComponent(self._editBar)
# textfield
self._editor = TextField('Item name')
self._editor.setImmediate(True)
self._editBar.addComponent(self._editor)
# apply-button
self._change = Button('Apply', self)#, 'buttonClick') FIXME: listener
self._editBar.addComponent(self._change)
self._editBar.setComponentAlignment(self._change, Alignment.BOTTOM_LEFT)
def valueChange(self, event):
if event.getProperty().getValue() is not None:
# If something is selected from the tree, get it's 'name' and
# insert it into the textfield
val = self._tree.getItem(
event.getProperty().getValue()).getItemProperty(
ExampleUtil.hw_PROPERTY_NAME)
self._editor.setValue(val)
self._editor.requestRepaint()
self._editBar.setEnabled(True)
else:
self._editor.setValue('')
self._editBar.setEnabled(False)
def buttonClick(self, event):
# If the edited value contains something, set it to be the item's new
# 'name' property
if not (self._editor.getValue() == ''):
item = self._tree.getItem(self._tree.getValue())
name = item.getItemProperty(ExampleUtil.hw_PROPERTY_NAME)
name.setValue(self._editor.getValue())
# Returns the set of available actions
def getActions(self, target, sender):
return [self._ACTION_ADD, self._ACTION_DELETE]
# Handle actions
def handleAction(self, a, sender, target):
if a == self._ACTION_ADD:
# Allow children for the target item, and expand it
self._tree.setChildrenAllowed(target, True)
self._tree.expandItem(target)
# Create new item, set parent, disallow children (= leaf node)
itemId = self._tree.addItem()
self._tree.setParent(itemId, target)
self._tree.setChildrenAllowed(itemId, False)
# Set the name for this item (we use it as item caption)
item = self._tree.getItem(itemId)
name = item.getItemProperty(ExampleUtil.hw_PROPERTY_NAME)
name.setValue('New Item')
elif a == self._ACTION_DELETE:
parent = self._tree.getParent(target)
self._tree.removeItem(target)
# If the deleted object's parent has no more children, set it's
# childrenallowed property to false (= leaf node)
if parent is not None and len(self._tree.getChildren(parent)) == 0:
self._tree.setChildrenAllowed(parent, False)
def createCoreHorizontal(self, recurse):
l = HorizontalLayout()
l.setSizeFull()
tf = TextField('Top')
l.addComponent(tf)
l.setComponentAlignment(tf, Alignment.TOP_LEFT)
tf = TextField('Middle')
l.addComponent(tf)
l.setComponentAlignment(tf, Alignment.MIDDLE_LEFT)
tf = TextField('Bottom')
l.addComponent(tf)
tf.setWidth('50%')
l.setComponentAlignment(tf, Alignment.BOTTOM_LEFT)
if recurse > 0:
recurse -= 1
createCoreVertical = self.createCoreVertical(recurse)
l.addComponent(createCoreVertical)
l.setExpandRatio(createCoreVertical, 1)
return l
def __init__(self):
super(ProminentPrimaryActionExample, self).__init__()
self.setSpacing(True)
# Cancel / Save
horiz = HorizontalLayout()
horiz.setCaption('Save/cancel example:')
horiz.setSpacing(True)
horiz.setMargin(True)
self.addComponent(horiz)
secondary = Button('Cancel', self)
secondary.setStyleName(BaseTheme.BUTTON_LINK)
horiz.addComponent(secondary)
primary = Button('Save', self)
horiz.addComponent(primary)
# Sign up / Sign in
horiz = HorizontalLayout()
horiz.setCaption('Sign up example:')
horiz.setSpacing(True)
horiz.setMargin(True)
self.addComponent(horiz)
primary = Button('Sign up', self)
primary.addStyleName('primary')
horiz.addComponent(primary)
secondary = Button('or Sign in', self)
secondary.setStyleName(BaseTheme.BUTTON_LINK)
horiz.addComponent(secondary)
horiz.setComponentAlignment(secondary, Alignment.MIDDLE_LEFT)
# Login / Forgot password?
vert = VerticalLayout()
vert.setCaption('Login example:')
vert.setSizeUndefined()
vert.setSpacing(True)
vert.setMargin(True)
self.addComponent(vert)
primary = Button('Login', self)
vert.addComponent(primary)
vert.setComponentAlignment(primary, Alignment.BOTTOM_RIGHT)
secondary = Button('Forgot your password?', self)
secondary.setStyleName(BaseTheme.BUTTON_LINK)
vert.addComponent(secondary)
vert.setComponentAlignment(secondary, Alignment.BOTTOM_RIGHT)
class FeatureView(HorizontalLayout):
_MSG_SHOW_SRC = 'View Source'
def __init__(self):
super(FeatureView, self).__init__()
self._right = None
self._left = None
self._controls = None
self._title = Label("", Label.CONTENT_XHTML)
self._showSrc = None
self._exampleCache = dict()
self._currentFeature = None
self._srcWindow = None
self.setWidth('100%')
self.setMargin(True)
self.setSpacing(True)
self.setStyleName('sample-view')
self._left = VerticalLayout()
self._left.setWidth('100%')
self._left.setSpacing(True)
self._left.setMargin(False)
self.addComponent(self._left)
self.setExpandRatio(self._left, 1)
rightLayout = VerticalLayout()
self._right = Panel(rightLayout)
rightLayout.setMargin(True, False, False, False)
self._right.setStyleName(Reindeer.PANEL_LIGHT)
self._right.addStyleName('feature-info')
self._right.setWidth('319px')
self.addComponent(self._right)
self._controls = HorizontalLayout()
self._controls.setWidth('100%')
self._controls.setStyleName('feature-controls')
self._title.setStyleName('title')
self._controls.addComponent(self._title)
self._controls.setExpandRatio(self._title, 1)
resetExample = NativeButton('Reset', ResetListener(self))
resetExample.setStyleName(BaseTheme.BUTTON_LINK)
resetExample.addStyleName('reset')
resetExample.setDescription('Reset Sample')
self._controls.addComponent(resetExample)
self._showSrc = ActiveLink()
self._showSrc.setDescription(
'Right / middle / ctrl / shift -click for browser window/tab')
self._showSrc.addListener(ShowSrcListener(self),
ILinkActivatedListener)
self._showSrc.setCaption(self._MSG_SHOW_SRC)
self._showSrc.addStyleName('showcode')
self._showSrc.setTargetBorder(Link.TARGET_BORDER_NONE)
self._controls.addComponent(self._showSrc)
def showSource(self, source):
if self._srcWindow is None:
self._srcWindow = Window('Python source')
self._srcWindow.getContent().setSizeUndefined()
self._srcWindow.setWidth('70%')
self._srcWindow.setHeight('60%')
self._srcWindow.setPositionX(100)
self._srcWindow.setPositionY(100)
self._srcWindow.removeAllComponents()
self._srcWindow.addComponent(CodeLabel(source))
if self._srcWindow.getParent() is None:
self.getWindow().addWindow(self._srcWindow)
def resetExample(self):
if self._currentFeature is not None:
w = self.getWindow()
w.removeSubwindows()
f = self._currentFeature
self._currentFeature = None
if f in self._exampleCache:
del self._exampleCache[f]
self.setFeature(f)
def setFeature(self, feature):
from muntjac.demo.sampler.SamplerApplication import SamplerApplication
if feature != self._currentFeature:
self._currentFeature = feature
self._right.removeAllComponents()
self._left.removeAllComponents()
self._left.addComponent(self._controls)
self._title.setValue('<span>' + feature.getName() + '</span>')
# if feature.getSinceVersion().isNew():
# self._title.addStyleName('new')
# else:
# self._title.removeStyleName('new')
self._left.addComponent(self.getExampleFor(feature))
self._right.setCaption('Description and Resources')
# Do not show parent description if it's directly inside the root
alll = SamplerApplication.getAllFeatures()
parent = alll.getParent(feature)
isRoot = alll.getParent(parent) is None
desc = parent.getDescription()
hasParentDesc = False
if parent is not None and not isRoot:
parentLabel = Label(parent.getDescription())
if desc is not None and desc != '':
parentLabel.setContentMode(Label.CONTENT_XHTML)
self._right.addComponent(parentLabel)
hasParentDesc = True
desc = feature.getDescription()
if desc is not None and desc != '':
# Sample description uses additional decorations if a parent
# description is found
l = Label(
("<div class=\"outer-deco\"><div class=\"deco\">"
"<span class=\"deco\"></span>") + desc + "</div></div>",
Label.CONTENT_XHTML)
self._right.addComponent(l)
if hasParentDesc:
l.setStyleName('sample-description')
else:
l.setStyleName('description')
# open src in new window -link
self._showSrc.setTargetName(self._currentFeature.getFragmentName())
er = ExternalResource(self.getApplication().getURL() + 'src/' +
self._currentFeature.getFragmentName())
self._showSrc.setResource(er)
resources = feature.getRelatedResources()
if resources is not None:
res = VerticalLayout()
self.caption = Label("<span>Additional Resources</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
res.addComponent(self.caption)
res.setMargin(False, False, True, False)
for r in resources:
l = Link(r.getName(), r)
l.setIcon(ThemeResource('../runo/icons/16/note.png'))
res.addComponent(l)
self._right.addComponent(res)
apis = feature.getRelatedAPI()
if apis is not None:
api = VerticalLayout()
self.caption = Label("<span>API Documentation</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
api.addComponent(self.caption)
api.setMargin(False, False, True, False)
for r in apis:
l = Link(r.getName(), r)
ic = ThemeResource('../runo/icons/16/document-txt.png')
l.setIcon(ic)
api.addComponent(l)
self._right.addComponent(api)
features = feature.getRelatedFeatures()
if features is not None:
rel = VerticalLayout()
self.caption = Label("<span>Related Samples</span>",
Label.CONTENT_XHTML)
self.caption.setStyleName('section')
self.caption.setWidth('100%')
rel.addComponent(self.caption)
rel.setMargin(False, False, True, False)
for c in features:
f = SamplerApplication.getFeatureFor(c)
if f is not None:
er = ExternalResource(self.getApplication().getURL() +
'#' + f.getFragmentName())
al = ActiveLink(f.getName(), er)
if isinstance(f, FeatureSet):
ic = ThemeResource('../sampler/icons/category.gif')
else:
ic = ThemeResource('../sampler/icons/sample.png')
al.setIcon(ic)
al.addListener(LinkListener(self, f),
ILinkActivatedListener)
rel.addComponent(al)
self._right.addComponent(rel)
def getExampleFor(self, f):
ex = self._exampleCache.get(f)
if ex is None:
ex = f.getExample()
self._exampleCache[f] = ex
return ex