def __init__(self):
colour_grid = ColourGridCanvas()
rotated = RotatedCanvas()
spheres = SpheresCanvas()
pattern = PatternCanvas()
spiro = SpiroCanvas()
self.solar = SolarCanvas()
row0 = HorizontalPanel()
row0.setSpacing(8)
row0.add(colour_grid)
row0.add(rotated)
row0.add(spheres)
row0.add(pattern)
row1 = HorizontalPanel()
row1.setSpacing(8)
row1.add(self.solar)
row1.add(spiro)
panel = VerticalPanel()
panel.add(row0)
panel.add(row1)
self.setWidget(panel)
def __init__(self):
self.signOutLink = HTML("<a href='javascript:;'>Sign Out</a>")
self.aboutLink = HTML("<a href='javascript:;'>About</a>")
outer = HorizontalPanel()
inner = VerticalPanel()
outer.setHorizontalAlignment(HasAlignment.ALIGN_RIGHT)
inner.setHorizontalAlignment(HasAlignment.ALIGN_RIGHT)
links = HorizontalPanel()
links.setSpacing(4)
links.add(self.signOutLink)
links.add(self.aboutLink)
outer.add(inner)
inner.add(HTML("<b>Welcome back, [email protected]</b>"))
inner.add(links)
self.signOutLink.addClickListener(self)
self.aboutLink.addClickListener(self)
self.setWidget(outer)
inner.setStyleName("mail-TopPanel")
links.setStyleName("mail-TopPanelLinks")
def __init__(self, calendar):
Composite.__init__(self)
self.calendar = calendar
self.dayCheckBoxListener = DayCheckBoxListener(calendar)
self.outer = VerticalPanel()
self.setWidget(self.outer)
self.setStyleName("DynaTable-DayFilterWidget")
self.outer.add(DayCheckBox(self, "Sunday", 0))
self.outer.add(DayCheckBox(self, "Monday", 1))
self.outer.add(DayCheckBox(self, "Tuesday", 2))
self.outer.add(DayCheckBox(self, "Wednesday", 3))
self.outer.add(DayCheckBox(self, "Thursday", 4))
self.outer.add(DayCheckBox(self, "Friday", 5))
self.outer.add(DayCheckBox(self, "Saturday", 6))
self.buttonAll = Button("All", self)
self.buttonNone = Button("None", self)
hp = HorizontalPanel()
hp.setHorizontalAlignment(HasAlignment.ALIGN_CENTER)
hp.add(self.buttonAll)
hp.add(self.buttonNone)
self.outer.add(hp)
self.outer.setCellVerticalAlignment(hp, HasAlignment.ALIGN_BOTTOM)
self.outer.setCellHorizontalAlignment(hp, HasAlignment.ALIGN_CENTER)
def __init__(self, owner):
self.owner = owner
self.bar = DockPanel()
self.gotoFirst = Button("<<", self)
self.gotoNext = Button(">", self)
self.gotoPrev = Button("<", self)
self.status = HTML()
self.setWidget(self.bar)
self.bar.setStyleName("navbar")
self.status.setStyleName("status")
buttons = HorizontalPanel()
buttons.add(self.gotoFirst)
buttons.add(self.gotoPrev)
buttons.add(self.gotoNext)
self.bar.add(buttons, DockPanel.EAST)
self.bar.setCellHorizontalAlignment(buttons, HasAlignment.ALIGN_RIGHT)
self.bar.add(self.status, DockPanel.CENTER)
self.bar.setVerticalAlignment(HasAlignment.ALIGN_MIDDLE)
self.bar.setCellHorizontalAlignment(self.status,
HasAlignment.ALIGN_RIGHT)
self.bar.setCellVerticalAlignment(self.status,
HasAlignment.ALIGN_MIDDLE)
self.bar.setCellWidth(self.status, "100%")
self.gotoPrev.setEnabled(False)
self.gotoFirst.setEnabled(False)
def __init__(self):
DialogBox.__init__(self)
# Use this opportunity to set the dialog's caption.
self.setText("About the Mail Sample")
# Create a DockPanel to contain the 'about' label and the 'OK' button.
outer = DockPanel()
outer.setSpacing(4)
outer.add(Image(AboutDialog.LOGO_IMAGE), DockPanel.WEST)
# Create the 'OK' button, along with a listener that hides the dialog
# when the button is clicked. Adding it to the 'south' position within
# the dock causes it to be placed at the bottom.
buttonPanel = HorizontalPanel()
buttonPanel.setHorizontalAlignment(HasAlignment.ALIGN_RIGHT)
buttonPanel.add(Button("Close", self))
outer.add(buttonPanel, DockPanel.SOUTH)
# Create the 'about' label. Placing it in the 'rest' position within the
# dock causes it to take up any remaining space after the 'OK' button
# has been laid out.
textplain = "This sample application demonstrates the construction "
textplain += "of a complex user interface using pyjamas' built-in widgets. Have a look "
textplain += "at the code to see how easy it is to build your own apps!"
text = HTML(textplain)
text.setStyleName("mail-AboutText")
outer.add(text, DockPanel.CENTER)
# Add a bit of spacing and margin to the dock to keep the components from
# being placed too closely together.
outer.setSpacing(8)
self.add(outer)
def __init__(self, mailObject):
self.countLabel = HTML()
self.newerButton = HTML("<a href='javascript:;'>< newer</a>", True)
self.olderButton = HTML("<a href='javascript:;'>older ></a>", True)
self.startIndex = 0
self.selectedRow = -1
self.table = FlexTable()
self.navBar = HorizontalPanel()
self.mailObject = mailObject
# Setup the table.
self.table.setCellSpacing(0)
self.table.setCellPadding(2)
self.table.setWidth("100%")
# Hook up events.
self.table.addTableListener(self)
self.newerButton.addClickListener(self)
self.olderButton.addClickListener(self)
# Create the 'navigation' bar at the upper-right.
innerNavBar = HorizontalPanel()
innerNavBar.setStyleName("mail-ListNavBar")
innerNavBar.setSpacing(8)
innerNavBar.add(self.newerButton)
innerNavBar.add(self.countLabel)
innerNavBar.add(self.olderButton)
self.navBar.setHorizontalAlignment(HasAlignment.ALIGN_RIGHT)
self.navBar.add(innerNavBar)
self.navBar.setWidth("100%")
self.setWidget(self.table)
self.setStyleName("mail-List")
self.initTable()
self.update()
def __init__(self):
disabledButton = Button("Disabled Button")
disabledCheck = CheckBox("Disabled Check")
normalButton = Button("Normal Button")
normalCheck = CheckBox("Normal Check")
panel = VerticalPanel()
radio0 = RadioButton("group0", "Choice 0")
radio1 = RadioButton("group0", "Choice 1")
radio2 = RadioButton("group0", "Choice 2 (Disabled)")
radio3 = RadioButton("group0", "Choice 3")
hp = HorizontalPanel()
panel.add(hp)
hp.setSpacing(8)
hp.add(normalButton)
hp.add(disabledButton)
hp = HorizontalPanel()
panel.add(hp)
hp.setSpacing(8)
hp.add(normalCheck)
hp.add(disabledCheck)
hp = HorizontalPanel()
panel.add(hp)
hp.setSpacing(8)
hp.add(radio0)
hp.add(radio1)
hp.add(radio2)
hp.add(radio3)
disabledButton.setEnabled(False)
disabledCheck.setEnabled(False)
radio2.setEnabled(False)
panel.setSpacing(8)
self.setWidget(panel)
def __init__(self):
colours = [
'Azure', 'Red', 'Rust', 'Green', 'Beige', 'Brass', 'Brown',
'Bronze', 'Blue', 'Black', 'Burgundy', 'Pink', 'Gold', 'Gray',
'Purple', 'Yellow', 'White'
]
self.colour_input = AutoCompleteTextBox()
self.colour_input.setCompletionItems(colours)
panel = HorizontalPanel()
panel.add(HTML("Enter a colour: "))
panel.add(self.colour_input)
panel.setSpacing(8)
self.setWidget(panel)
def createTextThing(self, textBox):
p = HorizontalPanel()
p.setSpacing(4)
p.add(textBox)
echo = HTML()
select_all = Button("select all")
p.add(select_all)
p.add(echo)
listener=TextBoxListener(self, textBox, echo, select_all)
select_all.addClickListener(listener)
textBox.addKeyboardListener(listener)
textBox.addClickListener(listener)
return p
def __init__(self, contact):
# The popup's constructor's argument is a boolean specifying that it
# auto-close itself when the user clicks outside of it.
PopupPanel.__init__(self, True)
inner = VerticalPanel()
nameLabel = Label(contact.name)
emailLabel = Label(contact.email)
inner.add(nameLabel)
inner.add(emailLabel)
panel = HorizontalPanel()
panel.setSpacing(4)
panel.add(Image(contact.photo))
panel.add(inner)
self.add(panel)
self.setStyleName("mail-ContactPopup")
nameLabel.setStyleName("mail-ContactPopupName")
emailLabel.setStyleName("mail-ContactPopupEmail")
def __init__(self):
img = Image("images/num1.png")
img.addMouseListener(TooltipListener("An image: " + img.getUrl()))
img2 = Image("images/num2.png")
img2.addMouseListener(TooltipListener("An image: " + img2.getUrl()))
html = HTML("Some <i>HTML</i> text.")
html.addMouseListener(TooltipListener("An HTML component."))
panel_h = HorizontalPanel()
panel_h.add(img)
panel_h.add(img2)
panel_h.setSpacing(8)
panel = VerticalPanel()
panel.add(panel_h)
panel.add(html)
panel.setSpacing(8)
self.setWidget(panel)
def __init__(self):
self.sStrings=[["foo0", "bar0", "baz0", "toto0", "tintin0"],
["foo1", "bar1", "baz1", "toto1", "tintin1"],
["foo2", "bar2", "baz2", "toto2", "tintin2"],
["foo3", "bar3", "baz3", "toto3", "tintin3"],
["foo4", "bar4", "baz4", "toto4", "tintin4"]]
self.combo=ListBox()
self.list=ListBox()
self.echo=Label()
self.combo.setVisibleItemCount(1)
self.combo.addChangeListener(self)
self.list.setVisibleItemCount(10)
self.list.setMultipleSelect(True)
for i in range(len(self.sStrings)):
self.combo.addItem("List " + i)
self.combo.setSelectedIndex(0)
self.fillList(0)
self.list.addChangeListener(self)
horz = HorizontalPanel()
horz.setVerticalAlignment(HasAlignment.ALIGN_TOP)
horz.setSpacing(8)
horz.add(self.combo)
horz.add(self.list)
panel = VerticalPanel()
panel.setHorizontalAlignment(HasAlignment.ALIGN_LEFT)
panel.add(horz)
panel.add(self.echo)
self.setWidget(panel)
self.echoSelection()
def __init__(self):
text = "This is a <code>ScrollPanel</code> contained at "
text += "the center of a <code>DockPanel</code>. "
text += "By putting some fairly large contents "
text += "in the middle and setting its size explicitly, it becomes a "
text += "scrollable area within the page, but without requiring the use of "
text += "an IFRAME."
text += "Here's quite a bit more meaningless text that will serve primarily "
text += "to make this thing scroll off the bottom of its visible area. "
text += "Otherwise, you might have to make it really, really small in order "
text += "to see the nifty scroll bars!"
contents = HTML(text)
scroller = ScrollPanel(contents)
scroller.setStyleName("ks-layouts-Scroller")
dock = DockPanel()
dock.setHorizontalAlignment(HasAlignment.ALIGN_CENTER)
north0 = HTML("This is the <i>first</i> north component", True)
east = HTML("<center>This<br>is<br>the<br>east<br>component</center>",
True)
south = HTML("This is the south component")
west = HTML("<center>This<br>is<br>the<br>west<br>component</center>",
True)
north1 = HTML("This is the <b>second</b> north component", True)
dock.add(north0, DockPanel.NORTH)
dock.add(east, DockPanel.EAST)
dock.add(south, DockPanel.SOUTH)
dock.add(west, DockPanel.WEST)
dock.add(north1, DockPanel.NORTH)
dock.add(scroller, DockPanel.CENTER)
Logger("Layouts", "TODO: flowpanel")
flow = FlowPanel()
for i in range(8):
flow.add(CheckBox("Flow " + i))
horz = HorizontalPanel()
horz.setVerticalAlignment(HasAlignment.ALIGN_MIDDLE)
horz.add(Button("Button"))
horz.add(HTML("<center>This is a<br>very<br>tall thing</center>",
True))
horz.add(Button("Button"))
vert = VerticalPanel()
vert.setHorizontalAlignment(HasAlignment.ALIGN_CENTER)
vert.add(Button("Small"))
vert.add(Button("--- BigBigBigBig ---"))
vert.add(Button("tiny"))
menu = MenuBar()
menu0 = MenuBar(True)
menu1 = MenuBar(True)
menu.addNewItem("menu0", False, None, menu0)
menu.addNewItem("menu1", False, None, menu1)
menu0.addNewItem("child00")
menu0.addNewItem("child01")
menu0.addNewItem("child02")
menu1.addNewItem("child10")
menu1.addNewItem("child11")
menu1.addNewItem("child12")
Logger("Layouts", "TODO: htmlpanel")
id = HTMLPanel.createUniqueId()
text = "This is an <code>HTMLPanel</code>. It allows you to add "
text += "components inside existing HTML, like this:" + "<span id='" + id
text += "'></span>" + "Notice how the menu just fits snugly in there? Cute."
html = HTMLPanel(text)
DOM.setStyleAttribute(menu.getElement(), "display", "inline")
html.add(menu, id)
panel = VerticalPanel()
panel.setSpacing(8)
panel.setHorizontalAlignment(HasAlignment.ALIGN_CENTER)
panel.add(self.makeLabel("Dock Panel"))
panel.add(dock)
panel.add(self.makeLabel("Flow Panel"))
panel.add(flow)
panel.add(self.makeLabel("Horizontal Panel"))
panel.add(horz)
panel.add(self.makeLabel("Vertical Panel"))
panel.add(vert)
panel.add(self.makeLabel("HTML Panel"))
panel.add(html)
self.setWidget(panel)
self.setStyleName("ks-layouts")