def menu_dialog_clicked(self, widget):
self.dialog = gui.GenericDialog(title='Dialog Box', message='Click Ok to transfer content to main page', width='500px')
self.dtextinput = gui.TextInput(width=200, height=30)
self.dtextinput.set_value('Initial Text')
self.dialog.add_field_with_label('dtextinput', 'Text Input', self.dtextinput)
self.dcheck = gui.CheckBox(False, width=200, height=30)
self.dialog.add_field_with_label('dcheck', 'Label Checkbox', self.dcheck)
values = ('Danny Young', 'Christine Holand', 'Lars Gordon', 'Roberto Robitaille')
self.dlistView = gui.ListView.new_from_list(values, width=200, height=120)
self.dialog.add_field_with_label('dlistView', 'Listview', self.dlistView)
self.ddropdown = gui.DropDown.new_from_list(('DropDownItem 0', 'DropDownItem 1'),
width=200, height=20)
self.dialog.add_field_with_label('ddropdown', 'Dropdown', self.ddropdown)
self.dspinbox = gui.SpinBox(min=0, max=5000, width=200, height=20)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dspinbox', 'Spinbox', self.dspinbox)
self.dslider = gui.Slider(10, 0, 100, 5, width=200, height=20)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dslider', 'Slider', self.dslider)
self.dcolor = gui.ColorPicker(width=200, height=20)
self.dcolor.set_value('#ffff00')
self.dialog.add_field_with_label('dcolor', 'Colour Picker', self.dcolor)
self.ddate = gui.Date(width=200, height=20)
self.ddate.set_value('2000-01-01')
self.dialog.add_field_with_label('ddate', 'Date', self.ddate)
self.dialog.confirm_dialog.do(self.dialog_confirm)
self.dialog.show(self)
def __createEditor(self):
attributeType = self._param._type
additionalInfo = self._param._additionalInfo
attributeValue = self._param._v
attributeName = self._param._k
attributeDesc = self._param._description
if additionalInfo == None:
additionalInfo = {}
dprint('name', attributeName, 'type', attributeType, 'value',
attributeValue, 'info', additionalInfo)
self.inputWidget = None
#'background-repeat':{'type':str, 'description':'The repeat behaviour of an optional background image', ,'additional_data':{'affected_widget_attribute':'style', 'possible_values':'repeat | repeat-x | repeat-y | no-repeat | inherit'}},
if attributeType == bool or attributeType == 'bool':
if attributeValue == 'true':
attributeValue = True
if attributeValue == 'false':
attributeValue = False
self.inputWidget = gui.CheckBox('checked')
elif attributeType == int or attributeType == float or attributeType == 'int' or attributeType == 'float':
min_val = -1000000
if "min" in additionalInfo:
min_val = additionalInfo['min']
max_val = 1000000
if "max" in additionalInfo:
max_val = additionalInfo['max']
step_val = 1
if "step" in additionalInfo:
step_val = additionalInfo['step']
self.inputWidget = gui.SpinBox(attributeValue, min_val, max_val,
step_val)
elif attributeType == gui.ColorPicker:
self.inputWidget = gui.ColorPicker()
elif attributeType == 'dropdown':
self.inputWidget = gui.DropDown()
for value in additionalInfo['possible_values']:
self.inputWidget.append(gui.DropDownItem(value), value)
# elif attributeType == 'url_editor':
# self.inputWidget = UrlPathInput(self._appInstance)
# elif attributeType == 'css_size':
# self.inputWidget = CssSizeInput(self._appInstance)
else: # default editor is string
self.inputWidget = StringEditor()
self.inputWidget.set_on_change_listener(self.on_attribute_changed)
self.inputWidget.set_size('50%', '22px')
self.inputWidget.attributes['title'] = attributeDesc
self.inputWidget.style['float'] = 'right'
self.inputWidget.set_value(attributeValue)
dprint('setValue', attributeValue)
dprint('getValue', self.inputWidget.get_value())
self.append(self.inputWidget)
def menu_dialog_clicked(self):
self.dialog = gui.GenericDialog(
title='Dialog Box',
message='Click Ok to transfer content to main page')
self.dtextinput = gui.TextInput(200, 30)
self.dtextinput.set_value('Initial Text')
self.dialog.add_field_with_label('dtextinput', 'Text Input',
self.dtextinput)
self.dcheck = gui.CheckBox(200, 30, False)
self.dialog.add_field_with_label('dcheck', 'Label Checkbox',
self.dcheck)
values = ('Danny Young', 'Christine Holand', 'Lars Gordon',
'Roberto Robitaille')
self.dlistView = gui.ListView(200, 120)
key = 0
for value in values:
obj = gui.ListItem(170, 20, value)
self.dlistView.append(str(key), obj)
key += 1
self.dialog.add_field_with_label('dlistView', 'Listview',
self.dlistView)
self.ddropdown = gui.DropDown(200, 20)
c0 = gui.DropDownItem(200, 20, 'DropDownItem 0')
c1 = gui.DropDownItem(200, 20, 'DropDownItem 1')
self.ddropdown.append('0', c0)
self.ddropdown.append('1', c1)
self.ddropdown.set_value('Value1')
self.dialog.add_field_with_label('ddropdown', 'Dropdown',
self.ddropdown)
self.dspinbox = gui.SpinBox(200, 20, min=0, max=5000)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dspinbox', 'Spinbox', self.dspinbox)
self.dslider = gui.Slider(200, 20, 10, 0, 100, 5)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dslider', 'Slider', self.dslider)
self.dcolor = gui.ColorPicker(200, 20)
self.dcolor.set_value('#ffff00')
self.dialog.add_field_with_label('dcolor', 'Colour Picker',
self.dcolor)
self.ddate = gui.Date(
200,
20,
)
self.ddate.set_value('2000-01-01')
self.dialog.add_field_with_label('ddate', 'Date', self.ddate)
self.dialog.set_on_confirm_dialog_listener(self, 'dialog_confirm')
self.dialog.show(self)
def __init__(self, attributeName, attributeDict, appInstance=None):
super(EditorAttributeInput, self).__init__()
gui.EventSource.__init__(self)
self.set_layout_orientation(gui.Widget.LAYOUT_HORIZONTAL)
self.style.update({'display':'block',
'overflow':'auto',
'margin':'2px',
'outline':'1px solid lightgray'})
self.attributeName = attributeName
self.attributeDict = attributeDict
self.EVENT_ATTRIB_ONCHANGE = 'on_attribute_changed'
self.EVENT_ATTRIB_ONREMOVE = 'onremove_attribute'
self.removeAttribute = gui.Image('/editor_resources:delete.png', width='5%')
self.removeAttribute.attributes['title'] = 'Remove attribute from this widget.'
self.removeAttribute.onclick.do(self.on_attribute_remove)
self.append(self.removeAttribute)
self.label = gui.Label(attributeName, width='45%', height=22, margin='0px')
self.label.style['overflow'] = 'hidden'
self.label.style['font-size'] = '13px'
self.label.style['outline'] = '1px solid lightgray'
self.append(self.label)
self.inputWidget = None
#'background-repeat':{'type':str, 'description':'The repeat behaviour of an optional background image', ,'additional_data':{'affected_widget_attribute':'style', 'possible_values':'repeat | repeat-x | repeat-y | no-repeat | inherit'}},
if attributeDict['type'] in (bool,int,float,gui.ColorPicker,gui.DropDown,'url_editor','css_size'):
if attributeDict['type'] == bool:
self.inputWidget = gui.CheckBox('checked')
if attributeDict['type'] == int or attributeDict['type'] == float:
self.inputWidget = gui.SpinBox(attributeDict['additional_data']['default'], attributeDict['additional_data']['min'], attributeDict['additional_data']['max'], attributeDict['additional_data']['step'])
if attributeDict['type'] == gui.ColorPicker:
self.inputWidget = gui.ColorPicker()
if attributeDict['type'] == gui.DropDown:
self.inputWidget = gui.DropDown()
for value in attributeDict['additional_data']['possible_values']:
self.inputWidget.append(gui.DropDownItem(value),value)
if attributeDict['type'] == 'url_editor':
self.inputWidget = UrlPathInput(appInstance)
if attributeDict['type'] == 'css_size':
self.inputWidget = CssSizeInput(appInstance)
else: #default editor is string
self.inputWidget = gui.TextInput()
self.inputWidget.onchange.do(self.on_attribute_changed)
self.inputWidget.set_size('50%','22px')
self.inputWidget.attributes['title'] = attributeDict['description']
self.label.attributes['title'] = attributeDict['description']
self.append(self.inputWidget)
self.inputWidget.style['float'] = 'right'
self.style['display'] = 'block'
self.set_valid(False)
def __init__(self, attributeName, attributeDict, appInstance=None):
super(EditorAttributeInput, self).__init__()
self.set_layout_orientation(gui.Widget.LAYOUT_HORIZONTAL)
self.style['display'] = 'block'
self.style['overflow'] = 'auto'
self.style['margin'] = '2px'
self.attributeName = attributeName
self.attributeDict = attributeDict
self.EVENT_ATTRIB_ONCHANGE = 'on_attribute_changed'
label = gui.Label(attributeName, width='50%', height=22)
label.style['margin'] = '0px'
label.style['overflow'] = 'hidden'
label.style['font-size'] = '13px'
self.append(label)
self.inputWidget = None
#'background-repeat':{'type':str, 'description':'The repeat behaviour of an optional background image', ,'additional_data':{'affected_widget_attribute':'style', 'possible_values':'repeat | repeat-x | repeat-y | no-repeat | inherit'}},
if attributeDict['type'] in (bool, int, float, gui.ColorPicker,
gui.DropDown, gui.FileSelectionDialog):
if attributeDict['type'] == bool:
self.inputWidget = gui.CheckBox('checked')
if attributeDict['type'] == int or attributeDict['type'] == float:
self.inputWidget = gui.SpinBox(
attributeDict['additional_data']['default'],
attributeDict['additional_data']['min'],
attributeDict['additional_data']['max'],
attributeDict['additional_data']['step'])
if attributeDict['type'] == gui.ColorPicker:
self.inputWidget = gui.ColorPicker()
if attributeDict['type'] == gui.DropDown:
self.inputWidget = gui.DropDown()
for value in attributeDict['additional_data'][
'possible_values']:
self.inputWidget.append(gui.DropDownItem(value), value)
if attributeDict['type'] == gui.FileSelectionDialog:
self.inputWidget = UrlPathInput(appInstance)
else: #default editor is string
self.inputWidget = gui.TextInput()
self.inputWidget.set_size('50%', '22px')
self.inputWidget.attributes['title'] = attributeDict['description']
label.attributes['title'] = attributeDict['description']
self.inputWidget.set_on_change_listener(self, "on_attribute_changed")
self.append(self.inputWidget)
self.inputWidget.style['float'] = 'right'
self.style['display'] = 'block'
def main(self, name='world'):
#margin 0px auto allows to center the app to the screen
wid = gui.VBox(width=300, height=200, margin='0px auto')
lbl = gui.Label('Hello %s!' % name, width='80%', height='50%')
lbl.style['margin'] = 'auto'
#bt = gui.Button('Press me!', width=200, height=30)
bt = gui.Button('Turn lights ON', width=200, height=30)
bt.style['margin'] = 'auto 50px'
# setting the listener for the onclick event of the button
self.npressed = 0
# connect to the arduino, read the default startup output
# and set all the lights to be off
self.ser = serial.Serial('/dev/ttyACM0', 57600, timeout=1)
hello = self.ser.readline()
hello = self.ser.readline()
self.ser.write(b'm42')
bt.set_on_click_listener(self.on_button_pressed, lbl)
bt.set_on_mousedown_listener(self.on_button_mousedown, 'data1', 2,
'three')
self.colorPicker = gui.ColorPicker('#ffbb00',
width=200,
height=20,
margin='10px')
self.colorPicker.set_on_change_listener(self.color_picker_changed, lbl)
#this will never be called, can't register an event more than one time
bt.set_on_mouseup_listener(self.on_button_mouseup, 'data1')
self.slider = gui.Slider(128,
0,
255,
1,
width=200,
height=20,
margin='10px')
self.slider.set_on_change_listener(self.slider_changed)
# appending a widget to another, the first argument is a string key
wid.append(lbl)
wid.append(bt)
wid.append(self.colorPicker)
wid.append(self.slider)
# returning the root widget
return wid
def menu_dialog_clicked(self):
self.dialog = gui.GenericDialog(
title='Dialog Box',
message='Click Ok to transfer content to main page')
self.dialog.style['width'] = '300px'
self.dtextinput = gui.TextInput(width=200, height=30)
self.dtextinput.set_value('Initial Text')
self.dialog.add_field_with_label('dtextinput', 'Text Input',
self.dtextinput)
self.dcheck = gui.CheckBox(False, width=200, height=30)
self.dialog.add_field_with_label('dcheck', 'Label Checkbox',
self.dcheck)
values = ('Danny Young', 'Christine Holand', 'Lars Gordon',
'Roberto Robitaille')
self.dlistView = gui.ListView(width=200, height=120)
for key, value in enumerate(values):
self.dlistView.append(value, key=str(key))
self.dialog.add_field_with_label('dlistView', 'Listview',
self.dlistView)
self.ddropdown = gui.DropDown(width=200, height=20)
c0 = gui.DropDownItem('DropDownItem 0', width=200, height=20)
c1 = gui.DropDownItem('DropDownItem 1', width=200, height=20)
self.ddropdown.append(c0)
self.ddropdown.append(c1)
self.ddropdown.set_value('Value1')
self.dialog.add_field_with_label('ddropdown', 'Dropdown',
self.ddropdown)
self.dspinbox = gui.SpinBox(min=0, max=5000, width=200, height=20)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dspinbox', 'Spinbox', self.dspinbox)
self.dslider = gui.Slider(10, 0, 100, 5, width=200, height=20)
self.dspinbox.set_value(50)
self.dialog.add_field_with_label('dslider', 'Slider', self.dslider)
self.dcolor = gui.ColorPicker(width=200, height=20)
self.dcolor.set_value('#ffff00')
self.dialog.add_field_with_label('dcolor', 'Colour Picker',
self.dcolor)
self.ddate = gui.Date(width=200, height=20)
self.ddate.set_value('2000-01-01')
self.dialog.add_field_with_label('ddate', 'Date', self.ddate)
self.dialog.set_on_confirm_dialog_listener(self, 'dialog_confirm')
self.dialog.show(self)
def main(self):
verticalContainer = gui.Widget(width=540)
verticalContainer.style['display'] = 'block'
verticalContainer.style['overflow'] = 'hidden'
horizontalContainer = gui.Widget(width='100%', layout_orientation=gui.Widget.LAYOUT_HORIZONTAL, margin='0px')
horizontalContainer.style['display'] = 'block'
horizontalContainer.style['overflow'] = 'auto'
subContainerLeft = gui.Widget(width=320)
subContainerLeft.style['display'] = 'block'
subContainerLeft.style['overflow'] = 'auto'
subContainerLeft.style['text-align'] = 'center'
self.img = gui.Image('/res/logo.png', width=100, height=100, margin='10px')
self.img.set_on_click_listener(self, 'on_img_clicked')
self.table = gui.Table(width=300, height=200, margin='10px')
self.table.from_2d_matrix([['ID', 'First Name', 'Last Name'],
['101', 'Danny', 'Young'],
['102', 'Christine', 'Holand'],
['103', 'Lars', 'Gordon'],
['104', 'Roberto', 'Robitaille'],
['105', 'Maria', 'Papadopoulos']])
# the arguments are width - height - layoutOrientationOrizontal
subContainerRight = gui.Widget()
subContainerRight.style['width'] = '220px'
subContainerRight.style['display'] = 'block'
subContainerRight.style['overflow'] = 'auto'
subContainerRight.style['text-align'] = 'center'
self.count = 0
self.counter = gui.Label('', width=200, height=30, margin='10px')
self.lbl = gui.Label('This is a LABEL!', width=200, height=30, margin='10px')
self.bt = gui.Button('Press me!', width=200, height=30, margin='10px')
# setting the listener for the onclick event of the button
self.bt.set_on_click_listener(self, 'on_button_pressed')
self.txt = gui.TextInput(width=200, height=30, margin='10px')
self.txt.set_text('This is a TEXTAREA')
self.txt.set_on_change_listener(self, 'on_text_area_change')
self.spin = gui.SpinBox(100, width=200, height=30, margin='10px')
self.spin.set_on_change_listener(self, 'on_spin_change')
self.check = gui.CheckBoxLabel('Label checkbox', True, width=200, height=30, margin='10px')
self.check.set_on_change_listener(self, 'on_check_change')
self.btInputDiag = gui.Button('Open InputDialog', width=200, height=30, margin='10px')
self.btInputDiag.set_on_click_listener(self, 'open_input_dialog')
self.btFileDiag = gui.Button('File Selection Dialog', width=200, height=30, margin='10px')
self.btFileDiag.set_on_click_listener(self, 'open_fileselection_dialog')
self.btUploadFile = gui.FileUploader('./', width=200, height=30, margin='10px')
self.btUploadFile.set_on_success_listener(self, 'fileupload_on_success')
self.btUploadFile.set_on_failed_listener(self, 'fileupload_on_failed')
items = ('Danny Young','Christine Holand','Lars Gordon','Roberto Robitaille')
self.listView = gui.ListView.new_from_list(items, width=300, height=120, margin='10px')
self.listView.set_on_selection_listener(self, "list_view_on_selected")
self.link = gui.Link("http://localhost:8081", "A link to here", width=200, height=30, margin='10px')
self.dropDown = gui.DropDown(width=200, height=20, margin='10px')
c0 = gui.DropDownItem('DropDownItem 0', width=200, height=20)
c1 = gui.DropDownItem('DropDownItem 1', width=200, height=20)
self.dropDown.append(c0)
self.dropDown.append(c1)
self.dropDown.set_on_change_listener(self, 'drop_down_changed')
self.dropDown.set_value('DropDownItem 0')
self.slider = gui.Slider(10, 0, 100, 5, width=200, height=20, margin='10px')
self.slider.set_on_change_listener(self, 'slider_changed')
self.colorPicker = gui.ColorPicker('#ffbb00', width=200, height=20, margin='10px')
self.colorPicker.set_on_change_listener(self, 'color_picker_changed')
self.date = gui.Date('2015-04-13', width=200, height=20, margin='10px')
self.date.set_on_change_listener(self, 'date_changed')
self.video = gui.VideoPlayer('http://www.w3schools.com/tags/movie.mp4',
'http://www.oneparallel.com/wp-content/uploads/2011/01/placeholder.jpg',
width=300, height=270, margin='10px')
# appending a widget to another, the first argument is a string key
subContainerRight.append(self.counter)
subContainerRight.append(self.lbl)
subContainerRight.append(self.bt)
subContainerRight.append(self.txt)
subContainerRight.append(self.spin)
subContainerRight.append(self.check)
subContainerRight.append(self.btInputDiag)
subContainerRight.append(self.btFileDiag)
# use a defined key as we replace this widget later
fdownloader = gui.FileDownloader('download test', '../remi/res/logo.png', width=200, height=30, margin='10px')
subContainerRight.append(fdownloader, key='file_downloader')
subContainerRight.append(self.btUploadFile)
subContainerRight.append(self.dropDown)
subContainerRight.append(self.slider)
subContainerRight.append(self.colorPicker)
subContainerRight.append(self.date)
self.subContainerRight = subContainerRight
subContainerLeft.append(self.img)
subContainerLeft.append(self.table)
subContainerLeft.append(self.listView)
subContainerLeft.append(self.link)
subContainerLeft.append(self.video)
horizontalContainer.append(subContainerLeft)
horizontalContainer.append(subContainerRight)
menu = gui.Menu(width='100%', height='30px')
m1 = gui.MenuItem('File', width=100, height=30)
m2 = gui.MenuItem('View', width=100, height=30)
m2.set_on_click_listener(self, 'menu_view_clicked')
m11 = gui.MenuItem('Save', width=100, height=30)
m12 = gui.MenuItem('Open', width=100, height=30)
m12.set_on_click_listener(self, 'menu_open_clicked')
m111 = gui.MenuItem('Save', width=100, height=30)
m111.set_on_click_listener(self, 'menu_save_clicked')
m112 = gui.MenuItem('Save as', width=100, height=30)
m112.set_on_click_listener(self, 'menu_saveas_clicked')
m3 = gui.MenuItem('Dialog', width=100, height=30)
m3.set_on_click_listener(self, 'menu_dialog_clicked')
menu.append(m1)
menu.append(m2)
menu.append(m3)
m1.append(m11)
m1.append(m12)
m11.append(m111)
m11.append(m112)
menubar = gui.MenuBar(width='100%', height='30px')
menubar.append(menu)
verticalContainer.append(menubar)
verticalContainer.append(horizontalContainer)
# kick of regular display of counter
self.display_counter()
# returning the root widget
return verticalContainer
def test_init(self):
widget = gui.ColorPicker()
assertValidHTML(widget.repr())
def main(self):
# the margin 0px auto centers the main container
verticalContainer = gui.Container(width=540, margin='0px auto', style={'display': 'block', 'overflow': 'hidden'})
horizontalContainer = gui.Container(width='100%', layout_orientation=gui.Container.LAYOUT_HORIZONTAL, margin='0px', style={'display': 'block', 'overflow': 'auto'})
subContainerLeft = gui.Container(width=320, style={'display': 'block', 'overflow': 'auto', 'text-align': 'center'})
self.img = gui.Image('/res:logo.png', height=100, margin='10px')
self.img.onclick.do(self.on_img_clicked)
self.table = gui.Table.new_from_list([('ID', 'First Name', 'Last Name'),
('101', 'Danny', 'Young'),
('102', 'Christine', 'Holand'),
('103', 'Lars', 'Gordon'),
('104', 'Roberto', 'Robitaille'),
('105', 'Maria', 'Papadopoulos')], width=300, height=200, margin='10px')
self.table.on_table_row_click.do(self.on_table_row_click)
# the arguments are width - height - layoutOrientationOrizontal
subContainerRight = gui.Container(style={'width': '220px', 'display': 'block', 'overflow': 'auto', 'text-align': 'center'})
self.count = 0
self.counter = gui.Label('', width=200, height=30, margin='10px')
self.lbl = gui.Label('This is a LABEL!', width=200, height=30, margin='10px')
self.bt = gui.Button('Press me!', width=200, height=30, margin='10px')
# setting the listener for the onclick event of the button
self.bt.onclick.do(self.on_button_pressed)
self.txt = gui.TextInput(width=200, height=30, margin='10px')
self.txt.set_text('This is a TEXTAREA')
self.txt.onchange.do(self.on_text_area_change)
self.spin = gui.SpinBox(1, 0, 100, width=200, height=30, margin='10px')
self.spin.onchange.do(self.on_spin_change)
self.progress = gui.Progress(1, 100, width=200, height=5)
self.check = gui.CheckBoxLabel('Label checkbox', True, width=200, height=30, margin='10px')
self.check.onchange.do(self.on_check_change)
self.btInputDiag = gui.Button('Open InputDialog', width=200, height=30, margin='10px')
self.btInputDiag.onclick.do(self.open_input_dialog)
self.btFileDiag = gui.Button('File Selection Dialog', width=200, height=30, margin='10px')
self.btFileDiag.onclick.do(self.open_fileselection_dialog)
self.btUploadFile = gui.FileUploader('./', width=200, height=30, margin='10px')
self.btUploadFile.onsuccess.do(self.fileupload_on_success)
self.btUploadFile.onfailed.do(self.fileupload_on_failed)
items = ('Danny Young','Christine Holand','Lars Gordon','Roberto Robitaille')
self.listView = gui.ListView.new_from_list(items, width=300, height=120, margin='10px')
self.listView.onselection.do(self.list_view_on_selected)
self.link = gui.Link("http://localhost:8081", "A link to here", width=200, height=30, margin='10px')
self.dropDown = gui.DropDown.new_from_list(('DropDownItem 0', 'DropDownItem 1'),
width=200, height=20, margin='10px')
self.dropDown.onchange.do(self.drop_down_changed)
self.dropDown.select_by_value('DropDownItem 0')
self.slider = gui.Slider(10, 0, 100, 5, width=200, height=20, margin='10px')
self.slider.onchange.do(self.slider_changed)
self.colorPicker = gui.ColorPicker('#ffbb00', width=200, height=20, margin='10px')
self.colorPicker.onchange.do(self.color_picker_changed)
self.date = gui.Date('2015-04-13', width=200, height=20, margin='10px')
self.date.onchange.do(self.date_changed)
self.video = gui.Widget( _type='iframe', width=290, height=200, margin='10px')
self.video.attributes['src'] = "https://drive.google.com/file/d/0B0J9Lq_MRyn4UFRsblR3UTBZRHc/preview"
self.video.attributes['width'] = '100%'
self.video.attributes['height'] = '100%'
self.video.attributes['controls'] = 'true'
self.video.style['border'] = 'none'
self.tree = gui.TreeView(width='100%', height=300)
ti1 = gui.TreeItem("Item1")
ti2 = gui.TreeItem("Item2")
ti3 = gui.TreeItem("Item3")
subti1 = gui.TreeItem("Sub Item1")
subti2 = gui.TreeItem("Sub Item2")
subti3 = gui.TreeItem("Sub Item3")
subti4 = gui.TreeItem("Sub Item4")
subsubti1 = gui.TreeItem("Sub Sub Item1")
subsubti2 = gui.TreeItem("Sub Sub Item2")
subsubti3 = gui.TreeItem("Sub Sub Item3")
self.tree.append([ti1, ti2, ti3])
ti2.append([subti1, subti2, subti3, subti4])
subti4.append([subsubti1, subsubti2, subsubti3])
# appending a widget to another, the first argument is a string key
subContainerRight.append([self.counter, self.lbl, self.bt, self.txt, self.spin, self.progress, self.check, self.btInputDiag, self.btFileDiag])
# use a defined key as we replace this widget later
fdownloader = gui.FileDownloader('download test', '../remi/res/logo.png', width=200, height=30, margin='10px')
subContainerRight.append(fdownloader, key='file_downloader')
subContainerRight.append([self.btUploadFile, self.dropDown, self.slider, self.colorPicker, self.date, self.tree])
self.subContainerRight = subContainerRight
subContainerLeft.append([self.img, self.table, self.listView, self.link, self.video])
horizontalContainer.append([subContainerLeft, subContainerRight])
menu = gui.Menu(width='100%', height='30px')
m1 = gui.MenuItem('File', width=100, height=30)
m2 = gui.MenuItem('View', width=100, height=30)
m2.onclick.do(self.menu_view_clicked)
m11 = gui.MenuItem('Save', width=100, height=30)
m12 = gui.MenuItem('Open', width=100, height=30)
m12.onclick.do(self.menu_open_clicked)
m111 = gui.MenuItem('Save', width=100, height=30)
m111.onclick.do(self.menu_save_clicked)
m112 = gui.MenuItem('Save as', width=100, height=30)
m112.onclick.do(self.menu_saveas_clicked)
m3 = gui.MenuItem('Dialog', width=100, height=30)
m3.onclick.do(self.menu_dialog_clicked)
menu.append([m1, m2, m3])
m1.append([m11, m12])
m11.append([m111, m112])
menubar = gui.MenuBar(width='100%', height='30px')
menubar.append(menu)
verticalContainer.append([menubar, horizontalContainer])
#this flag will be used to stop the display_counter Timer
self.stop_flag = False
# kick of regular display of counter
self.display_counter()
# returning the root widget
return verticalContainer
def main(self):
verticalContainer = gui.Widget(640, 680, gui.Widget.LAYOUT_VERTICAL,
10)
horizontalContainer = gui.Widget(620, 620,
gui.Widget.LAYOUT_HORIZONTAL, 10)
subContainerLeft = gui.Widget(340, 530, gui.Widget.LAYOUT_VERTICAL, 10)
self.img = gui.Image(100, 100, './res/logo.png')
self.table = gui.Table(300, 200)
row = gui.TableRow()
item = gui.TableTitle()
item.append(str(id(item)), 'ID')
row.append(str(id(item)), item)
item = gui.TableTitle()
item.append(str(id(item)), 'First Name')
row.append(str(id(item)), item)
item = gui.TableTitle()
item.append(str(id(item)), 'Last Name')
row.append(str(id(item)), item)
self.table.append(str(id(row)), row)
self.add_table_row(self.table, '101', 'Danny', 'Young')
self.add_table_row(self.table, '102', 'Christine', 'Holand')
self.add_table_row(self.table, '103', 'Lars', 'Gordon')
self.add_table_row(self.table, '104', 'Roberto', 'Robitaille')
self.add_table_row(self.table, '105', 'Maria', 'Papadopoulos')
# the arguments are width - height - layoutOrientationOrizontal
subContainerRight = gui.Widget(240, 560, gui.Widget.LAYOUT_VERTICAL,
10)
self.lbl = gui.Label(200, 30, 'This is a LABEL!')
self.bt = gui.Button(200, 30, 'Press me!')
# setting the listener for the onclick event of the button
self.bt.set_on_click_listener(self, 'on_button_pressed')
self.txt = gui.TextInput(200, 30)
self.txt.set_text('This is a TEXTAREA')
self.txt.set_on_change_listener(self, 'on_text_area_change')
self.spin = gui.SpinBox(200, 30, 100)
self.spin.set_on_change_listener(self, 'on_spin_change')
self.btInputDiag = gui.Button(200, 30, 'Open InputDialog')
self.btInputDiag.set_on_click_listener(self, 'open_input_dialog')
self.btFileDiag = gui.Button(200, 30, 'File Selection Dialog')
self.btFileDiag.set_on_click_listener(self,
'open_fileselection_dialog')
self.btUploadFile = gui.FileUploader(200, 30, './')
self.btUploadFile.set_on_success_listener(self,
'fileupload_on_success')
self.btUploadFile.set_on_failed_listener(self, 'fileupload_on_failed')
self.listView = gui.ListView(300, 120)
self.listView.set_on_selection_listener(self, "list_view_on_selected")
li0 = gui.ListItem(279, 20, 'Danny Young')
li1 = gui.ListItem(279, 20, 'Christine Holand')
li2 = gui.ListItem(279, 20, 'Lars Gordon')
li3 = gui.ListItem(279, 20, 'Roberto Robitaille')
self.listView.append('0', li0)
self.listView.append('1', li1)
self.listView.append('2', li2)
self.listView.append('3', li3)
self.dropDown = gui.DropDown(200, 20)
c0 = gui.DropDownItem(200, 20, 'DropDownItem 0')
c1 = gui.DropDownItem(200, 20, 'DropDownItem 1')
self.dropDown.append('0', c0)
self.dropDown.append('1', c1)
self.dropDown.set_on_change_listener(self, 'drop_down_changed')
self.dropDown.set_value('DropDownItem 0')
self.slider = gui.Slider(200, 20, 10, 0, 100, 5)
self.slider.set_on_change_listener(self, 'slider_changed')
self.colorPicker = gui.ColorPicker(200, 20, '#ffbb00')
self.colorPicker.set_on_change_listener(self, 'color_picker_changed')
self.date = gui.Date(200, 20, '2015-04-13')
self.date.set_on_change_listener(self, 'date_changed')
# appending a widget to another, the first argument is a string key
subContainerRight.append('1', self.lbl)
subContainerRight.append('2', self.bt)
subContainerRight.append('3', self.txt)
subContainerRight.append('4', self.spin)
subContainerRight.append('5', self.btInputDiag)
subContainerRight.append('5_', self.btFileDiag)
subContainerRight.append(
'5__',
gui.FileDownloader(200, 30, 'download test',
'../remi/res/logo.png'))
subContainerRight.append('5___', self.btUploadFile)
subContainerRight.append('6', self.dropDown)
subContainerRight.append('7', self.slider)
subContainerRight.append('8', self.colorPicker)
subContainerRight.append('9', self.date)
self.subContainerRight = subContainerRight
subContainerLeft.append('0', self.img)
subContainerLeft.append('1', self.table)
subContainerLeft.append('2', self.listView)
horizontalContainer.append('0', subContainerLeft)
horizontalContainer.append('1', subContainerRight)
menu = gui.Menu(620, 30)
m1 = gui.MenuItem(100, 30, 'File')
m2 = gui.MenuItem(100, 30, 'View')
m2.set_on_click_listener(self, 'menu_view_clicked')
m11 = gui.MenuItem(100, 30, 'Save')
m12 = gui.MenuItem(100, 30, 'Open')
m12.set_on_click_listener(self, 'menu_open_clicked')
m111 = gui.MenuItem(100, 30, 'Save')
m111.set_on_click_listener(self, 'menu_save_clicked')
m112 = gui.MenuItem(100, 30, 'Save as')
m112.set_on_click_listener(self, 'menu_saveas_clicked')
menu.append('1', m1)
menu.append('2', m2)
m1.append('11', m11)
m1.append('12', m12)
m11.append('111', m111)
m11.append('112', m112)
verticalContainer.append('0', menu)
verticalContainer.append('1', horizontalContainer)
# returning the root widget
return verticalContainer
def main(self):
verticalContainer = gui.Widget(640, 900, gui.Widget.LAYOUT_VERTICAL,
10)
horizontalContainer = gui.Widget(620, 620,
gui.Widget.LAYOUT_HORIZONTAL, 10)
subContainerLeft = gui.Widget(340, 530, gui.Widget.LAYOUT_VERTICAL, 10)
self.img = gui.Image(100, 100, '/res/logo.png')
self.img.set_on_click_listener(self, 'on_img_clicked')
self.table = gui.Table(300, 200)
self.table.from_2d_matrix([['ID', 'First Name', 'Last Name'],
['101', 'Danny', 'Young'],
['102', 'Christine', 'Holand'],
['103', 'Lars', 'Gordon'],
['104', 'Roberto', 'Robitaille'],
['105', 'Maria', 'Papadopoulos']])
# the arguments are width - height - layoutOrientationOrizontal
subContainerRight = gui.Widget(240, 560, gui.Widget.LAYOUT_VERTICAL,
10)
self.count = 0
self.counter = gui.Label(200, 30, '')
self.lbl = gui.Label(200, 30, 'This is a LABEL!')
self.bt = gui.Button(200, 30, 'Press me!')
# setting the listener for the onclick event of the button
self.bt.set_on_click_listener(self, 'on_button_pressed')
self.txt = gui.TextInput(200, 30)
self.txt.set_text('This is a TEXTAREA')
self.txt.set_on_change_listener(self, 'on_text_area_change')
self.spin = gui.SpinBox(200, 30, 100)
self.spin.set_on_change_listener(self, 'on_spin_change')
self.check = gui.CheckBoxLabel(200, 30, 'Label checkbox', True)
self.check.set_on_change_listener(self, 'on_check_change')
self.btInputDiag = gui.Button(200, 30, 'Open InputDialog')
self.btInputDiag.set_on_click_listener(self, 'open_input_dialog')
self.btFileDiag = gui.Button(200, 30, 'File Selection Dialog')
self.btFileDiag.set_on_click_listener(self,
'open_fileselection_dialog')
self.btUploadFile = gui.FileUploader(200, 30, './')
self.btUploadFile.set_on_success_listener(self,
'fileupload_on_success')
self.btUploadFile.set_on_failed_listener(self, 'fileupload_on_failed')
self.listView = gui.ListView(300, 120)
self.listView.set_on_selection_listener(self, "list_view_on_selected")
li0 = gui.ListItem(279, 20, 'Danny Young')
li1 = gui.ListItem(279, 20, 'Christine Holand')
li2 = gui.ListItem(279, 20, 'Lars Gordon')
li3 = gui.ListItem(279, 20, 'Roberto Robitaille')
self.listView.append('0', li0)
self.listView.append('1', li1)
self.listView.append('2', li2)
self.listView.append('3', li3)
self.link = gui.Link(200, 20, "http://localhost:8081",
"A link to here")
self.dropDown = gui.DropDown(200, 20)
c0 = gui.DropDownItem(200, 20, 'DropDownItem 0')
c1 = gui.DropDownItem(200, 20, 'DropDownItem 1')
self.dropDown.append('0', c0)
self.dropDown.append('1', c1)
self.dropDown.set_on_change_listener(self, 'drop_down_changed')
self.dropDown.set_value('DropDownItem 0')
self.slider = gui.Slider(200, 20, 10, 0, 100, 5)
self.slider.set_on_change_listener(self, 'slider_changed')
self.colorPicker = gui.ColorPicker(200, 20, '#ffbb00')
self.colorPicker.set_on_change_listener(self, 'color_picker_changed')
self.date = gui.Date(200, 20, '2015-04-13')
self.date.set_on_change_listener(self, 'date_changed')
self.video = gui.VideoPlayer(
480, 270, 'http://www.w3schools.com/tags/movie.mp4',
'http://www.oneparallel.com/wp-content/uploads/2011/01/placeholder.jpg'
)
# appending a widget to another, the first argument is a string key
subContainerRight.append('0', self.counter)
subContainerRight.append('1', self.lbl)
subContainerRight.append('2', self.bt)
subContainerRight.append('3', self.txt)
subContainerRight.append('4', self.spin)
subContainerRight.append('checkbox', self.check)
subContainerRight.append('5', self.btInputDiag)
subContainerRight.append('5_', self.btFileDiag)
subContainerRight.append(
'5__',
gui.FileDownloader(200, 30, 'download test',
'../remi/res/logo.png'))
subContainerRight.append('5___', self.btUploadFile)
subContainerRight.append('6', self.dropDown)
subContainerRight.append('7', self.slider)
subContainerRight.append('8', self.colorPicker)
subContainerRight.append('9', self.date)
self.subContainerRight = subContainerRight
subContainerLeft.append('0', self.img)
subContainerLeft.append('1', self.table)
subContainerLeft.append('2', self.listView)
subContainerLeft.append('3', self.link)
subContainerLeft.append('4', self.video)
horizontalContainer.append('0', subContainerLeft)
horizontalContainer.append('1', subContainerRight)
menu = gui.Menu(620, 30)
m1 = gui.MenuItem(100, 30, 'File')
m2 = gui.MenuItem(100, 30, 'View')
m2.set_on_click_listener(self, 'menu_view_clicked')
m11 = gui.MenuItem(100, 30, 'Save')
m12 = gui.MenuItem(100, 30, 'Open')
m12.set_on_click_listener(self, 'menu_open_clicked')
m111 = gui.MenuItem(100, 30, 'Save')
m111.set_on_click_listener(self, 'menu_save_clicked')
m112 = gui.MenuItem(100, 30, 'Save as')
m112.set_on_click_listener(self, 'menu_saveas_clicked')
m3 = gui.MenuItem(100, 30, 'Dialog')
m3.set_on_click_listener(self, 'menu_dialog_clicked')
menu.append('1', m1)
menu.append('2', m2)
menu.append('3', m3)
m1.append('11', m11)
m1.append('12', m12)
m11.append('111', m111)
m11.append('112', m112)
menubar = gui.MenuBar(620, 30)
menubar.append('1', menu)
verticalContainer.append('0', menubar)
verticalContainer.append('1', horizontalContainer)
# kick of regular display of counter
self.display_counter()
# returning the root widget
return verticalContainer
def make_entry(self,field,field_spec,values):
# print 'make entry',self.field_index,field,field_spec
if self.col_row >= self.rows_in_col:
self.current_col=self.col_1
# print 'make entry',self.col_row, self.current_col
if field_spec['shape']=='tab':
width=len(field_spec['text'])*8+4
self.current_tab = self.tabview.add_tab(width,field_spec['name'],field_spec['text'])
# print 'make tab', field_spec['name']
self.current_tab.set_layout_orientation(gui.Widget.LAYOUT_HORIZONTAL)
self.col_0=gui.Widget(width=self.frame_width/2) #0
self.col_0.set_layout_orientation(gui.Widget.LAYOUT_VERTICAL)
self.col_1=gui.Widget(width=self.frame_width/2) #0
self.col_1.set_layout_orientation(gui.Widget.LAYOUT_VERTICAL)
self.current_tab.append(self.col_0,key='col_0')
self.current_tab.append(self.col_1,key='col_1')
self.current_col=self.col_0
self.col_row=1
# print '\nNEW TAB',self.col_row
self.tab_row=1
return None,None
elif field_spec['shape']=='sep':
self.current_col.append(gui.Label('',width=self.field_width,height=10))
self.tab_row+=1
self.col_row+=1
return None,None
else:
# print 'replace param in make entry',field
# print 'content', field, self.field_content[field]
# is it in the field content dictionary
if not field in self.field_content:
print "Value for field not found in opened file: " + field
return None,None
else:
# bodge - assumes only type is read only
if field_spec['read-only']=='yes':
obj=(gui.Label(self.field_content[field],width=self.field_width,height=20))
obj.style['font-weight']='bold'
elif field_spec['shape']in ('entry','browse','font','colour'):
obj=gui.TextInput(single_line=True,width=self.field_width,height=20)
obj.set_value(self.field_content[field])
elif field_spec['shape']=='text':
obj=gui.TextInput(width=self.field_width,height=110,single_line=False)
obj.set_value(self.field_content[field])
# extra lines
self.col_row+=5
elif field_spec['shape']=='spinbox':
print 'spinbox not implemented'
return None,None
elif field_spec['shape']=='option-menu':
obj=gui.DropDown(width=self.field_width,height=25)
for key, value in enumerate(values):
item=gui.DropDownItem(value,width=self.field_width,height=25)
obj.append(item, key=key)
obj.set_value(self.field_content[field])
else:
print"Uknown shape for: " + field
return None,None
# create buttons where required
if field_spec['shape']=='browse':
button=self.browse_button(20,20,'','browse_button',self.field_index,field_spec['text'])
elif field_spec['shape']=='colour':
if ColourMap().exists(self.field_content[field]) is True:
colour=ColourMap().lookup(self.field_content[field])
else:
colour=self.field_content[field]
button= gui.ColorPicker(colour,width=20, height=20)
button.set_on_change_listener(self.color_picker_changed)
else:
button=None
append_with_label(self.current_col,field_spec['text'],obj,button,width=self.col_width)
self.tab_row+=1
self.col_row+=1
return obj,button
