1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import vuetify
# -----------------------------------------------------------------------------
# trame
# -----------------------------------------------------------------------------
server = get_server(
client_type="vue2",
# log_network="/Users/sebastien.jourdain/Documents/code/open-source/Web/trame-next/test-examples/logs",
)
state, ui = server.state, server.ui
state.toolbar_version = 0
# -----------------------------------------------------------------------------
# Methods
# -----------------------------------------------------------------------------
@state.change("toolbar_version")
def udpate_toolbar(toolbar_version=0, **kwargs):
if toolbar_version == 1:
toolbar_2()
elif toolbar_version == 2:
toolbar_3()
else:
toolbar_1()
# -----------------------------------------------------------------------------
# GUI (Layout)
# -----------------------------------------------------------------------------
with SinglePageLayout(server) as layout:
with layout.toolbar as tb:
tb.clear()
ui.toolbar(layout)
# -----------------------------------------------------------------------------
# GUI (VirtualNodes)
# -----------------------------------------------------------------------------
def toolbar_1():
with ui.toolbar as tb:
tb.clear()
tb.add_child("Toolbar 1")
vuetify.VSpacer()
ui.toolbar_selector()
def toolbar_2():
with ui.toolbar as tb:
tb.clear()
tb.add_child("Toolbar 2")
vuetify.VSpacer()
ui.toolbar_selector()
def toolbar_3():
with ui.toolbar as tb:
tb.clear()
tb.add_child("Toolbar 3")
vuetify.VSpacer()
ui.toolbar_selector()
with ui.toolbar_selector:
with vuetify.VBtnToggle(v_model="toolbar_version"):
with vuetify.VBtn():
vuetify.VIcon("mdi-numeric-1-circle")
with vuetify.VBtn():
vuetify.VIcon("mdi-numeric-2-circle")
with vuetify.VBtn():
vuetify.VIcon("mdi-numeric-3-circle")
# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------
if __name__ == "__main__":
server.start()
|
