async def serve(q: Q):
links = q.args.user_files
if links:
items = [ui.text_xl('Files uploaded!')]
for link in links:
local_path = await q.site.download(link, '.')
#
# The file is now available locally; process the file.
# To keep this example simple, we just read the file size.
#
size = os.path.getsize(local_path)
items.append(
ui.link(label=f'{os.path.basename(link)} ({size} bytes)',
download=True,
path=link))
# Clean up
os.remove(local_path)
items.append(ui.button(name='back', label='Back', primary=True))
q.page['example'].items = items
else:
q.page['example'] = ui.form_card(box='1 1 4 10',
items=[
ui.text_xl('Upload some files'),
ui.file_upload(name='user_files',
label='Upload',
multiple=True),
])
await q.page.save()
def show_profile(q: Q):
del q.page["content"]
q.page['search'] = ui.form_card(
box=config.boxes['search'],
items=[
ui.text_xl("Customer Profiles from Model Predictions"),
ui.picker(name="customers",
label="Customer Phone Number",
choices=phone_choices,
max_choices=1,
values=q.args.customers,
trigger=True)
])
if not q.args.customers:
cleanup_pages(q)
q.page["empty_profile_page"] = ui.form_card(
box=config.boxes["empty_profile_page"],
items=[
ui.text_xl(
"To see the analysis results, you need to choose a phone number first."
)
])
else:
del q.page["empty_profile_page"]
df = pd.read_csv(config.testing_data_url)
cust_phone_no = int(q.args.customers[0])
q.client.selected_customer_index = int(
df[df[config.id_column] == cust_phone_no].index[0])
populate_churn_plots(q)
populate_customer_churn_stats(cust_phone_no, df, q)
def python_code_content(file_to_display):
"""
Returns a list of UI objects that can be used in a Form_Card: header and python code of the provided file.
Usage: q.page['code'] = ui.form_card(box='3 4 -1 -1', items=python_code_content("run.py"))
:param file_to_display
:return: wave UI items
"""
from pygments import highlight
from pygments.formatters.html import HtmlFormatter
from pygments.lexers import get_lexer_by_name
local_dir = os.path.dirname(os.path.realpath(__file__))
with open(os.path.join(local_dir, file_to_display)) as f:
contents = f.read()
py_lexer = get_lexer_by_name("python")
html_formatter = HtmlFormatter(full=True, style="xcode")
code = highlight(contents, py_lexer, html_formatter)
return [
ui.text_xl("Application Code"),
ui.frame(content=code, height="90%")
]
async def serve(q: Q):
if q.args.user_files:
q.page['example'].items = [
ui.text_xl('Files uploaded!'),
ui.text(make_link_list(q.args.user_files)),
ui.button(name='back', label='Back', primary=True),
]
else:
q.page['example'] = ui.form_card(box='1 1 4 10',
items=[
ui.text_xl('Upload some files'),
ui.file_upload(name='user_files',
label='Upload',
multiple=True),
])
await q.page.save()
async def serve(q: Q):
if not q.client.initialized:
q.page['meta'] = ui.meta_card(box='')
q.page['controls'] = ui.form_card(
box='1 1 2 2',
items=[
ui.text_xl('This is normal theme'),
ui.button(name='change',
label='Change to see neon theme',
primary=True)
])
q.client.current_theme = 'light'
q.client.initialized = True
meta = q.page['meta']
controls = q.page['controls']
if q.args.change and q.client.current_theme != 'neon':
meta.theme = 'neon'
q.client.current_theme = 'neon'
controls.items[0].text_xl.content = 'This is Neon theme!'
controls.items[1].button.label = 'Back to normal'
elif q.args.change:
meta.theme = 'light'
q.client.current_theme = 'light'
controls.items[0].text_xl.content = 'This is normal theme'
controls.items[1].button.label = 'Change to see neon theme'
await q.page.save()
def card_place_order(q: Q) -> ui.FormCard:
item_list = []
for i, item in enumerate(q.client.items.keys()):
text = ui.text_xl(f'{item}')
gpo_order = ui.slider(name=f'gpo_order_{i}',
label='How many to order from GPO?',
min=0,
max=q.client.items[item].max_storage,
value=random.randint(0, q.client.max_storage))
alt_order = ui.slider(name=f'alt_order_{i}',
label='How many to order from alt?',
min=0,
max=q.client.items[item].max_storage,
value=random.randint(0, q.client.max_storage))
item_list.extend([text, gpo_order, alt_order])
buttons = ui.buttons([
ui.button(name='make_order', label='Place Order', primary=True),
ui.button(name='go_home', label='Back', primary=True)
])
item_list.append(buttons)
card = ui.FormCard(
box=box_sidebar,
items=item_list,
)
return card
async def get_inputs(q: Q):
q.page['main'] = ui.form_card(
box="1 2 8 5",
items=[
ui.text_xl('Enter your text input for generation:'),
ui.textbox(name="input_text",
label='',
value=q.app.input_text,
multiline=True),
ui.separator(),
ui.slider(
name="num_words_to_generate",
label=
"Maximum number of words to generate (including input text)",
min=5,
max=50,
step=1,
value=q.app.num_words_to_generate
if q.app.num_words_to_generate else 12,
),
ui.separator(),
ui.buttons([
ui.button(name="generate_text", label='Generate',
primary=True),
])
])
async def show_issue(q: Q, issue_id: str):
issue = issue_lookup[issue_id]
issue.views += 1
q.client.active_issue_id = issue_id
q.page['form'] = ui.form_card(
box='1 1 4 -1',
items=[
ui.text_xl(f'Issue {issue.id}'),
ui.text(issue.text),
ui.text_xs(f'({issue.views} views)'),
ui.buttons([
ui.button(
name='close_issue'
if issue.status == 'Open' else 'reopen_issue',
label="Close Issue"
if issue.status == 'Open' else "Reopen Issue",
primary=True,
),
ui.button(name='back', label='Back'),
]),
])
await q.page.save()
async def serve(q: Q):
if not q.client.initialized:
q.page['meta'] = ui.meta_card(box='', theme='neon')
q.page['controls'] = ui.form_card(box='1 1 2 8', items=[
ui.text_xl('Form'),
ui.textbox(name='textbox', label='Textbox'),
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.slider(name='slider', label='Slider'),
ui.button(name='toggle_theme', label='Toggle Theme', primary=True)
])
q.client.theme = 'default'
q.client.initialized = True
meta = q.page['meta']
if q.args.toggle_theme:
meta.theme = q.client.theme = 'neon' if q.client.theme == 'default' else 'default'
await q.page.save()
async def serve(q: Q):
if not q.client.initialized: # First visit
q.client.initialized = True
q.client.points = 25
q.client.alpha = 50
q.page['controls'] = ui.form_card(
box='1 1 2 3',
items=[
ui.text_xl("Lets make some plots"),
ui.slider(name='points',
label='Points',
min=5,
max=50,
step=1,
value=q.client.points,
trigger=True),
ui.slider(name='alpha',
label='Alpha',
min=5,
max=100,
step=1,
value=q.client.alpha,
trigger=True),
])
q.page['plot'] = ui.markdown_card(box='3 1 2 3',
title='Your plot!',
content='')
if q.args.points is not None:
q.client.points = q.args.points
if q.args.alpha is not None:
q.client.alpha = q.args.alpha
n = q.client.points
# Render plot
plt.figure(figsize=(2, 2))
plt.scatter(np.random.rand(n),
np.random.rand(n),
s=(30 * np.random.rand(n))**2,
c=np.random.rand(n),
alpha=q.client.alpha / 100.0)
image_filename = f'{str(uuid.uuid4())}.png'
plt.savefig(image_filename)
# Upload
image_path, = await q.site.upload([image_filename])
# Clean up
os.remove(image_filename)
# Display our plot in our markdown card
q.page['plot'].content = f''
# Save page
await q.page.save()
async def serve(q: Q):
if (not q.client.initialized
): # First visit, create an empty form card for our wizard
q.page['wizard'] = ui.form_card(box='1 1 2 4', items=[])
q.client.initialized = True
wizard = q.page['wizard'] # Get a reference to the wizard form
if q.args.step1:
wizard.items = [
ui.text_xl('Wizard - Step 1'),
ui.text('What is your name?', name='text'),
ui.textbox(name='nickname', label='My name is...',
value='Gandalf'),
ui.buttons([ui.button(name='step2', label='Next', primary=True)]),
]
elif q.args.step2:
q.client.nickname = q.args.nickname
wizard.items = [
ui.text_xl('Wizard - Step 2'),
ui.text(f'Hi {q.args.nickname}! How do you feel right now?',
name='text'),
ui.textbox(name='feeling', label='I feel...', value='magical'),
ui.buttons([ui.button(name='step3', label='Next', primary=True)]),
]
elif q.args.step3:
wizard.items = [
ui.text_xl('Wizard - Done'),
ui.text(
f'What a coincidence, {q.client.nickname}! I feel {q.args.feeling} too!',
name='text',
),
ui.buttons(
[ui.button(name='step1', label='Try Again', primary=True)]),
]
else:
wizard.items = [
ui.text_xl('Wizard Example'),
ui.text("Let's have a conversation, shall we?"),
ui.buttons(
[ui.button(name='step1', label='Of course!', primary=True)]),
]
await q.page.save()
def render_table_view(q: Q):
"""Sets up the view a file as ui.table card"""
items = [ui.separator(label='Step 2: View the Dataset')]
if q.client.working_file_path is None:
items.append(ui.message_bar(type='warning', text='Please upload a dataset!'))
else:
items.append(ui.text_xl(os.path.basename(q.client.working_file_path)))
items.append(make_ui_table(file_path=q.client.working_file_path, n_rows=10, name='head_of_table'))
q.page['table'] = ui.form_card(box='4 2 8 4', items=items)
def add_sidebar_card(box, customer_ids):
id_choices = [ui.choice(_, "Customer:" + str(_)) for _ in customer_ids]
return ui.form_card(box=box,
items=[
ui.text_xl(content='Select Customer Record'),
ui.dropdown(name='customer_id',
label='CustomerID',
choices=id_choices),
ui.button(name='predict',
label='Generate',
primary=True)
])
def render_home(q: Q):
q.page["left_panel"] = ui.form_card(box=config.boxes['left_panel'], items=[
ui.text_xl("Hotel Reviews"),
ui.dropdown(
name="review_choice",
label="Choose a review type",
placeholder=config.column_mapping[q.client.review] if q.client.review else "please select a review type",
choices=[
ui.choice(name=column, label=config.column_mapping[column])
for column in config.dataset[config.review_column_list]
],
trigger=True,
),
])
async def serve(q: Q):
if q.args.generate_csv:
# Generate
write_csv('squares.csv', [[x, x * x] for x in range(1, 1 + q.args.row_count)])
# Upload
download_path, = await q.site.upload(['squares.csv'])
# Clean up
os.remove('squares.csv')
# Display link
q.page['example'].items = [
ui.text_xl('Squares Generated!'),
ui.text(f'[Download my {q.args.row_count} squares!]({download_path})'),
ui.button(name='show_form', label='Back', primary=True),
]
else:
# Accept a row count from the user
q.page['example'] = ui.form_card(box='1 1 4 10', items=[
ui.text_xl('Square Generator'),
ui.slider(name='row_count', label='Squares to generate', min=0, max=100, step=10, value=30),
ui.button(name='generate_csv', label='Generate', primary=True),
])
await q.page.save()
async def show_results(q: Q):
q.page['main'] = ui.form_card(box="1 2 4 5",
items=[
ui.text_xl("Input Text:"),
ui.separator(),
ui.text(q.app.input_text),
ui.separator(),
ui.buttons([
ui.button(name="get_inputs",
label='Try Again!',
primary=True),
])
])
result = q.app.model(q.app.input_text,
max_length=q.app.num_words_to_generate,
do_sample=False)[0]
q.app.generated_text = result["generated_text"]
q.page['visualization'] = ui.form_card(box="5 2 4 5",
items=[
ui.text_xl("Generated Text:"),
ui.separator(''),
ui.text(q.app.generated_text)
])
def card_home() -> ui.FormCard:
"""
Card for home.
"""
card = ui.form_card(
box=box_main,
items=[
ui.text_xl('Welcome to the RL Marketing App!'),
ui.text(
'<img src="https://www.envision-creative.com/wp-content/uploads/2020/'
'07/Envision-blog-what-is-marketing-01-00_Header-scaled.jpg" width="850">'
)
])
return card
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)
def add_sidebar_card(box, customer_ids, customer_names, customer_id, endpoint):
id_choices = [
ui.choice(str(id),
str(id) + ": " + name)
for id, name in zip(customer_ids, customer_names)
]
return ui.form_card(box=box,
items=[
ui.text_xl(content='Select Customer'),
ui.dropdown(name='customer_id',
label='Customer',
choices=id_choices,
value=customer_id),
ui.textbox(name='endpoint',
label='MLOps Endpoint',
value=endpoint,
placeholder="URL to MLOps deployment"),
ui.button(name='predict',
label='Generate',
primary=True)
])
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):
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()
async def responsive_layout(q: Q):
if not q.user.columns:
q.user.columns = [
ui.table_column(name='Index',
label='Index',
searchable=True,
sortable=True,
data_type='number'),
ui.table_column(name='Started', label='Started', searchable=True),
ui.table_column(name='Ended', label='Ended', searchable=True),
ui.table_column(name='Duration',
label='Duration (mins)',
data_type='number'),
ui.table_column(name='Scores', label='Scores', data_type='number'),
]
if not q.client.LB_columns:
q.client.LB_columns = [
ui.table_column(name='User',
label='User',
searchable=True,
max_width='100px'),
ui.table_column(name='Scores',
label='Scores',
searchable=True,
max_width='100px',
sortable=True),
]
q.page['meta'] = ui.meta_card(
box='',
title='Streak Counter',
layouts=[
ui.layout(
# If the viewport width >= 0:
breakpoint='xs',
zones=[
# 80px high header
ui.zone('header', size='80px'),
# Use remaining space for content
ui.zone('content')
]),
ui.layout(
# If the viewport width >= 768:
breakpoint='m',
zones=[
# 80px high header
ui.zone('header', size='80px'),
# Use remaining space for body
ui.zone(
'body',
direction=ui.ZoneDirection.ROW,
zones=[
# 250px wide sidebar
ui.zone('sidebar', size='250px'),
# Use remaining space for content
ui.zone('content'),
]),
ui.zone('footer'),
]),
ui.layout(
# If the viewport width >= 1200:
breakpoint='xl',
width='1200px',
zones=[
# 80px high header
ui.zone('header', size='80px'),
# Use remaining space for body
ui.zone(
'body',
direction=ui.ZoneDirection.ROW,
zones=[
# 300px wide sidebar
ui.zone('sidebar', size='300px'),
# Use remaining space for other widgets
ui.zone(
'other',
zones=[
# Use one half for charts
ui.zone('charts',
direction=ui.ZoneDirection.ROW),
# Use other half for content
ui.zone('content', size='500px'),
]),
]),
ui.zone('footer'),
])
])
q.page['header'] = ui.header_card(
# Place card in the header zone, regardless of viewport size.
box='header',
title='Code Streak Counter',
subtitle='Count your programming Streak while staying healthy !!!',
)
q.page['LeaderBoard'] = ui.form_card(
# If the viewport width >= 0, place in content zone.
# If the viewport width >= 768, place in sidebar zone.
# If the viewport width >= 1200, place in sidebar zone.
box=ui.boxes('content', 'sidebar', 'sidebar'),
# title='Leader Board',
items=[
ui.text_l(content=f"Hi {q.auth.username.capitalize()}..!"),
ui.text_xl(
content=
f"Your Total Score: {q.user.stop_watch.df['Scores'].sum()}"),
ui.table(
name='leaderboard',
columns=q.client.LB_columns,
rows=[
ui.table_row(name=user, cells=[user, str(score)])
for user, score in q.app.lb_dict.items()
],
groupable=False,
downloadable=True,
resettable=False,
height='425px',
),
ui.link(name='logout',
label='Log Out',
button=True,
path=f'/_logout',
target='_current')
],
)
q.page['stopwatch'] = ui.form_card(
box=ui.boxes(
# If the viewport width >= 0, place as second item in content zone.
ui.box(zone='content', order=2),
# If the viewport width >= 768, place in content zone.
'content',
# If the viewport width >= 1200, place as first item in charts zone, use 2 parts of available space.
ui.box(zone='charts', order=1, size=2),
),
items=[
ui.text_xl(
content=
f"<h1><center>{str(q.user.stop_watch.minutes).zfill(2)} : {str(q.user.stop_watch.seconds).zfill(2)}</center></h1>"
),
ui.text_l(content=f"<center>Lets crack some code!</center>"),
ui.buttons([
ui.button(name='start', label='Start', primary=True),
ui.button(name='stop', label='Stop', primary=False)
],
justify='center')
],
)
q.page['UserStreaks'] = ui.markdown_card(
box=ui.boxes(
# If the viewport width >= 0, place as third item in content zone.
ui.box(zone='content', order=3),
# If the viewport width >= 768, place as second item in content zone.
ui.box(zone='content', order=2),
# If the viewport width >= 1200, place as second item in charts zone, use 1 part of available space.
ui.box(zone='charts', order=2, size=1),
),
title='User Streaks',
content="""=Last Streak Started: {{streak_start}}
<p data-test='UserStreaks_Last_Ended'>Last Streak Ended: {{streak_end}}</p>
<p data-test='UserStreaks_Total_Streaks'>Total Streaks: {{total_streaks}}</p>
Total Coding Time: {{total_time}}
""",
data=dict(streak_start=q.user.stop_watch.last_start,
streak_end=q.user.stop_watch.last_stop,
total_streaks=q.user.stop_watch.total_streaks,
total_time=f"{str(q.user.stop_watch.total_hours).zfill(2)} :\
{str(q.user.stop_watch.total_minutes).zfill(2)} : \
{str(q.user.stop_watch.total_seconds).zfill(2)}"))
q.page['history'] = ui.form_card(
box=ui.boxes(
# If the viewport width >= 0, place as fourth item in content zone.
ui.box(zone='content', order=4),
# If the viewport width >= 768, place as third item in content zone.
ui.box(zone='content', order=3),
# If the viewport width >= 1200, place in content zone.
'content'),
items=[
ui.table(name='streaks_table',
columns=q.user.columns,
rows=[
ui.table_row(name=str(row.Index + 1),
cells=[
str(row.Index + 1), row.Started,
row.Ended,
str(row.Duration),
str(row.Scores)
])
for row in q.user.stop_watch.df.itertuples()
],
groupable=False,
downloadable=True,
resettable=False,
height='425px')
],
title='History',
)
q.page['footer'] = ui.footer_card(box='footer', caption='(c) 2021 H2O.ai ')
async def showProducts(q: Q):
global filter_product
global filter_manufacturer
global filter_supplier
global unit_measure
global gqty
items = [ui.tabs(name='menu', value=q.args.menu, items=tabs)]
print('---------------------------')
print('== PRODUCT TAB == ')
print('q.args.show_tables: ' + str(q.args.show_tables) +
', q.args.show_inputs: ' + str(q.args.show_inputs))
## the user have clicked 'Add' button but haven't clicked 'Submit' button yet
if (q.args.show_tables == None or q.args.show_tables == False) and (
q.args.show_inputs or q.args.product or q.args.manufacturer
or q.args.supplier or q.args.qty):
## need to get manufacturer data first (later used for the dropdown when adding new supplier)
df_m = pd.DataFrame(l_manufacturers,
columns=['manufacturer', 'product'])
df_s = pd.DataFrame(l_suppliers,
columns=['supplier', 'manufacturer', 'product'])
## if there is no manufacturer data
if len(df_m) == 0:
items.extend([
ui.message_bar(type='info',
text='Try adding manufacturer first'),
ui.button(name='goto_manufacturer',
label='Close',
primary=True)
])
## if there is no supplier data
elif len(df_s) == 0:
items.extend([
ui.message_bar(type='info', text='Try adding supplier first'),
ui.button(name='goto_supplier', label='Close', primary=True)
])
## if there is data on manufacturer and supplier, when the user click 'Add Product' button
else:
items.append(ui.text_xl(content='Add Product'))
print('q.args.product: ' + str(q.args.product) +
', q.args.manufacturer: ' + str(q.args.manufacturer) +
', q.args.supplier: ' + str(q.args.supplier))
if q.args.product and (filter_product == None
or q.args.product != filter_product):
filter_product = q.args.product
filter_manufacturer = None
filter_supplier = None
unit_measure = None
# selling_price = None
gqty = None
elif q.args.manufacturer and (
filter_manufacturer == None
or q.args.manufacturer != filter_manufacturer):
filter_manufacturer = q.args.manufacturer
filter_supplier = None
unit_measure = None
# selling_price = None
gqty = None
elif q.args.supplier and (filter_supplier == None
or q.args.supplier != filter_supplier):
filter_supplier = q.args.supplier
unit_measure = None
# selling_price = None
gqty = None
if q.args.qty:
gqty = q.args.qty
print(filter_product, filter_manufacturer, filter_supplier)
## PRODUCT
if filter_product != None:
items.append(
ui.dropdown(name='product',
label='Product',
choices=[
ui.choice(name=x, label=x)
for x in df_m['product'].unique()
],
trigger=True,
value=filter_product))
tmp_m = df_m[df_m['product'] ==
q.args.product]['manufacturer'].unique()
else:
items.append(
ui.dropdown(name='product',
label='Product',
choices=[
ui.choice(name=x, label=x)
for x in df_m['product'].unique()
],
trigger=True))
tmp_m = df_m['manufacturer'].unique()
## MANUFACTURER
if filter_manufacturer != None:
items.append(
ui.dropdown(
name='manufacturer',
label='Manufacturer',
choices=[ui.choice(name=x, label=x) for x in tmp_m],
trigger=True,
value=filter_manufacturer))
tmp_s = df_s[(df_s['product'] == filter_product)
& (df_s['manufacturer'] == filter_manufacturer
)]['supplier'].unique()
else:
items.append(
ui.dropdown(
name='manufacturer',
label='Manufacturer',
choices=[ui.choice(name=x, label=x) for x in tmp_m],
trigger=True))
tmp_s = df_s['supplier'].unique()
## SUPPLIER
if filter_supplier != None:
items.append(
ui.dropdown(
name='supplier',
label='Supplier',
choices=[ui.choice(name=x, label=x) for x in tmp_s],
trigger=True,
value=filter_supplier))
# selling_price = df_s[(df_s['product']==filter_product)&(df_s['manufacturer']==filter_manufacturer)
# &(df_s['supplier']==filter_supplier)]['selling_price'].values[0]
# unit_measure = df_s[(df_s['product']==filter_product)&(df_s['manufacturer']==filter_manufacturer)
# &(df_s['supplier']==filter_supplier)]['uom'].values[0]
else:
items.append(
ui.dropdown(
name='supplier',
label='Supplier',
choices=[ui.choice(name=x, label=x) for x in tmp_s],
trigger=True))
# selling_price = None
# items.append(ui.date_picker(name='purchase_date', label='Purchase Date'))
# items.append(ui.textbox(name='qty', label='Qty'))
# ## SELLING PRICE
# if selling_price!=None:
# items.append(ui.textbox(name='selling_price', label='Selling Price', value = str(selling_price)))
# else:
# items.append(ui.textbox(name='selling_price', label='Selling Price'))
# ## UOM
# if unit_measure!=None:
# items.append(ui.textbox(name='uom', label='Unit of Measurement', value = unit_measure, readonly = True))
# else:
# items.append(ui.dropdown(name='uom', label='Unit of Measurement', choices=[
# ui.choice(name=x, label=x) for x in uom
# ]))
# items.extend([
# # ui.date_picker(name='mfg_date', label='Mfg Date'),
# # ui.date_picker(name='exp_date', label='Exp Date'),
# ui.textbox(name='selling_price', label='Selling Price'),
# # ui.textbox(name='operational_cost', label='Operational Cost'),
# # ui.textbox(name='lvl', label='Order Point by level(%)'),
# # ui.textbox(name='schedule', label='Order Point Schedule (days)'),
# # ui.textbox(name='schedule_qty', label='Scheduled Qty'),
# # ui.textbox(name='rate', label='Avg. Consumption'),
# # ui.dropdown(name='freq', label='Consumption Frequency', choices=[
# # ui.choice(name=x, label=x, value='daily', readonly=True) for x in consumption
# # ]),
# ui.button(name='show_tables', label='Submit', primary=True)])
items.extend([
# ui.textbox(name='selling_price', label='Selling Price'),
ui.button(name='show_tables', label='Submit', primary=True)
])
else: ## first iteration goes here
filter_product = None
filter_manufacturer = None
filter_supplier = None
unit_measure = None
selling_price = None
gqty = None
## if q.args.show_tables == True
if q.args.show_tables:
# l_products.append([q.args.product, q.args.manufacturer, q.args.supplier, q.args.purchase_date, q.args.qty,
# q.args.uom, q.args.selling_price, q.args.mfg_date, q.args.exp_date, q.args.selling_price,
# q.args.operational_cost, q.args.lvl, q.args.schedule, q.args.schedule_qty, q.args.rate])
# p = Products(q.args.product, q.args.manufacturer, q.args.supplier, q.args.purchase_date, q.args.qty,
# q.args.uom, q.args.selling_price, q.args.mfg_date, q.args.exp_date, q.args.selling_price,
# q.args.operational_cost, q.args.lvl, q.args.schedule, q.args.schedule_qty, q.args.rate)
# l_products.append([q.args.product, q.args.manufacturer, q.args.supplier,
# q.args.uom])
l_products.append(
[q.args.product, q.args.manufacturer, q.args.supplier])
# p = Products(q.args.product, q.args.manufacturer, q.args.supplier,
# q.args.uom)
p = Products(q.args.product, q.args.manufacturer, q.args.supplier)
products.append(p)
items.append(
ui.message_bar(type='success',
text='You have successfully added a product'))
## if there is a product data
if len(products) > 0:
items.append(
ui.table(
name='products',
columns=column_product_table,
rows=[
ui.table_row(
name=product.id,
# cells=[product.product, product.manufacturer, product.supplier, product.selling_price,
# product.uom]
cells=[
product.product, product.manufacturer,
product.supplier
]) for product in products
],
groupable=True,
downloadable=True,
resettable=True,
height='500px'))
else: ## if there is no product data
items.append(ui.text_l(content='No Product found'))
# items.append(ui.button(name='show_inputs', label='Add Product', primary=True))
items.append(
ui.buttons([
ui.button(name='show_inputs',
label='Add Product',
primary=True),
ui.button(name='delete_button', label='Delete Product'),
ui.button(name='edit_button', label='Edit Product'),
]))
q.page['example'] = ui.form_card(box='1 2 -1 -1', items=items)
await q.page.save()
async def showManufacturers(q: Q):
items = [ui.tabs(name='menu', value=q.args.menu, items=tabs)]
print('---------------------------')
print('== MANUFACTURER TAB == ')
## when user is adding new manufacturer
if q.args.show_inputs:
items.extend([
ui.text_xl(content='Add Manufacturer'),
ui.textbox(name='manufacturer', label='Manufacturer'),
ui.textbox(name='product', label='Product'),
# ui.dropdown(name='uom', label='Unit of Measurement', choices=[
# ui.choice(name=x, label=x) for x in uom
# ]),
ui.button(name='show_tables', label='Submit', primary=True)
])
# ## when user is editing existing manufacturer
# elif q.args.edit_button:
# items.extend([ui.text_xl(content='Edit Manufacturer'),
# ui.textbox(name='manufacturer', label='Manufacturer'),
# # ui.textbox(name='product', label='Product'),
# # ui.dropdown(name='uom', label='Unit of Measurement', choices=[
# # ui.choice(name=x, label=x) for x in uom
# # ]),
# ui.button(name='show_tables', label='Submit', primary=True)])
## default goes here
else:
## user have click has clicked 'Submit' button after adding supplier
if q.args.show_tables:
l_manufacturers.append([q.args.manufacturer, q.args.product])
m = Manufacturers(q.args.manufacturer, q.args.product)
manufacturers.append(m)
items.append(
ui.message_bar(type='success',
text='You have successfully added a product'))
## GET ALL MANUFACTURERS DATA
## default view (if there's a manufacturer data)
if len(manufacturers) > 0:
items.append(
ui.table(name='manufacturers',
columns=column_manufacturer_table,
rows=[
ui.table_row(name=manufacturer.id,
cells=[
manufacturer.manufacturer,
manufacturer.product
]) for manufacturer in manufacturers
],
groupable=True,
downloadable=True,
resettable=True,
height='500px'))
## GET ALL MANUFACTURERS DATA
## default view (if there's no manufacturer data)
else:
items.append(ui.text_l(content='No Manufacturer found'))
# items.append(ui.button(name='show_inputs', label='Add Manufacturer', primary=True))
items.append(
ui.buttons([
ui.button(name='show_inputs',
label='Add Manufacturer',
primary=True),
ui.button(name='delete_button', label='Delete Manufacturer'),
ui.button(name='edit_button', label='Edit Manufacturer'),
]))
q.page['example'] = ui.form_card(box='1 2 -1 -1', items=items)
await q.page.save()
async def showSuppliers(q: Q):
items = [ui.tabs(name='menu', value=q.args.menu, items=tabs)]
print('items in supplier: ' + str(items))
## if user clicks 'Add Supplier'
if q.args.show_inputs:
## need to get manufacturer data first (later used for the dropdown when addiing new supplier)
df_m = pd.DataFrame(l_manufacturers,
columns=['manufacturer', 'product'])
## if there is no Manufacter data, then the user should add manufacturer data first
if len(df_m) == 0:
items.extend([
ui.message_bar(type='info',
text='Try adding manufacturer first'),
ui.button(name='goto_manufacturer',
label='Close',
primary=True)
])
## there's a manufacturer data, then go here
else:
items.extend([
ui.text_xl(content='Add Supplier'),
ui.textbox(name='supplier', label='Supplier'),
ui.dropdown(
name='manufacturer',
label='Manufacturer',
choices=[ ## dropdown existing manufacturers
ui.choice(name=x, label=x)
for x in df_m['manufacturer'].unique()
]),
ui.dropdown(
name='product',
label='Product',
choices=[ ## dropdown existing items
ui.choice(name=x, label=x)
for x in df_m['product'].unique()
]), ## product should based on the what manufacturer have
# ui.dropdown(name='uom', label='Unit of Measurement', choices=[ ## dropdown unit of measurement based on UOM variable above
# ui.choice(name=x, label=x) for x in uom
# ]),
# ui.textbox(name='selling_price', label='Price'),
# ui.textbox(name='lead_time', label='Lead Time(days)'),
# ui.textbox(name='delivery_time', label='Delivery Time(days)'),
ui.button(name='show_tables', label='Submit',
primary=True) ## submit button
])
## user hasn't clicked 'Add suppliers' button
else:
## user have click has clicked 'Submit' button after adding supplier
if q.args.show_tables:
l_suppliers.append(
[q.args.supplier, q.args.manufacturer, q.args.product]) ## !!!
s = Suppliers(q.args.supplier, q.args.manufacturer, q.args.product)
suppliers.append(s)
items.append(
ui.message_bar(type='success',
text='You have successfully added a supplier'))
## default view (if there's suppliers data)
if len(suppliers) > 0:
items.append(
ui.table(name='suppliers',
columns=column_supplier_table,
rows=[
ui.table_row(name=supplier.id,
cells=[
supplier.supplier,
supplier.manufacturer,
supplier.product
]) for supplier in suppliers
],
groupable=True,
downloadable=True,
resettable=True,
height='500px'))
## default view (if there's a supplier data)
else:
items.append(ui.text_l(content='No Supplier found'))
# items.append(ui.button(name='show_inputs', label='Add Supplier', primary=True))
items.append(
ui.buttons([
ui.button(name='show_inputs',
label='Add Supplier',
primary=True),
ui.button(name='delete_button', label='Delete Supplier'),
ui.button(name='edit_button', label='Edit Supplier'),
]))
q.page['example'] = ui.form_card(box='1 2 -1 -1', items=items)
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()
def poll():
return [["A", rnd()], ["B", rnd()], ["C", rnd()], ["D",
rnd()], ["E",
rnd()],
["F", rnd()], ["G", rnd()], ["H", rnd()], ["I", rnd()]]
# Generate random datum between 1 and 100
def rnd():
return random.randint(1, 100)
page['example'] = ui.form_card(
box='1 1 2 -1',
items=[
ui.text_xl('Example 1'),
ui.vega_visualization(
specification=spec,
data=data(fields=["a", "b"], rows=poll(), pack=True),
),
ui.text_xl('Example 2'),
ui.vega_visualization(
specification=spec,
data=data(fields=["a", "b"], rows=poll(), pack=True),
),
ui.text_xl('Example 3'),
ui.vega_visualization(
specification=spec,
data=data(fields=["a", "b"], rows=poll(), pack=True),
),
],
# 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()
