nicegui/examples/authentication/main.py

#!/usr/bin/env python3
from typing import Dict

from starlette.requests import Request
from starlette.websockets import WebSocket

from nicegui import ui

# in reality we would load/save session info to DB
session_info: Dict[str, Dict] = {}


def build_content(username: str) -> None:
    with ui.row().classes('flex justify-center w-full mt-20'):
        ui.label(f'Hello {username}!').classes('text-2xl')


def build_login_form() -> None:
    def on_login(username: str, password: str, socket: WebSocket) -> None:
        session_id = socket.cookies['jp_token'].split('.')[0]
        if (username == 'user1' and password == 'pass1') or (username == 'user2' and password == 'pass2'):
            session_info[session_id] = {'authenticated': True, 'user': username}
            ui.open('/', socket)

    with ui.row().classes('flex justify-center w-full mt-20'):
        with ui.card():
            username = ui.input('User Name')
            password = ui.input('Password').classes('w-full').props('type=password')
            ui.button('Log in', on_click=lambda e: on_login(username.value, password.value, e.socket))


@ui.page('/')
def main_page(request: Request) -> None:
    if session_info.get(request.session_id, {}).get('authenticated', False):
        build_content(session_info[request.session_id]['user'])
    else:
        build_login_form()


ui.run()