mirror of
https://github.com/screentinker/screentinker.git
synced 2026-08-13 22:03:13 -06:00
501ffb11c1
Device-owner tier substrate + silent install, end-to-end QR provisioning (Android 12+ compliance, APK-derived checksum, URL pre-seed, zero-touch onboarding, guided a11y screen), content-expiry (#157) with player no-restart deferral, and the device-enhancement batch (#10/#12/#13/#14). Backward-compatible with 1.9.3 clients; all autonomous behaviors opt-in. QA + security review green. Closes #161, #157, #159.
55 lines
3.1 KiB
JavaScript
55 lines
3.1 KiB
JavaScript
// #device-owner: the provisioning QR modal — factory-reset a panel, scan this during first-run
|
|
// setup, and Android silently installs the player as device owner. Shared by the device detail
|
|
// page and the Add Display flow so both show the exact same (always-current) QR. The checksum in
|
|
// the payload is computed server-side from the SERVED apk, so it can't drift from the build.
|
|
import { api } from '../api.js';
|
|
import { showToast } from './toast.js';
|
|
import { esc } from '../utils.js';
|
|
import { t } from '../i18n.js';
|
|
|
|
export async function showDeviceOwnerQRModal() {
|
|
let info;
|
|
try { info = await api.getDeviceOwnerQR(); }
|
|
catch (e) { showToast(e.message || t('device.owner_provision.error'), 'error'); return; }
|
|
|
|
// Surface whether the checksum was derived from the live APK (the safe case) or fell back to a
|
|
// constant because the server has no APK to read (the QR would then point at a missing download).
|
|
const fromApk = info.checksum_source === 'apk';
|
|
const verifyNote = fromApk
|
|
? t('device.owner_provision.verified_from_apk')
|
|
: t('device.owner_provision.fallback_checksum');
|
|
|
|
const overlay = document.createElement('div');
|
|
overlay.className = 'modal-overlay';
|
|
overlay.style.display = 'flex';
|
|
overlay.innerHTML = `
|
|
<div class="modal" style="max-width:560px;width:95vw">
|
|
<div class="modal-header">
|
|
<h3>${t('device.owner_provision.title')}</h3>
|
|
<button class="modal-close" id="doClose">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p style="color:var(--text-muted);font-size:13px;line-height:1.5">${t('device.owner_provision.intro')}</p>
|
|
<div style="text-align:center;margin:14px 0">
|
|
<img src="${info.qr_data_url}" alt="provisioning QR" style="width:280px;height:280px;background:#fff;border-radius:8px;padding:8px"/>
|
|
<div style="font-size:12px;color:var(--text-muted);margin-top:6px">${t('device.owner_provision.qr_hint')}</div>
|
|
<div style="font-size:11px;color:${fromApk ? 'var(--success,#0f7a52)' : 'var(--warning,#b7791f)'};margin-top:6px">${verifyNote}</div>
|
|
</div>
|
|
<div style="font-size:13px;font-weight:600;margin-bottom:4px">${t('device.owner_provision.adb_label')}</div>
|
|
<div style="display:flex;gap:6px;align-items:center">
|
|
<code style="flex:1;background:var(--bg-input,#1e293b);padding:8px 10px;border-radius:6px;font-size:12px;overflow-x:auto;white-space:nowrap">${esc(info.adb_command)}</code>
|
|
<button class="btn btn-secondary btn-sm" id="doCopy">${t('device.owner_provision.copy')}</button>
|
|
</div>
|
|
<p style="font-size:12px;color:var(--text-muted);margin-top:12px;line-height:1.5">${t('device.owner_provision.constraints')}</p>
|
|
</div>
|
|
</div>`;
|
|
document.body.appendChild(overlay);
|
|
const close = () => overlay.remove();
|
|
overlay.querySelector('#doClose').onclick = close;
|
|
overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
|
|
overlay.querySelector('#doCopy').onclick = () => {
|
|
navigator.clipboard?.writeText(info.adb_command)
|
|
.then(() => showToast(t('device.owner_provision.copied'), 'success')).catch(() => {});
|
|
};
|
|
}
|