async def start_new_game(q: Q): q.client.game = Game(q.user.player.player_id) q.user.player.games[q.client.game.game_id] = q.client.game q.page['starting_game'] = ui.form_card( box='4 4 3 3', items=[ ui.text_l('I am thinking of a number between 1 and 100'), ui.text_m('can you guess what it is?'), ui.text_xs('Рађ'), ui.slider( name='guess', label='your guess', min=1, max=100, value=100, trigger=True, ), ui.text_xs('Рађ'), ui.buttons( items=[ ui.button(name='quit_game', label='Quit', primary=True) ], justify='center', ), ], ) await q.page.save()
async def serve(q: Q): if q.args.facepile: q.page['example'].items = [ ui.text_m(f'q.args.facepile={q.args.facepile}'), ui.button(name='back', label='Back', primary=True), ] elif q.args.facepile_value: q.page['example'].items = [ ui.text_m(f'q.args.facepile_value={q.args.facepile_value}'), ui.button(name='back', label='Back', primary=True), ] else: image = 'https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&h=750&w=1260' q.page['example'] = ui.form_card( box='1 1 2 2', items=[ ui.text(content='Add button sends true'), ui.facepile(name='facepile', max=4, items=[ ui.persona(title='John Doe', image=image), ui.persona(title='John Doe', image=image), ui.persona(title='John Doe'), ui.persona(title='John Doe', image=image), ui.persona(title='John Doe', image=image), ]), ui.text(content='Add button sends set value'), ui.facepile(name='facepile_value', value='submitted value', max=4, items=[ ui.persona(title='John Doe', image=image), ui.persona(title='John Doe', image=image), ui.persona(title='John Doe'), ui.persona(title='John Doe', image=image), ui.persona(title='John Doe', image=image), ]), ]) await q.page.save()
def render_tree_cards(q): logger.debug("Creating tree cards") for c in q.client.cards: del q.page[c] length = len(q.client.trees.trees) for i in range(length): client_tree = q.client.trees.trees[i] # for xl layouts should the card be on the first or second row if i < length / 2: xl_box = "top" else: xl_box = "bottom" # for medium layouts should the card be on the first, second, or third row if i < length / 3: m_box = "top" elif i < (length / 3 * 2): m_box = "middle" else: m_box = "bottom" q.page[client_tree.common_name] = ui.form_card( box=ui.boxes( ui.box("body", width="400px"), ui.box(m_box, width="400px"), ui.box(xl_box, width="400px"), ), items=[ ui.text_xl( f"{client_tree.common_name.title()}: {client_tree.family}" ), ui.text_m(f"Sightings this session: {client_tree.count}"), ui.button( name="increment_tree_count", label="Tree spotted!", value=client_tree.common_name, ), ], ) q.client.cards.append(client_tree.common_name)
async def make_welcome_card(q): q.page['hello'] = ui.form_card( box='4 4 3 3', items=[ ui.text_l(f'Hello {q.user.player.first.title()},'), ui.text_xs('Рађ'), ui.text_m('Do you want to play a guessing game?'), ui.text_xs('Рађ'), ui.buttons( items=[ ui.button('start_game', label='Play', primary=True), ui.button('leaderboard', label='View Scores', primary=False), ], justify='center', ), ], ) await q.page.save()
async def serve(q: Q): if not q.client.initialized: q.page['example'] = ui.form_card( box='1 1 4 10', items=[ ui.text_xl(content='First text'), ui.text_l(content='Second text'), ui.text_m(content='Third text'), ui.text_s(content='Fourth text'), ui.inline([ ui.button(name='left1', label='Left1'), ui.button(name='left2', label='Left2'), ui.button(name='left3', label='Left3'), ]), ui.buttons(justify='end', items=[ ui.button(name='right1', label='Right1'), ui.button(name='right2', label='Right2'), ui.button(name='right3', label='Right3'), ]), ui.buttons(items=[ ui.button(name='show', label='Show'), ui.button(name='hide', label='Hide') ]) ]) q.client.initialized = True items = q.page['example'].items items_to_hide = [ items[0].text_xl, items[2].text_m, items[4].inline.items[0].button, items[5].buttons.items[2].button, ] if q.args.hide: for i in items_to_hide: i.visible = False if q.args.show: for i in items_to_hide: i.visible = True await q.page.save()
async def serve(q: Q): q.page['example'] = ui.form_card(box='1 1 4 10', items=[ ui.text_xl(content='Extra-large text, for headings.'), ui.text_l(content='Large text, for sub-headings.'), ui.text_m(content='Body text, for paragraphs and other content.'), ui.text_s(content='Small text, for small print.'), ui.text_xs(content='Extra-small text, for really small print.'), ui.separator(label='A separator sections forms'), ui.progress(label='A progress bar'), ui.progress(label='A progress bar'), ui.message_bar(type='success', text='Message bar'), ui.textbox(name='textbox', label='Textbox'), ui.label(label='Checkboxes'), ui.checkbox(name='checkbox1', label='A checkbox'), ui.checkbox(name='checkbox1', label='Another checkbox'), ui.checkbox(name='checkbox1', label='Yet another checkbox'), ui.toggle(name='toggle', label='Toggle'), ui.choice_group(name='choice_group', label='Choice group', choices=[ ui.choice(name=x, label=x) for x in ['Egg', 'Bacon', 'Spam'] ]), ui.checklist(name='checklist', label='Checklist', choices=[ ui.choice(name=x, label=x) for x in ['Egg', 'Bacon', 'Spam'] ]), ui.dropdown(name='dropdown', label='Dropdown', choices=[ ui.choice(name=x, label=x) for x in ['Egg', 'Bacon', 'Spam'] ]), ui.dropdown(name='dropdown', label='Multi-valued Dropdown', values=[], choices=[ ui.choice(name=x, label=x) for x in ['Egg', 'Bacon', 'Spam'] ]), ui.combobox(name='combobox', label='Combobox', choices=['Choice 1', 'Choice 2', 'Choice 3']), ui.slider(name='slider', label='Slider'), ui.range_slider(name='range_slider', label='Range slider', max=99), ui.spinbox(name='spinbox', label='Spinbox'), ui.date_picker(name='date_picker', label='Date picker'), ui.color_picker(name='color_picker', label='Color picker'), ui.buttons([ ui.button(name='primary_button', label='Primary', primary=True), ui.button(name='standard_button', label='Standard'), ui.button(name='standard_disabled_button', label='Standard', disabled=True), ]), ui.file_upload(name='file_upload', label='File upload'), ui.table(name='table', columns=[ ui.table_column(name='col1', label='Column 1'), ui.table_column(name='col2', label='Column 2'), ], rows=[ ui.table_row(name='row1', cells=['Text A', 'Text B']), ui.table_row(name='row2', cells=['Text C', 'Text D']), ui.table_row(name='row3', cells=['Text E', 'Text F']), ]), ui.link(label='Link'), ui.tabs(name='tabs', items=[ ui.tab(name='email', label='Mail', icon='Mail'), ui.tab(name='events', label='Events', icon='Calendar'), ui.tab(name='spam', label='Spam'), ]), ui.expander(name='expander', label='Expander'), ui.frame(path='https://example.com'), ui.markup(content=html), ui.template( content=menu, data=pack(dict(dishes=[ dict(name='Spam', price='$2.00'), dict(name='Ham', price='$3.45'), dict(name='Eggs', price='$1.75'), ])) ), ui.picker(name='picker', label='Picker', choices=[ ui.choice('choice1', label='Choice 1'), ui.choice('choice2', label='Choice 2'), ui.choice('choice3', label='Choice 3'), ]), ui.stepper(name='stepper', items=[ ui.step(label='Step 1', icon='MailLowImportance'), ui.step(label='Step 2', icon='TaskManagerMirrored'), ui.step(label='Step 3', icon='Cafe'), ]), ui.visualization( plot=ui.plot([ui.mark(type='interval', x='=product', y='=price', y_min=0)]), data=data(fields='product price', rows=[(c, x) for c, x, _ in [f.next() for _ in range(n)]], pack=True), ), ui.vega_visualization( specification=spec, data=data(fields=["a", "b"], rows=[ ["A", rnd()], ["B", rnd()], ["C", rnd()], ["D", rnd()], ["E", rnd()], ["F", rnd()], ["G", rnd()], ["H", rnd()], ["I", rnd()] ], pack=True), ), ui.button(name='show_inputs', label='Submit', primary=True), ]) await q.page.save()
# Form / Text / Sizes # Use text size variants to display formatted text using predefined font sizes. # --- from h2o_wave import site, ui page = site['/demo'] page['example'] = ui.form_card( box='1 1 4 -1', items=[ ui.separator('Separator'), ui.text_xl('Extra large text'), ui.text_l('Large text'), ui.text('Normal text'), ui.text_m('Medium text'), ui.text_s('Small text'), ui.text_xs('Extra small text'), # Using `ui.text()` with a `size` argument produces similar results: ui.separator('Separator'), ui.text('Extra large text', size=ui.TextSize.XL), ui.text('Large text', size=ui.TextSize.L), ui.text('Normal text'), ui.text('Medium text', size=ui.TextSize.M), ui.text('Small text', size=ui.TextSize.S), ui.text('Extra small text', size=ui.TextSize.XS), ], ) page.save()
async def run_app(q: Q): if q.args.start_game: if q.args.submit_game: q.client.game.is_public = True q.app.games[q.client.game.game_id] = q.client.game del q.page['leaderboard'] del q.page['hello'] await start_new_game(q) elif q.args.quit_game: del q.page['starting_game'] await make_welcome_card(q) elif q.args.guess: message = q.client.game.guess(q.args.guess) if message == 'You Got It!': q.page['starting_game'].items = [ ui.text_l( f'ЪЈЁ ЪјЅ Ъјѓ You Got It, The number is **{q.client.game.number}**' ), ui.text_m( f'You made **{len(q.client.game.guesses)}** guesses in'), ui.text_m(f'{q.client.game.game_time()}.'), ui.toggle( name='submit_game', label='Submit your game to Public Scoreboard', trigger=False, ), ui.text_xs('Рађ'), ui.buttons( items=[ ui.button( name='leaderboard', label='View Scores', primary=True, ), ui.button( name='start_game', label='Play Again', primary=False, ), ], justify='center', ), ] else: previous_guesses = [str(x) for x in q.client.game.guesses] if len(previous_guesses) > 16: previous_guesses = previous_guesses[-16:] previous_guesses[0] = '...' guesses_str = ", ".join(previous_guesses) q.page['starting_game'].items = [ ui.text_l(message), ui.text_m(guesses_str), ui.text_xs('Рађ'), ui.slider( name='guess', label='your guess', min=1, max=100, value=q.args.guess, trigger=True, ), ui.text_xs('Рађ'), ui.buttons( items=[ ui.button(name='quit_game', label='Quit', primary=True) ], justify='center', ), ] elif q.args.leaderboard: if q.args.submit_game: q.client.game.is_public = True q.app.games[q.client.game.game_id] = q.client.game del q.page['starting_game'] await show_leaderboard(q) elif q.args.private_leaderboard: await show_private_leaderboard(q) await q.page.save()