troogs/TgMessageHook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Refactor session management UI and enhance accessibility features

Browse Source
This commit is contained in:
Andre Beging
2025-10-07 15:33:45 +02:00
parent ddf29c1d36
commit f3b30d46c9
3 changed files with 85 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/templates/index.html
View File

@@ -19,7 +19,7 @@
</header>
<main>
<section id="session-section" class="card" aria-label="Telegram session">
<section id="session-section" class="card hidden" aria-label="Telegram session">
<div class="session-summary">
<div class="session-summary-main">
<div class="session-status-row">
@@ -27,11 +27,19 @@
<p id="session-summary-text" class="session-summary-text">Preparing session details…</p>
</div>
</div>
<button type="button" id="toggle-session" class="secondary session-toggle" aria-expanded="false">
Manage session
<button
type="button"
id="toggle-session"
class="secondary icon-button session-toggle"
aria-label="Hide session controls"
>
<svg class="icon icon-close" viewBox="0 0 24 24" aria-hidden="true">
<path d="M18.3 5.71 12 12l6.3 6.29-1.41 1.42L10.59 13.4 4.3 19.71 2.89 18.3 9.17 12 2.89 5.71 4.3 4.3l6.3 6.29 6.29-6.3z" />
</svg>
<span class="sr-only">Hide session controls</span>
</button>
</div>
<div id="session-details" class="session-details hidden">
<div id="session-details" class="session-details">
<div id="session-user" class="user-info"></div>
<div id="login-forms">
<form id="start-login-form" class="form-grid">
@@ -54,6 +62,14 @@
</section>
<div class="helper-row">
<button
type="button"
id="session-card-toggle"
class="secondary helper-button"
aria-expanded="false"
>
Manage session
</button>
<button
type="button"
id="recent-chats-btn"