async def serve(q: Q):
hash = q.args['#']
if hash:
blurb = q.page['blurb']
if hash == 'menu/spam':
blurb.content = "Sorry, we're out of spam!"
elif hash == 'menu/ham':
blurb.content = "Sorry, we're out of ham!"
elif hash == 'menu/eggs':
blurb.content = "Sorry, we're out of eggs!"
elif hash == 'about':
blurb.content = 'Everything here is gluten-free!'
else:
q.page['nav'] = ui.tab_card(
box='1 1 4 1',
items=[
ui.tab(name='#menu/spam', label='Spam'),
ui.tab(name='#menu/ham', label='Ham'),
ui.tab(name='#menu/eggs', label='Eggs'),
ui.tab(name='#about', label='About'),
],
)
q.page['blurb'] = ui.markdown_card(
box='1 2 4 2',
title='Store',
content='Welcome to our store!',
)
await q.page.save()
async def initialize(q: Q):
# Initialize H2O-3 model and tests data set
churn_predictor.build_model(config.training_data_url, config.default_model)
churn_predictor.set_testing_data_frame(config.testing_data_url)
churn_predictor.predict()
q.app.header_png = await q.site.upload([config.image_path])
q.app.training_file_url = await q.site.upload([config.working_data])
q.page["title"] = ui.header_card(
box=config.boxes["banner"],
title=config.title,
subtitle=config.subtitle,
icon=config.icon,
icon_color=config.color,
)
q.page["nav_bar"] = ui.tab_card(
box=config.boxes["navbar"],
value=f'#{q.args["#"]}',
items=[
ui.tab(name="#profile", label="Customer Profiles"),
ui.tab(name="#tour", label="Application Code"),
],
)
q.page['meta'] = ui.meta_card(box='', title='Telcom Churn Analytics')
q.client.app_initialized = True
def card_navbar() -> ui.TabCard:
"""
Card for top navigation bar.
"""
card = ui.tab_card(box=box_nav_bar,
items=[
ui.tab(name='#home', label='Home'),
ui.tab(name='#data', label='People')
])
return card
def render_content_changes(q: Q):
q.page['sidebar'] = ui.form_card(
box='1 2 2 8',
items=[
ui.separator('Button Counting'),
ui.text(
f'This button has been **clicked in this browser session {q.client.count}** times!'
),
ui.text(
f'This button has been **clicked by you {q.user.count}** times!'
),
ui.text(f'This button has been **clicked {q.app.count}** times!'),
ui.buttons([ui.button(name='button', label='Click Me!')],
justify='center')
])
q.page['content'] = ui.form_card(
box='3 2 9 8',
items=[
ui.tabs(name='header_tabs',
value=q.client.tab,
items=[
ui.tab(name=t.lower(), label=t)
for t in ['Home', 'Learn More', 'Contact Us']
]),
ui.frame(
content=
f'This is the {q.client.tab} section, it is still in development.'
)
])
async def serve(q: Q):
if '#' in q.args:
hash_ = q.args['#']
q.page['tabs'] = ui.form_card(box='1 1 2 5', items=[
ui.text(f'#={hash_}'),
ui.button(name='show_tabs', label='Back', primary=True),
])
else:
q.page['tabs'] = ui.tab_card(
box='1 1 4 1',
items=[
ui.tab(name='#menu/spam', label='Spam'),
ui.tab(name='#menu/ham', label='Ham'),
ui.tab(name='#menu/eggs', label='Eggs'),
ui.tab(name='#about', label='About'),
],
)
await q.page.save()
async def serve(q: Q):
if not q.client.initialized:
q.client.tab = 'a'
q.page['tabs'] = ui.tab_card( # Initialize once
box='1 1 4 1',
items=[ui.tab(name=f'#{t}', label=t.upper()) for t in TABS])
q.client.initialized = True
if q.args['#']:
q.client.tab = str(q.args['#'])
await remove_cards(q)
await display_tab(q)
await q.page.save()
async def serve(q: Q):
content = 'Welcome to our store!'
location = q.args['#']
if location:
if location == 'menu/spam':
content = "Sorry, we're out of spam!"
elif location == 'menu/ham':
content = "Sorry, we're out of ham!"
elif location == 'menu/eggs':
content = "Sorry, we're out of eggs!"
elif location == 'about':
content = 'Everything here is gluten-free!'
if not q.client.initialized:
q.page['nav'] = ui.tab_card(
box='1 1 4 1',
items=[
ui.tab(name='#menu/spam', label='Spam'),
ui.tab(name='#menu/ham', label='Ham'),
ui.tab(name='#menu/eggs', label='Eggs'),
ui.tab(name='#about', label='About'),
],
value=f'#{location}' if location else None,
)
q.page['blurb'] = ui.markdown_card(
box='1 2 4 2',
title='Store',
content=content,
)
q.client.initialized = True
elif location:
blurb = q.page['blurb']
blurb.content = content
await q.page.save()
async def serve(q: Q):
hash = q.args['#']
if hash == 'form':
q.page['navigation'] = ui.form_card(box='1 1 -1 11', items=[
ui.table(
name='issues',
columns=columns,
rows=[ui.table_row(
name=issue.id,
cells=[issue.to_sid, issue.from_sid, issue.quote, issue.author,
issue.quote_category, issue.vote, str(issue.quote_length), str(issue.num_unique_words)]
) for issue in issues],
groupable=True,
downloadable=False,
resettable=True,
height='800px'
),
ui.button(name='show_tabs', label='Back', primary=True),
])
elif hash == 'home':
q.page['navigation'] = ui.form_card(box='1 1 4 -1', items=[
ui.text(sample_markdown),
ui.button(name='show_tabs', label='Back', primary=True),
])
else:
q.page['navigation'] = ui.tab_card(
box='1 1 4 1',
items=[
ui.tab(name='#home', label='Home'),
ui.tab(name='#form', label='Quote Table')
],
link = True,
)
await q.page.save()
ui.nav_item(name='#menu/spam', label='Spam'),
ui.nav_item(name='#menu/ham', label='Ham'),
ui.nav_item(name='#menu/eggs', label='Eggs'),
]),
ui.nav_group('Help',
items=[
ui.nav_item(name='#about', label='About'),
ui.nav_item(name='#support', label='Support'),
])
],
color='card',
)
page['header3'] = ui.header_card(
box='1 3 9 1',
title='Primary color header',
subtitle='And now for something completely different!',
icon='Cycling',
icon_color='$violet',
items=[ui.menu(icon='Add', items=commands)],
secondary_items=[
ui.tabs(name='menu',
value='email',
link=True,
items=[
ui.tab(name='email', label='Mail', icon='Mail'),
ui.tab(name='events', label='Events', icon='Calendar'),
ui.tab(name='spam', label='Spam', icon='Heart'),
]),
])
page.save()
##################################################################
##################################################################
item_csv = "item.csv"
manufacturer_csv = "manufacturer.csv"
supplier_csv = "supplier.csv"
p_id = 0
m_id = 0
s_id = 0
# !!!
# save tabs
tabs = [
ui.tab(name='#manufacturers', label='Manufacturers'),
ui.tab(name='#suppliers', label='Suppliers'),
ui.tab(name='#products', label='Products'),
]
## Define fixed variables
uom = ['Strips', 'Ampoules', 'Boxes', 'Litres']
consumption = ['daily', 'weekly', 'monthly']
############################## DEFINE CLASS
## Product class
class Products:
def __init__(
self, product: str, manufacturer: str, supplier: str
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()
async def show_mint_dashboard(q: Q):
q.page['meta'] = ui.meta_card(
box='',
layouts=[
ui.layout(breakpoint='xl',
width='1200px',
zones=[
ui.zone('header'),
ui.zone('main_section'),
ui.zone('overview',
direction=ui.ZoneDirection.ROW,
size='425px'),
ui.zone('tickers',
direction=ui.ZoneDirection.ROW,
size='175px'),
ui.zone('transactions_section'),
ui.zone('transactions',
direction=ui.ZoneDirection.ROW,
size='400px'),
ui.zone('footer'),
])
])
q.page['header'] = ui.header_card(box='header',
title='H2O Wave Demo',
subtitle='Mint Dashboard',
nav=global_nav)
q.page['main_section'] = ui.section_card(
box='main_section',
title=next(sample_title),
subtitle=next(sample_caption),
items=[
ui.tabs(
name='currency',
value='option0',
items=[
ui.tab(name=f'option{i}', label=next(sample_term))
for i in range(4)
],
)
],
)
trend_date = generate_time_series(60)
trend_price = generate_random_walk(2000, 8000, 0.2)
q.page['trends'] = ui.form_card(
box=ui.box('overview', order=1, size=4),
title=next(sample_title),
items=[
ui.inline(inset=True,
items=[
ui.checkbox(name='sent',
label=next(sample_term),
value=True),
ui.checkbox(name='received',
label=next(sample_term)),
ui.dropdown(name='distribution',
label='',
value='option0',
choices=[
ui.choice(name=f'option{i}',
label=next(sample_term))
for i in range(5)
]),
]),
ui.visualization(
plot=ui.plot([
ui.mark(type='line',
x_scale='time',
x='=date',
y='=price',
color='$mint',
curve=ui.MarkCurve.STEP),
]),
data=data(fields=['date', 'price'],
rows=[(next(trend_date), next(trend_price))
for i in range(60)],
pack=True),
height='215px',
),
ui.stats(items=[
ui.stat(label=next(sample_term), value=next(sample_percent)),
ui.stat(label=next(sample_term), value=next(sample_dollars)),
ui.stat(label=next(sample_term), value=next(sample_amount)),
ui.stat(label=next(sample_term), value=next(sample_percent)),
ui.stat(label=next(sample_term), value=next(sample_dollars)),
],
justify='between',
inset=True),
])
stock_dates = generate_time_series(300)
stock_prices = generate_random_walk()
q.page['exchange_rate'] = ui.tall_series_stat_card(
box=ui.box('overview', order=2),
title=next(sample_title),
value=next(sample_dollars),
aux_value=next(sample_amount),
plot_type=ui.TallSeriesStatCardPlotType.AREA,
plot_color='$mint',
plot_category='date',
plot_value='price',
plot_curve=ui.TallSeriesStatCardPlotCurve.STEP,
plot_zero_value=0,
plot_data=data(
fields=['date', 'price'],
rows=[(next(stock_dates), next(stock_prices)) for i in range(30)],
pack=True,
),
)
q.page['symbol1'] = ui.tall_series_stat_card(
box=ui.box('tickers', order=1),
title=next(sample_title),
value=next(sample_amount),
aux_value=next(sample_percent),
plot_type=ui.TallSeriesStatCardPlotType.AREA,
plot_color='$mint',
plot_category='date',
plot_value='price',
plot_curve=ui.TallSeriesStatCardPlotCurve.STEP,
plot_zero_value=0,
plot_data=data(
fields=['date', 'price'],
rows=[(next(stock_dates), next(stock_prices)) for i in range(30)],
pack=True,
),
)
q.page['symbol2'] = ui.tall_series_stat_card(
box=ui.box('tickers', order=2),
title=next(sample_title),
value=next(sample_percent),
aux_value=next(sample_title),
plot_type=ui.TallSeriesStatCardPlotType.AREA,
plot_color='$green',
plot_category='date',
plot_value='price',
plot_curve=ui.TallSeriesStatCardPlotCurve.STEP,
plot_zero_value=0,
plot_data=data(
fields=['date', 'price'],
rows=[(next(stock_dates), next(stock_prices)) for i in range(30)],
pack=True,
),
)
q.page['symbol3'] = ui.tall_series_stat_card(
box=ui.box('tickers', order=3),
title=next(sample_title),
value=next(sample_dollars),
aux_value=next(sample_percent),
plot_type=ui.TallSeriesStatCardPlotType.AREA,
plot_color='$mint',
plot_category='date',
plot_value='price',
plot_curve=ui.TallSeriesStatCardPlotCurve.STEP,
plot_zero_value=0,
plot_data=data(
fields=['date', 'price'],
rows=[(next(stock_dates), next(stock_prices)) for i in range(30)],
pack=True,
),
)
q.page['transactions_section'] = ui.section_card(
box='transactions_section',
title=next(sample_title),
subtitle=next(sample_caption),
items=[
ui.tabs(
name='time_period',
value='option0',
items=[
ui.tab(name=f'option{i}', label=next(sample_term))
for i in range(6)
],
link=True,
),
],
)
q.page['transactions'] = ui.stat_table_card(
box=ui.box('transactions', order=1, size=2),
title=next(sample_title),
subtitle=next(sample_caption),
columns=[next(sample_term) for i in range(4)],
items=[
ui.stat_table_item(label=next(sample_title),
caption=f'{random.randint(1, 5)} hours ago',
values=[
next(sample_percent),
next(sample_amount),
next(sample_dollars)
],
icon=next(sample_icon),
icon_color='$mint') for i in range(6)
])
q.page['market'] = ui.stat_list_card(
box=ui.box('transactions', order=2),
title=next(sample_title),
subtitle=next(sample_caption),
items=[
ui.stat_list_item(label=next(sample_term),
caption=next(sample_title),
value=next(sample_dollars),
aux_value=next(sample_percent),
value_color=next(sample_color)) for i in range(5)
],
)
q.page['footer'] = ui.footer_card(
box='footer', caption='(c) 2021 H2O.ai. All rights reserved.')
await q.page.save()
async def serve(q: Q):
if not q.client.initialized:
image = 'https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&h=750&w=1260'
f = FakeCategoricalSeries()
q.client.primary = '#000000'
q.client.page = '#e2e2e2'
q.client.card = '#ffffff'
q.client.text = '#000000'
q.page['meta'] = ui.meta_card(
box='',
theme='custom',
layouts=[
ui.layout(breakpoint='xs',
zones=[
ui.zone('header'),
ui.zone('content',
direction=ui.ZoneDirection.ROW,
zones=[
ui.zone('colors', size='340px'),
ui.zone('preview')
]),
ui.zone('footer')
])
])
q.page['header'] = ui.header_card(box='header',
title='Theme generator',
subtitle='Color your app easily',
icon='Color',
icon_color='$card')
q.page['form'] = ui.form_card(box='colors',
items=[
ui.color_picker(
name='primary',
label='Primary',
trigger=True,
alpha=False,
inline=True,
value=q.client.primary),
ui.color_picker(name='text',
label='Text',
trigger=True,
alpha=False,
inline=True,
value=q.client.text),
ui.color_picker(name='card',
label='Card',
trigger=True,
alpha=False,
inline=True,
value=q.client.card),
ui.color_picker(name='page',
label='Page',
trigger=True,
alpha=False,
inline=True,
value=q.client.page),
ui.text_xl('Check contrast'),
get_contrast('text', 'card', q),
get_contrast('card', 'primary', q),
get_contrast('text', 'page', q),
get_contrast('page', 'primary', q),
ui.text_xl('Copy code'),
ui.frame(content=get_theme_code(q),
height='180px'),
])
q.page['sample'] = ui.form_card(
box='preview',
items=[
ui.text_xl(content='Sample App to show colors'),
ui.progress(label='A progress bar'),
ui.inline([
ui.checkbox(name='checkbox1',
label='A checkbox',
value=True),
ui.checkbox(name='checkbox2', label='Another checkbox'),
ui.checkbox(name='checkbox3',
label='Yet another checkbox'),
ui.toggle(name='toggle', label='Toggle', value=True),
]),
ui.inline([
ui.date_picker(name='date_picker', label='Date picker'),
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.combobox(name='combobox',
label='Combobox',
choices=['Choice 1', 'Choice 2', 'Choice 3']),
ui.persona(title='John Doe',
subtitle='Data Scientist',
size='s',
image=image),
]),
ui.slider(name='slider', label='Slider', value=70),
ui.link(label='Link'),
ui.inline(justify='between',
items=[
ui.stepper(name='stepper',
width='500px',
items=[
ui.step(label='Step 1',
icon='MailLowImportance'),
ui.step(
label='Step 2',
icon='TaskManagerMirrored'),
ui.step(label='Step 3',
icon='Cafe'),
]),
ui.tabs(name='menu',
value='email',
items=[
ui.tab(name='email',
label='Mail',
icon='Mail'),
ui.tab(name='events',
label='Events',
icon='Calendar'),
ui.tab(name='spam', label='Spam'),
]),
]),
ui.inline(items=[
ui.table(
name='table',
width='50%',
columns=[
ui.table_column(
name='name', label='Name', min_width='80px'),
ui.table_column(name='surname',
label='Surname',
filterable=True),
ui.table_column(name='age',
label='Age',
sortable=True),
ui.table_column(
name='progress',
label='Progress',
cell_type=ui.progress_table_cell_type(
color='$themePrimary')),
],
rows=[
ui.table_row(name='row1',
cells=['John', 'Doe', '25', '0.90']),
ui.table_row(name='row2',
cells=['Ann', 'Doe', '35', '0.75']),
ui.table_row(
name='row3',
cells=['Casey', 'Smith', '40', '0.33']),
],
height='330px',
),
ui.visualization(
width='50%',
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(20)]],
pack=True),
),
]),
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='Disabled',
disabled=True),
ui.button(name='icon_button',
icon='Heart',
caption='Tooltip text'),
]),
])
q.page['footer'] = ui.footer_card(
box='footer', caption='(c) 2021 H2O.ai. All rights reserved.')
q.client.themes = [
ui.theme(name='custom',
text=q.client.text,
card=q.client.card,
page=q.client.page,
primary=q.client.primary)
]
q.client.initialized = True
if q.args.primary:
q.client.themes[0].primary = q.args.primary
q.client.primary = q.args.primary
if q.args.text:
q.client.themes[0].text = q.args.text
q.client.text = q.args.text
if q.args.card:
q.client.themes[0].card = q.args.card
q.client.card = q.args.card
if q.args.page:
q.client.themes[0].page = q.args.page
q.client.page = q.args.page
q.page['meta'].themes = q.client.themes
q.page['form'].items[5] = get_contrast('text', 'card', q)
q.page['form'].items[6] = get_contrast('card', 'primary', q)
q.page['form'].items[7] = get_contrast('text', 'page', q)
q.page['form'].items[8] = get_contrast('page', 'primary', q)
q.page['form'].items[10].frame.content = get_theme_code(q)
await q.page.save()