Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Trame Tutorial: Use Vuetify 3 components #213

Merged
merged 5 commits into from
Mar 27, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion tutorial/09_trame/a_trame_simple.py
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
from pyvista import examples
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.ui.vuetify3 import SinglePageLayout

pv.OFF_SCREEN = True

Expand Down
12 changes: 6 additions & 6 deletions tutorial/09_trame/b_trame_actor_color.py
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,8 @@
from pyvista.plotting.colors import hexcolors
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3

pv.OFF_SCREEN = True

Expand All @@ -33,20 +33,20 @@ def color(color="seagreen", **kwargs):

with SinglePageLayout(server) as layout:
with layout.toolbar:
vuetify.VSpacer()
vuetify.VSelect(
vuetify3.VSpacer()
vuetify3.VSelect(
label="Color",
v_model=("color", "seagreen"),
items=("array_list", list(hexcolors.keys())),
hide_details=True,
dense=True,
density="compact",
outlined=True,
classes="pt-1 ml-2",
style="max-width: 250px",
)

with layout.content:
with vuetify.VContainer(
with vuetify3.VContainer(
fluid=True,
classes="pa-0 fill-height",
):
Expand Down
16 changes: 8 additions & 8 deletions tutorial/09_trame/c_trame_scalars.py
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
from pyvista import examples
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3

pv.OFF_SCREEN = True

Expand Down Expand Up @@ -40,27 +40,27 @@ def set_log_scale(log_scale=False, **kwargs):

with SinglePageLayout(server) as layout:
with layout.toolbar:
vuetify.VSpacer()
vuetify.VCheckbox(
vuetify3.VSpacer()
vuetify3.VCheckbox(
label="Log Scale",
v_model=("log_scale", False),
hide_details=True,
dense=True,
density="compact",
outlined=True,
)
vuetify.VSelect(
vuetify3.VSelect(
label="Scalars",
v_model=("scalars", mesh.active_scalars_name),
items=("array_list", list(mesh.point_data.keys())),
hide_details=True,
dense=True,
density="compact",
outlined=True,
classes="pt-1 ml-2",
style="max-width: 250px",
)

with layout.content:
with vuetify.VContainer(
with vuetify3.VContainer(
fluid=True,
classes="pa-0 fill-height",
):
Expand Down
12 changes: 6 additions & 6 deletions tutorial/09_trame/d_trame_scalar_range.py
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
import pyvista as pv
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3

pv.OFF_SCREEN = True

Expand All @@ -30,21 +30,21 @@ def set_scalar_range(scalar_range=mesh.get_data_range(), **kwargs):

with SinglePageLayout(server) as layout:
with layout.toolbar:
vuetify.VSpacer()
vuetify.VRangeSlider(
vuetify3.VSpacer()
vuetify3.VRangeSlider(
thumb_size=16,
thumb_label=True,
label="Range",
v_model=("scalar_range", [0, 300]),
min=('0',),
max=('500',),
dense=True,
density="compact",
hide_details=True,
style="max-width: 400px",
)

with layout.content:
with vuetify.VContainer(
with vuetify3.VContainer(
fluid=True,
classes="pa-0 fill-height",
):
Expand Down
14 changes: 7 additions & 7 deletions tutorial/09_trame/e_trame_algorithm.py
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
import pyvista as pv
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3
from vtkmodules.vtkFiltersSources import vtkConeSource

pv.OFF_SCREEN = True
Expand All @@ -32,25 +32,25 @@ def update_contour(resolution, **kwargs):

with SinglePageLayout(server) as layout:
with layout.toolbar:
vuetify.VSpacer()
vuetify.VSlider(
vuetify3.VSpacer()
vuetify3.VSlider(
v_model=("resolution", 15),
min=5,
max=30,
hide_details=True,
dense=True,
density="compact",
style="max-width: 300px",
change=ctrl.view_update,
)
vuetify.VProgressLinear(
vuetify3.VProgressLinear(
indeterminate=True,
absolute=True,
bottom=True,
active=("trame__busy",),
)

with layout.content:
with vuetify.VContainer(
with vuetify3.VContainer(
fluid=True,
classes="pa-0 fill-height",
):
Expand Down
14 changes: 7 additions & 7 deletions tutorial/09_trame/f_trame_open_file.py
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from trame.app.file_upload import ClientFile
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import vuetify3

pv.OFF_SCREEN = True

Expand Down Expand Up @@ -43,22 +43,22 @@ def handle(file_exchange, **kwargs):

with SinglePageLayout(server) as layout:
with layout.toolbar:
vuetify.VSpacer()
vuetify.VFileInput(
vuetify3.VSpacer()
vuetify3.VFileInput(
show_size=True,
small_chips=True,
truncate_length=25,
v_model=("file_exchange", None),
dense=True,
density="compact",
hide_details=True,
style="max-width: 300px;",
)
vuetify.VProgressLinear(
vuetify3.VProgressLinear(
indeterminate=True, absolute=True, bottom=True, active=("trame__busy",)
)

with layout.content:
with vuetify.VContainer(
with vuetify3.VContainer(
fluid=True, classes="pa-0 fill-height", style="position: relative;"
):
view = plotter_ui(pl)
Expand Down
Loading