def __init__(self, **kwargs):
super().__init__(**kwargs)
# layout = jp.QLayout(a=self, view="hHh lpR fFf")
header = jp.QHeader(a=self, elevated=True)
# header.on("class", "bg-primary text-white")
toolbar = jp.QToolbar(a=header)
q_drawer = jp.QDrawer(a=self,
show_if_above=True,
v_model="left",
side="left",
bordered=True)
scroll_area = jp.QScrollArea(a=q_drawer, classes="fit")
drawer_list = jp.QList(a=scroll_area)
list_classes = "p-2 m-2 text-lg text-blue-400 hover:text-blue-700"
jp.A(a=drawer_list, text="Home", href="/", classes=list_classes)
jp.Br(a=drawer_list)
jp.A(a=drawer_list,
text="Dictionary",
href="/dictionary",
classes=list_classes)
jp.Br(a=drawer_list)
jp.A(a=drawer_list, text="About", href="/about", classes=list_classes)
jp.Br(a=drawer_list)
jp.QBtn(a=toolbar,
dense=True,
flat=True,
icon="menu",
click=self.move_drawer,
drawer=q_drawer)
# q_button.on("round", True)
jp.QToolbarTitle(a=toolbar, text="Instant Dictionary")
def __init__(self, view="hHh lpR fff", **kwargs):
super().__init__(view=view, **kwargs)
header = jp.QHeader(a=self)
toolbar = jp.QToolbar(a=header)
drawer = jp.QDrawer(a=self,
show_if_above=True,
v_mode="left",
bordered=True)
scroller = jp.QScrollArea(a=drawer, classes="fit")
qlist = jp.QList(a=scroller)
a_classes = "p-2 m-2 text-lg text-blue-400 hover:text-blue-700"
jp.A(a=qlist, text="Home", href="/", classes=a_classes)
jp.Br(a=qlist)
jp.A(a=qlist, text="Dictionary", href="/dictionary", classes=a_classes)
jp.Br(a=qlist)
jp.A(a=qlist, text="About", href="/about", classes=a_classes)
jp.Br(a=qlist)
jp.QBtn(a=toolbar,
dense=True,
flat=True,
round=True,
icon="menu",
click=self.move_drawer,
drawer=drawer)
jp.QToolbarTitle(a=toolbar, text="Instant Dictionary")
def __init__(self, **kwargs):
atexit.register(self.close)
super().__init__(**kwargs)
layout = jp.QLayout(view="hHh Lpr lff", classes="q-pa-md", style="height:300px", a=self)
async def toggle_menu(comp, msg):
print("button clicked")
await drawer.run_method("toggle()", msg.websocket)
with _(jp.QHeader(elevated=True, classes="bg-black", a=layout)) as header:
with _(jp.QToolbar(a=header)) as toolbar:
toolbar += jp.QBtn(flat=True, round=True, dense=True, icon="menu", click=toggle_menu)
toolbar += jp.QToolbarTitle(text="Header!!")
with _(
jp.QDrawer(
v_model="drawer",
show_if_above=True,
width=200,
breakpoint=500,
bordered=True,
content_class="bg-grey-3",
a=layout,
)
) as drawer:
with _(jp.QScrollArea(classes="fit", a=drawer)) as scrollarea:
with _(jp.QList(a=scrollarea)) as qlist:
with _(jp.Div(a=qlist)) as menu:
self.menu = menu
page_container = jp.QPageContainer(a=layout)
self.content = jp.QPage(padding=True, a=page_container)
def __init__(self, view="hHh lpR fFf", **kwargs):
super().__init__(view=view, **kwargs)
header = jp.QHeader(a=self)
toolbar = jp.QToolbar(a=header, classes="bg-purple-700")
drawer = jp.QDrawer(a=self, show_if_above=True, v_mode='left', bordered=True)
scroller = jp.QScrollArea(a=drawer, classes="fit")
qlist = jp.QList(a=scroller)
a_class = "p-2 m-2 text-lg text-purple-400 hover:text-purple-700"
jp.A(a=qlist, text="Home", href="/", classes=a_class)
jp.Br(a=qlist)
jp.A(a=qlist, text="Dictionary", href="/dictionary", classes=a_class)
jp.Br(a=qlist)
jp.A(a=qlist, text="About", href="/about", classes=a_class)
jp.Br(a=qlist)
jp.A(a=qlist, text="Flat Mate Bill", href="/fmb", classes=a_class)
jp.Br(a=qlist)
jp.QBtn(a=toolbar, dense=True, flat=True, round=True, icon="menu",
click=self.move_drawer, drawer=drawer)
jp.QToolbarTitle(a=toolbar, text='OOP course modules')