ui.dialog() implementation ideas

[phifuh]

In our little project we have 3 devs, and all 3 would implement the dialog differntly.

So I started out thinking about how to handle the ui.dialog implementations in the project to streamline the process and I was consindering some sort of base/abstract dialog interface to enforce that all implemented dialogs inside the project are using singletons with classmethod, alternativ I would use the clear()/open() standart but that made me think, why do we have the overload at the user?

So I thought about a concept of a new argument in the dialog

class Dialog:
    def __init__(self, rebuild_on_open=False):
        self.rebuild_on_open = rebuild_on_open
        self._build_fn = None
        self._dialog = ui.dialog()
    
    def build(self, fn):
        """Decorator to register the build function"""
        self._build_fn = fn
        return fn

    def open(self):
        if self.rebuild_on_open:
            self._dialog.clear()
            if self._build_fn:
                with self._dialog:
                    self._build_fn()
        self._dialog.open()

    def close(self):
        self._dialog.close()

Which could be used like

dialog = ui.dialog(rebuild_on_open=True)

@dialog.build
def build():
    ui.label('Hello')
    ui.button('Close', on_click=dialog.close)

ui.button('Open', on_click=dialog.open)

Personaly I dont like decorators so much, but I am not sure if adding another argument "build_function" would be better.

This could be an optional style to rebuild the dialogs ( I am not sure if the dom must cleared too).

---

So I am a little bit curious how do other people enforce reusable/clean dialogs inside their projects?

[falkoschindler]

Maybe not applicable in every situation, but in one project a needed multiple of such awaitable dialogs:

async def confirm_delete_project_dialog(project: Project) -> str | None:
    """Show a dialog to confirm deleting a project."""
    with ui.dialog() as dialog, ui.card():
        ui.label(f'Are you sure you want to delete the project "{project.name}"?')
        with ui.row().classes("ml-auto"):
            ui.button("Cancel", on_click=lambda: dialog.submit(None)).props("flat")
            ui.button("Delete", on_click=lambda: dialog.submit(True), color="negative").props("unelevated")

    result = await dialog

    dialog.delete()

    return result