declare props for classes on pages
This commit is contained in:
@@ -10,19 +10,22 @@ from .. import components as comps, services
|
||||
|
||||
|
||||
class Pics(rio.Component):
|
||||
database_service: services.DatabaseService
|
||||
active_picture: Optional[rio.URL]
|
||||
|
||||
def __init__(self, database_service: services.database_service.DatabaseService) -> None:
|
||||
super().__init__()
|
||||
self._database_service = database_service
|
||||
self._active_picture: Optional[rio.URL] = None
|
||||
self.database_service = database_service
|
||||
self.active_picture: Optional[rio.URL] = None
|
||||
|
||||
@rio.event.on_populate
|
||||
async def on_populate(self) -> None:
|
||||
await self.session.set_title("EZ GG e.V. - Galerie")
|
||||
|
||||
def build(self) -> rio.Component:
|
||||
if self._active_picture is None:
|
||||
if self.active_picture is None:
|
||||
grid = rio.Grid(row_spacing=0.4, column_spacing=0.5, margin_right=1)
|
||||
for i, link in enumerate(self._database_service.get_picture_paths()):
|
||||
for i, link in enumerate(self.database_service.get_picture_paths()):
|
||||
grid.add(
|
||||
rio.Button(
|
||||
rio.Image(
|
||||
@@ -42,7 +45,7 @@ class Pics(rio.Component):
|
||||
rio.Column(
|
||||
rio.Button(
|
||||
rio.Image(
|
||||
self._active_picture,
|
||||
self.active_picture,
|
||||
height="grow",
|
||||
width="grow"
|
||||
),
|
||||
@@ -55,10 +58,10 @@ class Pics(rio.Component):
|
||||
)
|
||||
)
|
||||
|
||||
async def on_picture_clicked(self, link_to_picture: str) -> None:
|
||||
self._active_picture = link_to_picture
|
||||
async def on_picture_clicked(self, link_to_picture: Optional[rio.URL]) -> None:
|
||||
self.active_picture = link_to_picture
|
||||
await self.force_refresh()
|
||||
|
||||
async def exit_overlay(self) -> None:
|
||||
self._active_picture = None
|
||||
self.active_picture = None
|
||||
await self.force_refresh()
|
||||
|
||||
Reference in New Issue
Block a user