| 1 | --- |
| 2 | import Account from '../layouts/Account.astro'; |
| 3 | --- |
| 4 | <Account |
| 5 | title="Authorize a device — Reasonix" |
| 6 | titleEn="Authorize a device — Reasonix" |
| 7 | titleZh="授权设备 — Reasonix" |
| 8 | description="Approve a sign-in request from the Reasonix CLI or desktop app."> |
| 9 | <div id="device-gate" class="auth-head"> |
| 10 | <p><span class="l-en">Checking your session…</span><span class="l-zh">正在检查登录状态…</span></p> |
| 11 | </div> |
| 12 | |
| 13 | <div id="device-view" hidden> |
| 14 | <div class="auth-head"> |
| 15 | <h1><span class="l-en">Authorize sign-in</span><span class="l-zh">授权登录</span></h1> |
| 16 | <p><span class="l-en">Confirm the code shown in your terminal or app.</span><span class="l-zh">请确认终端或应用里显示的验证码。</span></p> |
| 17 | </div> |
| 18 | |
| 19 | <div id="device-msg" class="auth-msg" hidden></div> |
| 20 | |
| 21 | <div class="field"> |
| 22 | <label for="device-code"><span class="l-en">Device code</span><span class="l-zh">设备码</span></label> |
| 23 | <input id="device-code" class="device-code" type="text" autocomplete="one-time-code" spellcheck="false" placeholder="XXXX-XXXX" /> |
| 24 | </div> |
| 25 | <button id="device-check" type="button" class="btn btn-ghost" style="width:100%"><span class="l-en">Continue</span><span class="l-zh">继续</span></button> |
| 26 | |
| 27 | <p id="device-meta" class="device-meta" hidden></p> |
| 28 | |
| 29 | <div id="device-actions" class="device-actions" hidden> |
| 30 | <button id="device-approve" type="button" class="btn btn-dark"><span class="l-en">Approve</span><span class="l-zh">批准</span></button> |
| 31 | <button id="device-deny" type="button" class="btn btn-ghost"><span class="l-en">Reject</span><span class="l-zh">拒绝</span></button> |
| 32 | </div> |
| 33 | </div> |
| 34 | </Account> |
| 35 |