Spaces:
Running
Running
Voice Trainer deployment
Deploy Neck Analysis V1 with structured scoring and desktop/mobile integration
8c07d66 | <html lang="he" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="theme-color" content="#ffffff"> | |
| <title>ืืื ื ืืืื โ ืืืืื ืงืืื</title> | |
| <link rel="stylesheet" href="style.css?v=11"> | |
| </head> | |
| <body> | |
| <header class="topbar"> | |
| <div class="topbar-inner"> | |
| <div class="brand"> | |
| <span class="brand-mark">๐ </span> | |
| <span class="brand-text"> | |
| <span class="brand-title">ืืื ื ืืืื</span> | |
| <span class="brand-sub">ืืืืื ืงืืื โ ื ืืืื ืืฉืชืืฉืื</span> | |
| </span> | |
| </div> | |
| <div class="topbar-actions"> | |
| <div id="user-bar" class="user-bar-inline" hidden> | |
| <span id="my-class-code" class="tag" hidden></span> | |
| <span id="joined-class-info" class="tag" hidden></span> | |
| <span class="user-chip"> | |
| <span class="user-chip-avatar">โข</span> | |
| <span id="user-name" class="user-email-nav"></span> | |
| </span> | |
| <a href="/" class="btn btn-ghost btn-sm">ืืืจื ืืืคืืืงืฆืื</a> | |
| <a href="/admin" id="admin-link" class="btn btn-ghost btn-sm" hidden>ืืื ื ืืืื</a> | |
| <button id="logout-btn" class="btn btn-ghost btn-sm">ืืชื ืชืงืืช</button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="app-shell"> | |
| <!-- Signed out --> | |
| <div id="auth-bar" class="auth-screen admin-auth"> | |
| <section class="auth-card"> | |
| <h1 class="auth-heading">ืื ืืกืช ืื ืื</h1> | |
| <p class="auth-sub">ื ืืจืฉืช ืืจืฉืืช ื ืืืื ืืื ืืฆืคืืช ืืืฉืชืืฉืื ืืืชืืฆืืืช.</p> | |
| <div id="auth-forms" class="auth-form"> | |
| <label class="field"> | |
| <span class="field-label">ืืืืืื</span> | |
| <input type="text" id="auth-username" class="input auth-input" placeholder="name@example.com" autocomplete="username" /> | |
| </label> | |
| <label class="field"> | |
| <span class="field-label">ืกืืกืื</span> | |
| <input type="password" id="auth-password" class="input auth-input" placeholder="ืกืืกืื" autocomplete="current-password" /> | |
| </label> | |
| <label class="field"> | |
| <span class="field-label">ืงืื ืืืชื <span class="field-hint">(ืื ืืืื)</span></span> | |
| <input type="text" id="auth-class-code" class="input auth-input" placeholder="ืืืฉื ABC123" /> | |
| </label> | |
| <label class="consent" id="auth-consent-wrap" style="display:none;"> | |
| <input type="checkbox" id="auth-consent" /> | |
| <span>ืงืจืืชื ืืื ื ืืกืืื/ื ื<a href="/terms.html" target="_blank">ืชื ืื ืืฉืืืืฉ</a> ืื<a href="/privacy.html" target="_blank">ืืืื ืืืช ืืคืจืืืืช</a>.</span> | |
| </label> | |
| <div class="auth-actions"> | |
| <button id="login-btn" class="btn btn-primary btn-block">ืืชืืืจืืช</button> | |
| <button id="register-btn" class="btn btn-secondary btn-block">ืืจืฉืื</button> | |
| </div> | |
| <p id="auth-error" class="auth-error" role="alert"></p> | |
| </div> | |
| </section> | |
| </div> | |
| <!-- Access denied --> | |
| <section class="empty-card" id="admin-denied" hidden> | |
| <span class="empty-icon">๐</span> | |
| <h2>ืืื ืืจืฉืืช ื ืืืื</h2> | |
| <p>ืืืฉืืื ืืืืืืจ ืืื ื ืื ืื. ืืชืืืจื ืขื ืืฉืืื ืื ืื ืืื ืืืืฉืื.</p> | |
| <a href="/" class="btn btn-secondary">ืืืจื ืืืคืืืงืฆืื</a> | |
| </section> | |
| <!-- Admin content --> | |
| <section id="admin-content" hidden> | |
| <div class="admin-toolbar"> | |
| <div id="admin-class-code-box" class="class-code-box" hidden> | |
| <span class="class-code-caption">ืงืื ืืืืชื ืฉืื</span> | |
| <span id="admin-class-code-value" class="class-code-value"></span> | |
| <button id="copy-class-code" class="small-btn" title="ืืขืชืง ืงืื">๐</button> | |
| </div> | |
| </div> | |
| <div id="allowlist-box" class="card admin-section" hidden> | |
| <h2 class="card-title">ืืืกืคืช ืืฉืชืืฉืื</h2> | |
| <p class="subtitle"> | |
| ืืืกืืคื ืืืืืื ืืื ืืชืช ืืืฉื ืืืคืืืงืฆืื. ืืืฉืชืืฉ ื ืื ืก ืขื ืืืืืืื ืฉืื | |
| ืืืกืืกืื <strong>qwertyui</strong> โ ืืื ืืกื ืืจืืฉืื ื ืืื ืืืืฅ | |
| <strong>ืืจืฉืื</strong> ืืืืฉืจ ืืช ืชื ืื ืืฉืืืืฉ, ืืื ืืื ืืฉืืื ืืืืืืืืช ืืืืชื ืฉืืื | |
| ืืื ืืืืกืืืจืื ืฉืื ื ืฉืืจืช ืืื. | |
| </p> | |
| <div class="allowlist-add"> | |
| <input type="email" id="allow-email-input" class="input auth-input" placeholder="email@example.com" /> | |
| <input type="text" id="allow-name-input" class="input auth-input" placeholder="ืฉื ืืื (ืจืฉืืช)" /> | |
| <button id="allow-add-btn" class="btn btn-primary">ืืืกืฃ</button> | |
| <span id="allow-msg" class="auth-error"></span> | |
| </div> | |
| <ul id="allowlist-list" class="allowlist-list"></ul> | |
| </div> | |
| <div class="card admin-section"> | |
| <div class="card-head"> | |
| <h2 class="card-title" id="users-title">ืืฉืชืืฉืื</h2> | |
| </div> | |
| <div id="class-tabs" class="tabs class-tabs" hidden> | |
| <button class="tab class-tab active" data-filter="all">ืื ืืืฉืชืืฉืื</button> | |
| <button class="tab class-tab" data-filter="no-class">ืืื ืืืชื</button> | |
| <!-- dynamic tabs per class are inserted here --> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table class="admin-table" id="users-table"> | |
| <thead> | |
| <tr> | |
| <th>ืฉื ืืฉืชืืฉ</th> | |
| <th>ืฉื ืืื</th> | |
| <th>ืชืคืงืื</th> | |
| <th>ืืืชื</th> | |
| <th>ืชืืจืื ืืจืฉืื</th> | |
| <th>ื ืืชืืืื</th> | |
| <th>G</th><th>R</th><th>B</th><th>A</th><th>S</th> | |
| <th>ืคืขืืืืช</th> | |
| </tr> | |
| </thead> | |
| <tbody id="users-tbody"></tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <section class="card admin-section" id="user-detail-panel" hidden> | |
| <div class="card-head"> | |
| <h2 class="card-title" id="detail-title">ืืืกืืืจืืืช ื ืืชืืืื</h2> | |
| <button class="btn btn-ghost btn-sm" id="detail-close-btn">ืกืืืจ</button> | |
| </div> | |
| <div id="user-detail-content"></div> | |
| </section> | |
| </section> | |
| </main> | |
| <script src="auth.js?v=11"></script> | |
| <script src="admin.js?v=11"></script> | |
| </body> | |
| </html> | |