def show_layout(self):
self.pg = Page('pg', 'Popup Example')
self.pop = Popup(
'pop',
socketio,
'Test Title',
buttons=
'<input type="button" onclick="w2popup.close();" value="Close" />',
show_max=True,
show_close=True,
modal=True,
body='<span>This message for you to show in popup widow!</span>',
on_close_callback=self.pop_closed,
on_keydown_callback=self.pop_key_pressed,
on_max_callback=self.pop_max,
on_min_callback=self.pop_min,
on_open_callback=self.pop_open,
on_toggle_callback=self.pop_toggled)
self.bt_open = Button('bt_open',
'Open',
socketio,
click_callback=self.button_open)
self.sg = SimpleGridLayout('sg', 1, 1)
self.sg.add(self.bt_open)
self.pg.add(self.pop)
self.pg.add(self.sg)
return self.pg.render()
def show_layout(self):
self.pg = Page('myPage', 'My Page')
self.sgl = SimpleGridLayout('sgl', 1, 6)
self.bt_tgl = Button('bt_tgl', 'Toggle', socketio, click_callback=self.grid_col_callback)
self.bt_add = Button('bt_add', 'Add Record', socketio, click_callback=self.grid_add_rec_callback)
self.bt_sel_all = Button('bt_sel_all', 'Select All', socketio, click_callback=self.grid_sel_all_callback)
self.bt_unsel_all = Button('bt_unsel_all', 'Unselect All', socketio,
click_callback=self.grid_unsel_all_callback)
self.bt_sel = Button('bt_sel', 'Select', socketio, click_callback=self.grid_sel_callback)
self.bt_unsel = Button('bt_unsel', 'UnSelect', socketio, click_callback=self.grid_unsel_callback)
self.sgl.add(self.bt_tgl)
self.sgl.add(self.bt_add)
self.sgl.add(self.bt_sel_all)
self.sgl.add(self.bt_unsel_all)
self.sgl.add(self.bt_sel)
self.sgl.add(self.bt_unsel)
self.pg.add(self.sgl)
self.g_col1 = GridColumn('fname', 'First Name', 50)
self.g_col2 = GridColumn('lname', 'Last Name', 50)
self.g_column_coll = GridColumnCollection()
self.g_column_coll.add(self.g_col1)
self.g_column_coll.add(self.g_col2)
self.g_rec1 = GridRecord()
self.g_rec1.add_cell("fname", "Ajeet")
self.g_rec1.add_cell("lname", "Singh")
self.g_rec2 = GridRecord()
self.g_rec2.add_cell("fname", "Armin")
self.g_rec2.add_cell("lname", "Kaur")
self.g_record_coll = GridRecordCollection()
self.g_record_coll.add(self.g_rec1)
self.g_record_coll.add(self.g_rec2)
self.grid = Grid('grid', 'My Table', self.g_column_coll, socketio, row_collection=self.g_record_coll,
toolbar=True, footer=True, line_numbers=True, select_column=True,
multi_select=True, toolbarAdd=True, toolbarDelete=True,
toolbarSave=True, toolbarEdit=True)
self.pg.add(self.grid)
content = self.pg.render()
return content
def show_layout(self):
pg = Page('myPage', 'My Page')
# self.ctx_item1 = ContextMenuItem('Item1', "function(item, ref, ele, pos){alert(item);}")
# self.ctx_item2 = ContextMenuItem('Item2', "function(item, ref, ele, pos){}")
# self.ctx_item21 = ContextMenuItem('Item2-1', "function(item, ref, ele, pos){}")
# self.ctx_item22 = ContextMenuItem('Item2-2', "function(item, ref, ele, pos){}")
# self.ctx_item2.add('Item2-1', self.ctx_item21)
# self.ctx_item2.add('Item2-2', self.ctx_item22)
# self.ctx_item3 = ContextMenuItem('Item3', "function(item, ref, ele, pos){}")
self.tree = JSTree('tree',
plugin_contextmenu=True,
plugin_dnd=True,
plugin_search=True,
plugin_unique=True,
plugin_checkbox=True,
core_chk_callbk_create_node=True,
core_chk_callbk_rename_node=True,
core_chk_callbk_edit=True,
core_chk_callbk_delete_node=True,
core_chk_callbk_copy_node=True,
core_chk_callbk_move_node=True,
app=app)
self.tree.on_open_node_event(self.tree_node_opened)
self.tree.on_before_open_event(self.tree_node_opened)
# self.tree.add_ctx_menu_item('Item1', self.ctx_item1)
# self.tree.add_ctx_menu_item('Item2', self.ctx_item2)
# self.tree.add_ctx_menu_item('Item3', self.ctx_item3)
self.tree_node_type = JSTreeNodeType('tree_node_type', max_depth=10)
self.tree.add_node_type('tree_node_type', self.tree_node_type)
self.node1 = JSTreeNode('node1', 'Node 1', is_opened=True)
self.node2 = JSTreeNode('node2', 'Node 2')
self.node3 = JSTreeNode('node3', 'Node 3')
self.tree.add(self.node1)
self.node1.add(self.node2)
self.node1.add(self.node3)
# self.pop = Popup('pop', 'Test Title', app=app,
# buttons='<input type="button" onclick="w2popup.close();" value="Close" />',
# show_max=True, show_close=True, modal=True,
# body='<span>This message for you to show in popup widow!</span>')
# self.frm_text = FormFieldText('frm_text', caption='Text Field', required=True)
# self.frm_alpha = FormFieldAlpha('frm_alpha', caption='Alphanum Field')
# self.frm_dt = FormFieldDate('frm_dt', caption='Date Field', required=True)
# self.frm_lst = FormFieldList('frm_lst', caption='List Field', options=True, items=['abc', 'def', 'ghi'])
# self.frm_enm = FormFieldEnum('frm_enm', caption='Enum Field', options=True, items=['abc', 'def', 'ghi'])
# self.frm_sel = FormFieldSelect('frm_sel', caption='Select Field', options=True, items=['abc', 'def', 'ghi'])
# self.frm = Form('frm', app=app, submit_callback=self.w2ui_form_submitted)
# self.frm.add(self.frm_text)
# self.frm.add(self.frm_alpha)
# self.frm.add(self.frm_dt)
# self.frm.add(self.frm_lst)
# self.frm.add(self.frm_enm)
# self.frm.add(self.frm_sel)
# self.sidebar = Sidebar('sidebar', flatButton=True, app=app, onclick_callback=self.sidebar_clicked)
# self.sidebar.add_style("height", "100%")
# self.sidebar.add_style("width", "100%")
# self.s_node1 = SidebarNode('s_node1', text='Level1', expanded=True, group=True)
# self.s_node11 = SidebarNode('s_node11', text='Level1-1', is_leaf=True)
# self.s_node12 = SidebarNode('s_node12', text='Level1-2', is_leaf=True)
# self.s_node13 = SidebarNode('s_node13', text='Level1-3', is_leaf=True)
# self.s_node2 = SidebarNode('s_node2', text='Level2', expanded=True, group=True)
# self.s_node21 = SidebarNode('s_node21', text='Level2-1', expanded=True)
# self.s_node211 = SidebarNode('s_node211', text='Level2-1-1', is_leaf=True)
# self.s_node212 = SidebarNode('s_node212', text='Level2-1-2', is_leaf=True)
# self.s_node213 = SidebarNode('s_node213', text='Level2-1-3', is_leaf=True)
# self.s_node22 = SidebarNode('s_node22', text='Level2-2', is_leaf=True)
# self.s_node23 = SidebarNode('s_node23', text='Level2-3', is_leaf=True)
# self.s_node1.add(self.s_node11)
# self.s_node1.add(self.s_node12)
# self.s_node1.add(self.s_node13)
# self.s_node2.add(self.s_node21)
# self.s_node21.add(self.s_node211)
# self.s_node21.add(self.s_node212)
# self.s_node21.add(self.s_node213)
# self.s_node2.add(self.s_node22)
# self.s_node2.add(self.s_node23)
# self.sidebar.add(self.s_node1)
# self.sidebar.add(self.s_node2)
# self.toolbar = Toolbar('MyBar', onclick_callback=self.toolbar_clicked, app=app)
# self.tool_btn1 = ToolbarButton('tool_btn1', 'Button1', icon='fa-star')
# self.tool_btn2 = ToolbarButton('tool_btn2', 'Button2', icon='fa-heart')
# self.tool_sep = ToolbarSeparator('tool_sep', 'Sep')
# self.tool_rd1 = ToolbarRadio('tool_rd1', 'Radio1', group='A')
# self.tool_rd2 = ToolbarRadio('tool_rd2', 'Radio2', group='A')
# self.tool_chk1 = ToolbarCheck('tool_chk1', 'Checkbox')
# self.tool_menu = ToolbarMenu('tool_menu', 'Menu', count=2)
# self.tool_menu.add_item('Item1', '', count=1)
# self.tool_menu.add_item('Item2', '', count=1)
# self.tool_menu_rd = ToolbarMenuRadio('tool_menu_rd', 'MenuRadio')
# self.tool_menu_rd.add_item('rd1', 'Radio1')
# self.tool_menu_rd.add_item('rd2', 'Radio2')
# self.tool_menu_rd.add_item('rd3', 'Radio3')
# self.tool_menu_chk = ToolbarMenuCheck('tool_menu_chk', 'MenuCheck')
# self.tool_menu_chk.add_item('ck1', 'Check1')
# self.tool_menu_chk.add_item('ck2', 'Check2')
# self.tool_menu_chk.add_item('ck3', 'Check3')
# self.tool_dd = ToolbarDropDown('tool_dd', "<p>My name is Singh...Ajeet Singh!!", "Drop")
# self.tool_html = ToolbarHTML('tool_html', '<span>Name:</span><input type="text" id="smid" />', title='abc')
# self.toolbar.add(self.tool_btn1)
# self.toolbar.add(self.tool_sep)
# self.toolbar.add(self.tool_btn2)
# self.toolbar.add(self.tool_rd1)
# self.toolbar.add(self.tool_rd2)
# self.toolbar.add(self.tool_chk1)
# self.toolbar.add(self.tool_menu)
# self.toolbar.add(self.tool_menu_rd)
# self.toolbar.add(self.tool_menu_chk)
# self.toolbar.add(self.tool_dd)
# self.toolbar.add(self.tool_html)
# pg.add(self.toolbar)
# self.g_col1 = GridColumn('fname', 'First Name', 50)
# self.g_col2 = GridColumn('lname', 'Last Name', 50)
# self.g_column_coll = GridColumnCollection()
# self.g_column_coll.add(self.g_col1)
# self.g_column_coll.add(self.g_col2)
# self.g_rec1 = GridRecord()
# self.g_rec1.add_cell("fname", "Ajeet")
# self.g_rec1.add_cell("lname", "Singh")
# self.g_rec2 = GridRecord()
# self.g_rec2.add_cell("fname", "Armin")
# self.g_rec2.add_cell("lname", "Kaur")
# self.g_record_coll = GridRecordCollection()
# self.g_record_coll.add(self.g_rec1)
# self.g_record_coll.add(self.g_rec2)
# self.grid = Grid('grid', 'My Table', self.g_column_coll, row_collection=self.g_record_coll,
# toolbar=True, footer=True, line_numbers=True, select_column=True,
# multi_select=True, app=app, toolbarAdd=True, toolbarDelete=True,
# toolbarSave=True, toolbarEdit=True)
# self.frm = Form('frm', app=app, submit_callback=self.form_submitted)
sg = SimpleGridLayout("Grid", 1, 2, col_ratio=["20%", "80%"])
sg.add_style("height", "500px")
sg.add_style("width", "100%")
sg.add(self.tree)
sg1 = SimpleGridLayout('Grid1', 6, 2)
sg1.add_style("height", "500px")
sg1.add_style("width", "100%")
sg.add(sg1)
self.btn_js_open_all = Button('btn_js_open_all',
'Open All',
onclick_callback=self._modify_tree_open,
app=app)
self.btn_js_close_all = Button(
'btn_js_close_all',
'Close All',
onclick_callback=self._modify_tree_close,
app=app)
self.btn_js_hide_all = Button('btn_js_hide_all',
'Hide All',
onclick_callback=self._modify_tree_hide,
app=app)
self.btn_js_show_all = Button('btn_js_show_all',
'Show All',
onclick_callback=self._modify_tree_show,
app=app)
self.btn_js_sel_all = Button('btn_js_sel_all',
'Select All',
onclick_callback=self._modify_tree_sel,
app=app)
self.btn_js_desel_all = Button(
'btn_js_desel_all',
'Deselect All',
onclick_callback=self._modify_tree_unsel,
app=app)
self.btn_js_show_stripes = Button(
'btn_js_show_stripes',
'Show Stripes',
onclick_callback=self._modify_tree_show_stps,
app=app)
self.btn_js_hide_stripes = Button(
'btn_js_hide_stripes',
'Hide Stripes',
onclick_callback=self._modify_tree_hide_stps,
app=app)
self.btn_js_hide_chkbox = Button(
'btn_js_hide_chkbox',
'Hide Checkbox',
onclick_callback=self._modify_tree_hide_chk,
app=app)
self.btn_js_show_chkbox = Button(
'btn_js_show_chkbox',
'Show Checkbox',
onclick_callback=self._modify_tree_show_chk,
app=app)
self.btn_js_chk_all = Button(
'btn_js_chk_all',
'Check All',
onclick_callback=self._modify_tree_chk_all,
app=app)
self.btn_js_unchk_all = Button(
'btn_js_unchk_all',
'Uncheck All',
onclick_callback=self._modify_tree_unchk_all,
app=app)
sg1.add(self.btn_js_open_all)
sg1.add(self.btn_js_close_all)
sg1.add(self.btn_js_hide_all)
sg1.add(self.btn_js_show_all)
sg1.add(self.btn_js_sel_all)
sg1.add(self.btn_js_desel_all)
sg1.add(self.btn_js_show_stripes)
sg1.add(self.btn_js_hide_stripes)
sg1.add(self.btn_js_hide_chkbox)
sg1.add(self.btn_js_show_chkbox)
sg1.add(self.btn_js_chk_all)
sg1.add(self.btn_js_unchk_all)
# sg.add(self.sidebar)
# sg.add(self.grid)
# self.btn = Button('btn', 'Push', app=app, onclick_callback=self.change_btn_title)
# self.btn1 = Button('btn1', 'Populate', app=app, onclick_callback=self.populate_text)
# self.txt = TextBox('txt', app=app, onchange_callback=self.text_changed)
# self.chk = CheckBox('chk', "Checkbox text", app=app, onclick_callback=self.checkbox_clicked)
# self.clr = Color('clr', app=app, onchange_callback=self.color_changed)
# self.dt = Date('dt', min="2019-01-01", max="2020-12-31", app=app, onchange_callback=self.date_changed)
# self.dtl = DateTimeLocal('dtl', app=app, onchange_callback=self.datetime_changed)
# self.eml = Email('eml', app=app, onchange_callback=self.email_changed)
# self.fl = File('fl', app=app, onchange_callback=self.file_changed)
# self.img = Image('img', url_for('static', filename='images.jpeg'), app=app,
# onclick_callback=self.image_clicked)
# self.mth = Month('mth', app=app, onchange_callback=self.month_changed)
# self.num = Number('num', app=app, onchange_callback=self.numb_changed)
# self.passwd = Password('passwd', app=app, onchange_callback=self.pass_changed)
# self.rd = Radio('rd', "Radio Text", app=app, onclick_callback=self.radio_clicked)
# self.rng = Range('rng', app=app, onchange_callback=self.range_changed)
# sg.add(self.btn)
# sg.add(self.btn1)
# sg.add(self.txt)
# sg.add(self.chk)
# sg.add(self.clr)
# sg.add(self.dt)
# sg.add(self.dtl)
# sg.add(self.eml)
# sg.add(self.fl)
# sg.add(self.img)
# sg.add(self.mth)
# sg.add(self.num)
# sg.add(self.passwd)
# sg.add(self.rd)
# sg.add(self.rng)
pg.add(sg)
# self.lbl1 = Label('lbl1', 'TextBox Label:', self.txt)
# self.dd = DropDown('dd', app=app, onchange_callback=self.dd_changed)
# self.dd.add_option('a', 'A', False)
# self.dd.add_option('b', 'B', False)
# self.dd.add_option('c', 'C', False)
# self.lbl2 = Label('lbl2', 'DropDown Label:', self.dd, app=app, onclick_callback=self.lbl_clicked)
# self.frm.add(self.lbl1)
# self.frm.add(self.txt)
# self.frm.add(self.lbl2)
# self.frm.add(self.dd)
# pg.add(self.frm)
# self.acrd = Accordion('acrd', collapsible=True)
# self.sec1 = Section('sec1', 'Section1', app=app, onclick_callback=self.section_clicked)
# self.sec2 = Section('sec2', 'Section2', app=app, onclick_callback=self.section_clicked)
# self.acrd.add(self.sec1)
# self.acrd.add(self.sec2)
# self.rbg = RadioButtonGroup('rbg', "RadioBtn Group", self.rbg_items,
# app=app, onclick_callback=self.rbg_clicked)
# self.cbg = CheckBoxGroup('cbg', "CheckBox Group", self.cbg_items,
# app=app, onclick_callback=self.cbg_clicked)
# self.dlg = DialogBox('dlg', 'My Dialog', DialogTypes.MODAL_CONFIRM, app=app)
# self.dlg_btn = Button('dlg_btn', "Open Dialog", app=app, onclick_callback=self.open_dialog)
# pg.add(self.acrd)
# pg.add(self.rbg)
# pg.add(self.cbg)
# pg.add(self.dlg)
# pg.add(self.dlg_btn)
# self.menu = Menu('menu', menu_type=MenuTypes.HORIZONTAL)
# self.m_menu_itm1 = MenuItem('m_menu_itm1', 'Item1', app=app,
# menu_clicked_callback=self.menu_clicked, icon='ui-icon-disk')
# self.m_menu_itm2 = MenuItem('m_menu_itm2', 'Item2', app=app,
# menu_clicked_callback=self.menu_clicked, icon='ui-icon-zoomin')
# self.m_submenu_itm3 = SubMenu('m_submenu_itm3', 'Item3')
# self.m_menu_itm4 = MenuItem('m_menu_itm4', 'Item4', app=app, menu_clicked_callback=self.menu_clicked)
# self.sm_menu_itm1 = MenuItem('sm_menu_itm1', 'SubItem1', app=app,
# menu_clicked_callback=self.menu_clicked, icon='ui-icon-play')
# self.sm_menu_itm2 = MenuItem('sm_menu_itm2', 'SubItem2', app=app,
# menu_clicked_callback=self.menu_clicked, icon='ui-icon-stop')
# self.m_submenu_itm3.add(self.sm_menu_itm1)
# self.m_submenu_itm3.add(self.sm_menu_itm2)
# self.menu.add(self.m_menu_itm1)
# self.menu.add(self.m_menu_itm2)
# self.menu.add(self.m_submenu_itm3)
# self.menu.add(self.m_menu_itm4)
# pg.add(self.menu)
# self.sld = Slider('sld', slider_changed_callback=self.slider_changed, app=app)
# pg.add(self.sld)
# self.spn = Spinner('spn', app=app, onchange_callback=self.spinner_changed, number_format="C")
# pg.add(self.spn)
# self.tab = Tab('tab', app=app, tab_activated_callback=self.tab_clicked)
# self.tab_sec1 = TabSection('tab_sec1', 'Tab1')
# self.tab_sec2 = TabSection('tab_sec2', 'Tab2')
# self.tab.add(self.tab_sec1)
# self.tab.add(self.tab_sec2)
# pg.add(self.tab)
# pg.add(self.frm)
# pg.add(self.pop)
content = pg.render()
return content
class W2UIPage:
pg = None
pop = None
bt_open = None
sg = None
def show_layout(self):
self.pg = Page('pg', 'Popup Example')
self.pop = Popup(
'pop',
socketio,
'Test Title',
buttons=
'<input type="button" onclick="w2popup.close();" value="Close" />',
show_max=True,
show_close=True,
modal=True,
body='<span>This message for you to show in popup widow!</span>',
on_close_callback=self.pop_closed,
on_keydown_callback=self.pop_key_pressed,
on_max_callback=self.pop_max,
on_min_callback=self.pop_min,
on_open_callback=self.pop_open,
on_toggle_callback=self.pop_toggled)
self.bt_open = Button('bt_open',
'Open',
socketio,
click_callback=self.button_open)
self.sg = SimpleGridLayout('sg', 1, 1)
self.sg.add(self.bt_open)
self.pg.add(self.pop)
self.pg.add(self.sg)
return self.pg.render()
def pop_closed(self):
print("Popup Closed!")
def pop_key_pressed(self):
print("Popup Key Pressed!")
def pop_max(self):
print("Popup Maximized!")
def pop_min(self):
print("Popup Minimized!")
def pop_open(self):
print("Popup Opened!")
def pop_toggled(self):
print("Popup Toggled!")
def button_open(self, name, props):
print('Opening...')
self.pop.open()
time.sleep(10)
print('Closing...')
self.pop.close()
time.sleep(10)
print('Opening again...')
self.pop.open()
time.sleep(10)
print('Loading...')
self.pop.load('https://google.com')
time.sleep(10)
print('Closing again...')
self.pop.close()
time.sleep(10)
print('Opening again!')
self.pop.open()
time.sleep(10)
print('Locking up')
self.pop.lock("Popup Locked", True)
time.sleep(10)
print('Unlocking it')
self.pop.unlock()
time.sleep(10)
print('Locking screen...')
self.pop.lock_screen()
time.sleep(10)
print('Unlocking screen')
self.pop.unlock_screen()
time.sleep(10)
print('Closing again...')
self.pop.close()
time.sleep(10)
print('Opening again!')
self.pop.open()
time.sleep(10)
print('Maximizing')
self.pop.max()
time.sleep(10)
print('Minimizing')
self.pop.min()
time.sleep(10)
print('Resizing')
self.pop.resize(800, 800)
print('Done!')
def show_layout(self):
self.pg = Page('pg', 'Forms')
sg1 = SimpleGridLayout('sg1', 1, 3)
self.btn_btn = Button('btn_btn',
'My Button',
onclick_callback=self.btn_clicked,
app=app)
self.btn_enb_dsbl = Button('btn_enb_dsbl',
'Toggle Enable/Disable',
onclick_callback=self.btn_clicked,
app=app)
self.btn_title = Button('btn_title',
'Change Title',
onclick_callback=self.btn_clicked,
app=app)
sg1.add(self.btn_btn)
sg1.add(self.btn_enb_dsbl)
sg1.add(self.btn_title)
sg2 = SimpleGridLayout('sg2', 1, 4)
self.txt = TextBox('txt', app=app, onchange_callback=self.text_changed)
self.btn_txt_rd = Button('btn_txt_rd',
'Toggle ReadOnly',
app=app,
onclick_callback=self.btn_clicked)
self.btn_txt_enb_dsbl = Button('btn_txt_enb_dsbl',
'Toggle Enable/Disable',
app=app,
onclick_callback=self.btn_clicked)
sg2.add(Label('lbl_txt', 'Text', self.txt))
sg2.add(self.txt)
sg2.add(self.btn_txt_rd)
sg2.add(self.btn_txt_enb_dsbl)
sg3 = SimpleGridLayout('sg3', 1, 3)
self.chk = CheckBox('chk',
'CheckBox',
value="checkit",
onclick_callback=self.chk_clicked,
app=app)
self.btn_chk = Button('btn_chk',
'Toggle Checked',
app=app,
onclick_callback=self.btn_clicked)
self.btn_chk_dsbl = Button('btn_chk_dsbl',
'Toggle Disabled',
app=app,
onclick_callback=self.btn_clicked)
sg3.add(self.chk)
sg3.add(self.btn_chk)
sg3.add(self.btn_chk_dsbl)
sg4 = SimpleGridLayout('sg4', 1, 2)
self.clr = Color('clr', app=app, onchange_callback=self.clr_changed)
self.btn_clr_dsbl = Button('btn_clr_dsbl',
"Toggle Disabled",
app=app,
onclick_callback=self.btn_clicked)
sg4.add(self.clr)
sg4.add(self.btn_clr_dsbl)
sg5 = SimpleGridLayout('sg5', 1, 6)
self.dt = Date('dt', app=app, onchange_callback=self.dt_changed)
self.btn_dt_dsbl = Button('btn_dt_dsbl',
'Toggle Disable',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dt_rd = Button('btn_dt_rd',
'Toggle Readonly',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dt_min = Button('btn_dt_min',
'Change Min',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dt_max = Button('btn_dt_max',
'Change Max',
app=app,
onclick_callback=self.btn_clicked)
sg5.add(Label('lbl_sg5', 'Date', self.dt))
sg5.add(self.dt)
sg5.add(self.btn_dt_dsbl)
sg5.add(self.btn_dt_rd)
sg5.add(self.btn_dt_min)
sg5.add(self.btn_dt_max)
sg6 = SimpleGridLayout('sg6', 1, 6)
self.dtl = DateTimeLocal('dtl',
app=app,
onchange_callback=self.dt_changed)
self.btn_dtl_dsbl = Button('btn_dtl_dsbl',
'Toggle Disable',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dtl_rd = Button('btn_dtl_rd',
'Toggle Readonly',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dtl_min = Button('btn_dtl_min',
'Change Min',
app=app,
onclick_callback=self.btn_clicked)
self.btn_dtl_max = Button('btn_dtl_max',
'Change Max',
app=app,
onclick_callback=self.btn_clicked)
sg6.add(Label('lbl_sg6', 'DateTimeLocal', self.dtl))
sg6.add(self.dtl)
sg6.add(self.btn_dtl_dsbl)
sg6.add(self.btn_dtl_rd)
sg6.add(self.btn_dtl_min)
sg6.add(self.btn_dtl_max)
sg7 = SimpleGridLayout('sg7', 1, 4)
self.email = Email('email',
app=app,
onchange_callback=self.text_changed)
self.btn_eml_rd = Button('btn_eml_rd',
'Toggle ReadOnly',
app=app,
onclick_callback=self.btn_clicked)
self.btn_eml_enb_dsbl = Button('btn_eml_enb_dsbl',
'Toggle Enable/Disable',
app=app,
onclick_callback=self.btn_clicked)
sg7.add(Label('lbl_email', 'Email', self.email))
sg7.add(self.email)
sg7.add(self.btn_eml_rd)
sg7.add(self.btn_eml_enb_dsbl)
sg8 = SimpleGridLayout('sg8', 1, 3)
self._file = File('_file',
app=app,
onchange_callback=self.file_changed)
self.btn_fl_dsbl = Button('btn_fl_dsbl',
'Toggle Disable',
app=app,
onclick_callback=self.btn_clicked)
self.btn_fl_multi = Button('btn_fl_multi',
'Toggle Multiple',
app=app,
onclick_callback=self.btn_clicked)
sg8.add(self._file)
sg8.add(self.btn_fl_dsbl)
sg8.add(self.btn_fl_multi)
sg9 = SimpleGridLayout('sg9', 14, 2)
self.img = Image('img', 'src', app=app)
self.mth = Month('mth', app=app)
self.num = Number('num', app=app)
self.password = Password('password', app=app)
self.rd = Radio('rd', 'Radio', app=app)
self.rset = Reset('rset', 'Reset', app=app)
self.rng = Range('rng', app=app)
self.srch = Search('srch', app=app)
self.sbmt = Submit('sbmt', 'Submit', app=app)
self.tlph = Telephone('tlph', app=app)
self.time = Time('time', app=app)
self.url = URL('url', app=app)
self.week = Week('week', app=app)
self.dd = DropDown('dd', app=app)
self.dd.add_option('abc', 'ABC', True)
self.dd.add_option('def', 'DEF')
self.dd.add_option('ghi', 'GHI')
sg9.add(Label('lbl', 'Image', self.img))
sg9.add(self.img)
sg9.add(Label('lbl1', 'Month', self.mth))
sg9.add(self.mth)
sg9.add(Label('lbl', 'Number', self.num))
sg9.add(self.num)
sg9.add(Label('lbl', 'Password', self.password))
sg9.add(self.password)
sg9.add(Label('lbl', 'Radio', self.rd))
sg9.add(self.rd)
sg9.add(Label('lbl', 'Reset', self.rset))
sg9.add(self.rset)
sg9.add(Label('lbl', 'Range', self.rng))
sg9.add(self.rng)
sg9.add(Label('lbl', 'Search', self.srch))
sg9.add(self.srch)
sg9.add(Label('lbl', 'Submit', self.sbmt))
sg9.add(self.sbmt)
sg9.add(Label('lbl', 'Telephone', self.tlph))
sg9.add(self.tlph)
sg9.add(Label('lbl', 'Time', self.time))
sg9.add(self.time)
sg9.add(Label('lbl', 'Url', self.url))
sg9.add(self.url)
sg9.add(Label('lbl', 'Week', self.week))
sg9.add(self.week)
sg9.add(Label('dd_lbl', 'DropDown', self.dd))
sg9.add(self.dd)
self.frm = Form('frm',
app=app,
use_fieldset=True,
legend="Form",
on_form_submit=self.form_submitted)
self.frm.add(sg9)
self.pg.add(sg1)
self.pg.add(sg2)
self.pg.add(sg3)
self.pg.add(sg4)
self.pg.add(sg5)
self.pg.add(sg6)
self.pg.add(sg7)
self.pg.add(sg8)
self.pg.add(self.frm)
return self.pg.render()
def show_layout(self):
pg = Page('pg', 'Websocket')
sg = SimpleGridLayout('sg', 25, 2)
self.bt = Button('bt',
'Button',
socketio,
click_callback=self.btn_clicked)
self.bt1 = Button('bt1',
'Button 1',
socketio,
click_callback=self.btn1_clicked)
self.txt = TextBox('txt', socketio, change_callback=self.txt_changed)
self.chk = CheckBox('chk',
socketio,
title='My Checkbox',
click_callback=self.chk_clicked)
self.clr = Color('clr', socketio, change_callback=self.color_changed)
self.dt = Date('dt', socketio, change_callback=self.dt_changed)
self.dtl = DateTimeLocal('dtl',
socketio,
change_callback=self.dt_changed)
self.eml = Email('eml', socketio, change_callback=self.txt_changed)
self.fl = File('fl',
socketio,
change_callback=self.fl_changed,
click_callback=self.fl_clicked)
self.img = Image('img', '', socketio, click_callback=self.btn_clicked)
self.mth = Month('mth', socketio, change_callback=self.dt_changed)
self.num = Number('num', socketio, change_callback=self.txt_changed)
self.pswd = Password('pswd',
socketio,
change_callback=self.txt_changed)
self.rd = Radio('rd',
socketio,
click_callback=self.chk_clicked,
title="My Radio")
self.rng = Range('rng',
socketio,
min=0,
max=100,
change_callback=self.dt_changed)
self.rst = Reset('rst',
socketio,
title='Cancel',
click_callback=self.btn_clicked)
self.srch = Search('srch', socketio, change_callback=self.txt_changed)
self.sbmt = Submit('sbmt',
socketio,
title='Save',
click_callback=self.btn_clicked)
self.tel = Telephone('tel', socketio, change_callback=self.txt_changed)
self.time = Time('time', socketio, change_callback=self.dt_changed)
self.url = URL('url', socketio, change_callback=self.txt_changed)
self.week = Week('week', socketio, change_callback=self.dt_changed)
self.frm = Form('frm',
socketio,
use_fieldset=True,
legend="My Form",
submit_callback=self.frm_submitted)
self.frm_text = TextBox('frm_text', socketio)
self.lbox = ListBox('lbox',
socketio,
change_callback=self.dd_changed,
multiselect=True)
self.lbox.add_option('abc', 'ABC', False)
self.lbox.add_option('def', 'DEF', True)
self.lbox.add_option('ghi', 'GHI', False)
self.lbox.add_option('jkl', 'JKL', False)
self.lbox.add_option('mno', 'MNO', False)
self.lbox.add_option('pqr', 'PQR', False)
self.lbl = Label('lbl', 'My Label', self.lbox, socketio)
sg.add(Label('lb1', 'Button', self.bt, socketio))
sg.add(self.bt)
sg.add(Label('lb2', 'Button', self.bt1, socketio))
sg.add(self.bt1)
sg.add(Label('lb3', 'TextBox', self.txt, socketio))
sg.add(self.txt)
sg.add(Label('lb4', 'CheckBox', self.chk, socketio))
sg.add(self.chk)
sg.add(Label('lb5', 'Color', self.clr, socketio))
sg.add(self.clr)
sg.add(Label('lb6', 'Date', self.dt, socketio))
sg.add(self.dt)
sg.add(Label('lb7', 'DateTimeLocal', self.dtl, socketio))
sg.add(self.dtl)
sg.add(Label('lb8', 'Email', self.eml, socketio))
sg.add(self.eml)
sg.add(Label('lb9', 'File', self.fl, socketio))
sg.add(self.fl)
sg.add(Label('lb10', 'Image', self.img, socketio))
sg.add(self.img)
sg.add(Label('lb11', 'Month', self.mth, socketio))
sg.add(self.mth)
sg.add(Label('lb12', 'Number', self.num, socketio))
sg.add(self.num)
sg.add(Label('lb13', 'Password', self.pswd, socketio))
sg.add(self.pswd)
sg.add(Label('lb14', 'Radio', self.rd, socketio))
sg.add(self.rd)
sg.add(Label('lb15', 'Range', self.rng, socketio))
sg.add(self.rng)
sg.add(Label('lb16', 'Reset', self.rst, socketio))
sg.add(self.rst)
sg.add(Label('lb17', 'Search', self.srch, socketio))
sg.add(self.srch)
sg.add(Label('lb18', 'Submit', self.sbmt, socketio))
sg.add(self.sbmt)
sg.add(Label('lb19', 'Telephone', self.tel, socketio))
sg.add(self.tel)
sg.add(Label('lb20', 'Time', self.time, socketio))
sg.add(self.time)
sg.add(Label('lb21', 'URL', self.url, socketio))
sg.add(self.url)
sg.add(Label('lb22', 'Week', self.week, socketio))
sg.add(self.week)
sg.add(Label('lb23', 'Form', self.frm, socketio))
self.frm.add(self.frm_text)
sg.add(self.frm)
sg.add(Label('lb24', 'ListBox', self.lbox, socketio))
sg.add(self.lbox)
sg.add(Label('lb25', 'Label', self.lbl, socketio))
sg.add(self.lbl)
pg.add(sg)
return pg.render()