some minor tweaks
This commit is contained in:
@ -5,17 +5,25 @@ from pyscript_bootstrap_templates import HTML as HTML
|
||||
|
||||
app = bootstrap_templates.PyScriptBootstrapDashboard(
|
||||
parent_element="pyscript_app", brand_name="hello_world")
|
||||
div = bHTML.BootstrapContainer("This is a sidebar", parent=app.sidebar)
|
||||
|
||||
|
||||
div = bHTML.Div("This is a sidebar", parent=app.sidebar)
|
||||
div.font_size = 4
|
||||
|
||||
btn = bHTML.ButtonPrimary("Click me", parent=app.sidebar)
|
||||
btn.w = 100
|
||||
|
||||
toast_container = bHTML.ToastContainer(parent=app.main_area)
|
||||
toast_container.position_bottom = 0
|
||||
toast_container.position_end = 0
|
||||
|
||||
|
||||
|
||||
def onclick(_):
|
||||
alert = bHTML.AlertSuccess("You clicked me!", parent=app.main_area)
|
||||
toast = bHTML.Toast("You clicked me!", parent=app.main_area)
|
||||
toast.position_bottom = 0
|
||||
toast.position_end = 0
|
||||
alert.w = 25
|
||||
toast = bHTML.Toast("You clicked me!", parent=toast_container)
|
||||
toast.animation = True
|
||||
toast.show()
|
||||
|
||||
btn.onclick = onclick
|
||||
|
Binary file not shown.
@ -21,13 +21,20 @@ def sobel_image(img):
|
||||
app = bootstrap_templates.PyScriptBootstrapDashboard(parent_element="pyscript_app", brand_name="Image Filter Example")
|
||||
|
||||
image_input = bInputs.InputFile(label_text="choose image file", parent=app.sidebar)
|
||||
image_input.set_attribute("accept", "image/*")
|
||||
|
||||
# FIXME: add filter option to InputFile class!
|
||||
image_input._input.set_attribute("accept", "image/*")
|
||||
|
||||
toast_container = bHTML.ToastContainer(parent=app.main_area)
|
||||
toast_container.position_bottom = 0
|
||||
toast_container.position_end = 0
|
||||
|
||||
|
||||
def on_image_change(f, *args):
|
||||
print("image changed")
|
||||
print(f)
|
||||
|
||||
f.seek(0)
|
||||
img = Image.open(f)
|
||||
|
||||
img = sobel_image(np.array(img))
|
||||
|
||||
output = bHTML.Image.from_numpy_array(img, parent=app.main_area)
|
||||
@ -35,4 +42,7 @@ def on_image_change(f, *args):
|
||||
output.rounded_size = 10
|
||||
output.shadow = bHTML.Shadow.LARGE
|
||||
|
||||
bHTML.Toast("Processing Done", title="info", parent=toast_container).show()
|
||||
|
||||
|
||||
image_input.onchange = on_image_change
|
Binary file not shown.
Reference in New Issue
Block a user