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(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)
class PopupTextField(popup_view.IContent):
def __init__(self):
self._root = VerticalLayout()
self._tf = TextField('Edit me')
self._root.setSizeUndefined()
self._root.setSpacing(True)
self._root.setMargin(True)
self._root.addComponent(Label(('The changes made to any components '
'inside the popup are reflected automatically when the popup '
'is closed, but you might want to provide explicit action '
'buttons for the user, like \"Save\" or \"Close\".')))
self._root.addComponent(self._tf)
self._tf.setValue('Initial dynamic content')
self._tf.setWidth('300px')
def getMinimizedValueAsHTML(self):
return str(self._tf.getValue())
def getPopupComponent(self):
return self._root
def __init__(self):
super(ButtonPushExample, self).__init__()
# Normal buttons (more themable)
buttons = VerticalLayout()
buttons.setSpacing(True)
buttons.setMargin(False, True, False, False)
self.addComponent(buttons)
buttons.addComponent(Label("<h3>Normal buttons</h3>",
Label.CONTENT_XHTML))
# Button w/ text and tooltip
b = Button(self._CAPTION)
b.setDescription(self._TOOLTIP)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
# Button w/ text, icon and tooltip
b = Button(self._CAPTION)
b.setDescription(self._TOOLTIP)
b.setIcon(self._ICON)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
# Button w/ icon and tooltip
b = Button()
b.setDescription(self._TOOLTIP)
b.setIcon(self._ICON)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
# NativeButtons
buttons = VerticalLayout()
buttons.setSpacing(True)
buttons.setMargin(False, False, False, True)
self.addComponent(buttons)
buttons.addComponent(Label("<h3>Native buttons</h3>",
Label.CONTENT_XHTML));
# NativeButton w/ text and tooltip
b = NativeButton(self._CAPTION)
b.setDescription(self._TOOLTIP)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
# NativeButton w/ text, icon and tooltip
b = NativeButton(self._CAPTION)
b.setDescription(self._TOOLTIP)
b.setIcon(self._ICON)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
# NativeButton w/ icon and tooltip
b = NativeButton()
b.setDescription(self._TOOLTIP)
b.setIcon(self._ICON)
b.addListener(self, IClickListener) # react to clicks
buttons.addComponent(b)
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)
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)
def createKeyRegisterClickableLayout(self):
# Create a vertical layout with click events
layout = VerticalLayout()
layout.setWidth('90%')
layout.setSpacing(True)
layout.addStyleName('border')
layout.setMargin(True)
# Add some components inside the layout
layout.addComponent(Label('<b>Layout click events register if '
'control keys are pressed during the click and double '
'clicks. Try clicking anywhere inside this layout while '
'holding CTRL, ALT, SHIFT or META key down.</b>',
Label.CONTENT_RAW))
# Listen for layout click events
layout.addListener(VerticalListener(self), ILayoutClickListener)
return layout
def createVerticalClickableLayout(self):
# Create a vertical layout with click events
layout = VerticalLayout()
layout.setWidth('90%')
layout.setSpacing(True)
layout.addStyleName('border')
layout.setMargin(True)
# Add some components inside the layout
layout.addComponent(
Label(
'<b>This is a vertical layout with a '
'click listener attached. Try clicking anywhere inside '
'this layout.</b>', Label.CONTENT_RAW))
clickX = Label('X-coordinate: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(clickX)
clickY = Label('Y-coordinate: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(clickY)
clickRelativeX = Label(
'X-coordinate relative to the layout: '
'<i>Not available.</i>', Label.CONTENT_RAW)
layout.addComponent(clickRelativeX)
clickRelativeY = Label(
'Y-coordinate relative to the layout: '
'<i>Not available.</i>', Label.CONTENT_RAW)
layout.addComponent(clickRelativeY)
button = Label('Mouse button: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(button)
# Listen for layout click events
layout.addListener(
LayoutListener(self, button, clickX, clickY, clickRelativeX,
clickRelativeY), ILayoutClickListener)
return layout
def createKeyRegisterClickableLayout(self):
# Create a vertical layout with click events
layout = VerticalLayout()
layout.setWidth('90%')
layout.setSpacing(True)
layout.addStyleName('border')
layout.setMargin(True)
# Add some components inside the layout
layout.addComponent(
Label(
'<b>Layout click events register if '
'control keys are pressed during the click and double '
'clicks. Try clicking anywhere inside this layout while '
'holding CTRL, ALT, SHIFT or META key down.</b>',
Label.CONTENT_RAW))
# Listen for layout click events
layout.addListener(VerticalListener(self), ILayoutClickListener)
return layout
def createVerticalClickableLayout(self):
# Create a vertical layout with click events
layout = VerticalLayout()
layout.setWidth('90%')
layout.setSpacing(True)
layout.addStyleName('border')
layout.setMargin(True)
# Add some components inside the layout
layout.addComponent(Label('<b>This is a vertical layout with a '
'click listener attached. Try clicking anywhere inside '
'this layout.</b>', Label.CONTENT_RAW))
clickX = Label('X-coordinate: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(clickX)
clickY = Label('Y-coordinate: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(clickY)
clickRelativeX = Label('X-coordinate relative to the layout: '
'<i>Not available.</i>', Label.CONTENT_RAW)
layout.addComponent(clickRelativeX)
clickRelativeY = Label('Y-coordinate relative to the layout: '
'<i>Not available.</i>', Label.CONTENT_RAW)
layout.addComponent(clickRelativeY)
button = Label('Mouse button: <i>Not available.</i>',
Label.CONTENT_RAW)
layout.addComponent(button)
# Listen for layout click events
layout.addListener(LayoutListener(self, button,
clickX, clickY, clickRelativeX, clickRelativeY),
ILayoutClickListener)
return layout
class PopupTextField(popup_view.IContent):
def __init__(self):
self._root = VerticalLayout()
self._tf = TextField('Edit me')
self._root.setSizeUndefined()
self._root.setSpacing(True)
self._root.setMargin(True)
self._root.addComponent(
Label(
('The changes made to any components '
'inside the popup are reflected automatically when the popup '
'is closed, but you might want to provide explicit action '
'buttons for the user, like \"Save\" or \"Close\".')))
self._root.addComponent(self._tf)
self._tf.setValue('Initial dynamic content')
self._tf.setWidth('300px')
def getMinimizedValueAsHTML(self):
return str(self._tf.getValue())
def getPopupComponent(self):
return self._root
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
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