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')