| """登录页与应用外壳（顶栏 + 标签页导航）。 |
| |
| 外壳把各分区（我的数据 / 管理）组装起来，按钮均在静态区，id 稳定。 |
| """ |
| from __future__ import annotations |
|
|
| from typing import Any |
|
|
| from shiny import ui |
|
|
| from . import config, theme |
| from .view_admin import _admin_panel |
| from .view_me import _my_panel |
|
|
|
|
| def login_view() -> ui.Tag: |
| return ui.div( |
| ui.div( |
| theme.crest(96), |
| ui.div(config.TEAM_NAME, class_="zh"), |
| ui.div(config.TEAM_NAME_EN, class_="en"), |
| ui.div(f"{config.TEAM_CITY} · EST. {config.EST_YEAR}", class_="city"), |
| theme.card( |
| "球员登录", |
| ui.input_text("in_user", "用户名", placeholder="如 leo / hakimi / admin"), |
| ui.input_password("in_pw", "密码", placeholder="请输入密码"), |
| ui.input_action_button("btn_login", "登 录", class_="btn-primary"), |
| icon="🔐", |
| ), |
| ui.div( |
| ui.HTML( |
| "球员用<b>球队分配的用户名</b>登录，初始密码请向领队索取；" |
| "首次登录后请到『我的数据』页修改密码。" |
| ), |
| class_="sde-login-hint", |
| ), |
| class_="sde-login", |
| ), |
| class_="sde-login-wrap", |
| ) |
|
|
|
|
| def app_shell( |
| user: dict[str, Any], |
| user_choices: dict[str, str], |
| seasons: list[int], |
| ) -> ui.Tag: |
| top = ui.div( |
| ui.div( |
| theme.crest(52), |
| ui.div( |
| ui.div(config.TEAM_NAME, class_="zh"), |
| ui.div(config.TEAM_NAME_EN, class_="en"), |
| ), |
| class_="sde-brand", |
| ), |
| ui.div(class_="sde-spacer"), |
| ui.span(ui.HTML(f'欢迎，<b>{user["display_name"]}</b>'), class_="sde-welcome"), |
| ui.input_action_button("btn_logout", "退出", class_="btn-outline-light btn-sm"), |
| class_="sde-topbar", |
| ) |
| season_choices = {"all": "全部赛季", **{str(y): f"{y} 赛季" for y in seasons}} |
| panels = [ |
| ui.nav_panel( |
| "🏆 主页", |
| ui.div( |
| ui.download_button("dl_leaderboard", "📷 导出榜单图", class_="btn-outline-light btn-sm"), |
| ui.input_select("home_season", "赛季", season_choices, selected="all", width="150px"), |
| class_="sde-season-bar", |
| ), |
| ui.output_ui("home_content"), |
| value="home", |
| ), |
| ui.nav_panel("📝 我的数据", _my_panel(), value="me"), |
| ] |
| if user["is_admin"]: |
| panels.append(ui.nav_panel("⚙️ 管理", _admin_panel(user_choices), value="admin")) |
| return ui.div( |
| top, |
| ui.navset_tab(*panels, id="main_tabs"), |
| ui.div( |
| ui.HTML(f"肆带贰足球俱乐部 · {config.TEAM_NAME_EN}"), |
| class_="sde-foot", |
| ), |
| class_="sde-shell", |
| ) |
|
|
