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
|
from trame.app import get_server
from trame.decorators import TrameApp, change
from trame.ui.vuetify3 import SinglePageLayout
from trame.widgets import client
from trame.widgets import vuetify3 as v3
import trame_server
@TrameApp()
class MainApp:
def __init__(self, server=None):
self.server = get_server(server)
self._build_ui()
SecondApp(self.server)
def _build_ui(self):
with SinglePageLayout(self.server, full_height=True) as layout:
with layout.content:
with client.SizeObserver("main_size_observer"):
with v3.VContainer():
v3.VBtn(
"Open Second App",
click="window.open('/?ui=second', target='_blank')",
)
@change("main_size_observer")
def main_size_observer(self, main_size_observer, **_):
print("main_size_observer", main_size_observer)
@TrameApp()
class SecondApp:
def __init__(
self, server: trame_server.Server | None = None, template_name="second"
):
self.prefix = ""
if server:
self.prefix = "second_"
self.server = server.create_child_server(prefix=self.prefix)
else:
self.server = get_server(server)
self.state = self.server.state
self.ctrl = self.server.controller
self._build_ui(template_name)
# server.state.change("second_size_observer")(lambda **_: print("second size"))
@change("second_size_observer")
def second_size_observer(self, **_):
print("second_size_observer", self.state.second_size_observer)
def _build_ui(self, template_name):
# self.state.dialog_show = False
with SinglePageLayout(
self.server, template_name=template_name, full_height=True
) as layout:
with layout.content:
with client.SizeObserver("second_size_observer"):
with v3.VContainer():
v3.VBtn("Hello")
def main():
app = MainApp()
app.server.start()
if __name__ == "__main__":
main()
|
