def __init__(self):
self.pre = Pre(
'{}',
style={
'background-color': 'lightgrey',
},
)
self.nodes = [
Div(
Div(
Button('None Node Event', _id='non-node-event'),
Button('Node Event', _id='node-event'),
style={
'float': 'left',
'width': '50%',
},
),
Div(
self.pre,
style={
'float': 'left',
'width': '50%',
},
),
),
]
def handle_request(self, request, name='blank'):
message = Div('View not started yet')
log = Div()
start = Button('Start')
start_daemonized = Button('Start daemonized')
html = Div(
H2('Daemonized View (name={})'.format(name)),
message,
log,
start,
start_daemonized,
)
input_event = self.await_input_event(html=html)
if input_event.node == start_daemonized:
self.daemonize()
message.set_text('View started daemonized')
else:
message.set_text('View started normal')
for i in range(15):
log.set_text('Counting ({}/15)'.format(i + 1))
self.show(html)
self.sleep(1)
message.set_text('View stopped')
self.show(html)
def handle_request(self, request):
request_data = {
'GET': request.GET,
'POST': request.POST,
}
message = Div()
html = HTML(
H2('Form View'),
Pre(pformat(request_data)),
Button('Interactive GET', _id='interactive-get'),
Button('Interactive POST', _id='interactive-post'),
Br(),
Button('Non Interactive GET', _id='non-interactive-get'),
Button('Non Interactive POST', _id='non-interactive-post'),
)
input_event = self.await_click(html=html)
action = '.'
method = 'post'
if (input_event.node_has_id('non-interactive-get')
or input_event.node_has_id('interactive-get')):
method = 'get'
html = HTML(
H2('Form View'),
message,
Form(
TextInput(name='text'),
Submit('Submit'),
method=method,
action=action,
),
)
if (input_event.node_has_id('non-interactive-get')
or input_event.node_has_id('non-interactive-post')):
message.set_text('View stopped')
return html
else:
message.set_text('View waits for input events')
self.await_input_event(html=html)
def handle_request(self, request):
try:
html = HTML(
H2('Async View'),
Div(),
Br(),
Button('Sleep forever', _id='sleep-forever'),
Button('Await short running coroutine',
_id='await-short-running-coroutine'),
Button('Await long running coroutine',
_id='await-long-running-coroutine'),
Button('Show HTML', _id='show-html'),
Button('Crash', _id='crash'),
)
input_event = self.await_input_event(html=html)
if input_event.node_has_id('sleep-forever'):
html[1].set_text('Sleeping forever')
self.show(html)
self.sleep(300)
elif input_event.node_has_id('await-short-running-coroutine'):
return_value = self.await_sync(short_running_coroutine())
html[1].set_text(
'short_running_coroutine() returned {}'.format(
repr(return_value)))
self.show(html)
elif input_event.node_has_id('await-long-running-coroutine'):
html[1].set_text('running long_running_coroutine()')
self.show(html)
self.await_sync(long_running_coroutine())
elif input_event.node_has_id('show-html'):
self.await_sync(show_html(self))
return html
finally:
print('>> async view stopped')
def handle_request(self, request):
self.stop_at = None
self.console = Pre(style={
'background-color': 'lightgrey',
}, )
html = HTML(
H2('Event Bubbling'),
Div(
'Stop Event at ',
SelectNode(
OptionNode(
'---',
value='',
selected=True,
),
OptionNode(
'handle_input_event_root',
value='handle_input_event_root',
),
OptionNode(
'Widget 1',
value='Widget 1',
),
OptionNode(
'Widget 2',
value='Widget 2',
),
OptionNode(
'Widget 3',
value='Widget 3',
),
OptionNode(
'handle_input_event',
value='handle_input_event',
),
events=[CHANGE],
),
), self.console, Button('Click Me'),
BubblingWidget(
self, 'Widget 1',
BubblingWidget(self, 'Widget 2',
BubblingWidget(
self,
'Widget 3',
))))
while True:
input_event = self.await_input_event(html=html)
self.print('>> view.handle_request {}'.format(repr(input_event)))
def handle_request(self, request):
self.message = Div('Nothing clicked yet')
self.html = HTML(
H2('Class Based View'), self.message, Br(),
Button('handle_input_event_root()', _id='handle_input_event_root'),
Button('handle_input_event()', _id='handle_input_event'),
Button('handle_request()', _id='handle_request'), Br(),
Button('Stop View', _id='stop_view'))
while True:
input_event = self.await_click(
self.html[-3],
self.html[-1],
html=self.html,
)
if input_event.node == self.html[-1]:
self.message.set_text('View Stopped')
self.show(self.html)
return
self.message.set_text('handled by handle_request()')
def __init__(self, view, text, *nodes):
self.text = text
self.view = view
self.nodes = [
Div(
style={
'padding': '0px 5px 5px 10px',
'border': '1px solid black',
'margin-top': '10px',
},
nodes=[
P(text),
Button('Click Me'),
*nodes,
],
),
]
def handle_request(self, request):
now = Span()
self.message = Div('Button not clicked')
self.button = Button('Button')
self.html = Div(
H2('HTML Tree Locking View'),
Div(Strong('Now: '), now),
Br(),
self.message,
self.button,
)
while True:
now.set_text(datetime.now())
self.show(self.html)
self.sleep(1)
def handle_request(self, request):
message = Div('Button not clicked')
button = Button('Click me!')
html = HTML(
H1('Click the button!'),
message,
button,
)
self.show(html)
# this call blocks until the button was clicked
input_event = self.await_click(button)
if input_event.node == button:
message.set_text('Button clicked')
return html
def handle_request(self, request):
now = Span()
self.message = Div('Button not clicked')
self.button = Button('Button')
self.html = Div(
H2('Server State Locking View'),
Div(Strong('Now: '), now),
Br(),
self.message,
self.button,
)
while True:
self.server.state['now'] = str(datetime.now())
now.set_text(self.server.state['now'])
self.show(self.html)
self.sleep(1)
def handle_request(self, request):
self.topic = request.match_info.get('topic', '')
# setup state
self.state = None
with request.server.state.lock:
if 'multi-user-chat' not in request.server.state:
request.server.state['multi-user-chat'] = {}
if self.topic not in request.server.state['multi-user-chat']:
request.server.state['multi-user-chat'][self.topic] = {
'user': [],
'messages': [],
}
self.state = request.server.state['multi-user-chat'][self.topic]
# setup user list
if self.request.user not in self.state['user']:
self.state['user'].append(self.request.user)
# setup history
messages = self.state['messages']
self.history = Div()
for message in messages:
self.add_message_to_history(message, show=False)
# setup html
self.user_list = Div()
self.text_area = TextArea()
self.html = HTML(H1('Multi User Chat'),
H2('Topic: {}'.format(self.topic
or '(blank)')), self.user_list,
Hr(), self.history, Hr(), self.text_area,
Button('Send', _id='send'))
for view_object in self.iter_objects():
if view_object.topic != self.topic:
continue
view_object.update_user_list()
# main loop (waiting for messages)
while True:
self.show(self.html)
self.await_click()
message = (
str(self.request.user),
self.text_area.value,
)
with self.state.lock:
self.state['messages'].append(message, )
for view_object in self.iter_objects():
if view_object.topic != self.topic:
continue
view_object.add_message_to_history(message)
def __init__(self):
self.nodes = [
Button('Crash in widget'),
]
def handle_request(self, request):
handle_request_button = Button(
'Crash in handle_request()',
_id='handle_request',
)
handle_input_event_button = Button(
'Crash in handle_input_event()',
_id='handle_input_event',
)
handle_input_event_button.hide()
html = HTML(
H2('Crashing Event Handler'),
Div(),
Button('Start refresh loop', _id='refresh-loop'),
Button('Stop view', _id='stop-view'),
Br(),
Br(),
handle_request_button,
Button(
'Crash in handle_input_event_root()',
_id='handle_input_event_root',
),
handle_input_event_button,
CrashWidget(),
)
input_event = self.await_input_event(html=html)
if input_event.node_has_id('handle_request'):
raise ValueError('Success! Crash in handle_request()')
handle_request_button.hide()
handle_input_event_button.show()
if input_event.node_has_id('stop-view'):
return html
if input_event.node_has_id('refresh-loop'):
while True:
html[1].set_text(str((datetime.now())))
self.show(html)
self.sleep(1)
def handle_request(self, request):
check_box = CheckBox(bubble_up=True)
text_input = TextInput(bubble_up=True)
select = Select(
values=[
('', '---'),
('option-a', 'Option A', True),
('option-b', 'Option B', False),
],
bubble_up=True,
)
select_multiple = Select(
values=[
('option-a', 'Option A', True),
('option-b', 'Option B', False),
('option-c', 'Option C'),
],
bubble_up=True,
multiple=True,
)
text_area = TextArea(bubble_up=True)
pre = Pre(
'{}',
style={
'background-color': 'lightgrey',
},
)
html = HTML(
H2('Databinding'),
Div(
Div(
Div(check_box),
Div(text_input),
Div(select),
Div(select_multiple),
Div(text_area),
style={
'float': 'left',
'width': '50%',
},
),
Div(
pre,
Button('Set texts', _id='set-texts'),
Button('Daemonize', _id='daemonize'),
Button('Stop', _id='stop'),
style={
'float': 'left',
'width': '50%',
},
),
),
)
while True:
input_event = self.await_input_event(html=html)
if input_event.node_has_id('set-texts'):
text_input.value = 'test'
text_area.value = 'test'
elif input_event.node_has_id('daemonize'):
self.daemonize()
elif input_event.node_has_id('stop'):
return 'View Stopped'
else:
pre.set_text(
pformat({
'check_box': check_box.value,
'text_input': text_input.value,
'select': select.value,
'select_multiple': select_multiple.value,
'text_area': text_area.value,
}))