39 lines
1.7 KiB
HTML
39 lines
1.7 KiB
HTML
 
|
<!doctype html><html><head><meta charset="utf-8">
|
||
|
|
<link rel="stylesheet" href="./engine.css">
|
||
|
|
<style>body{padding:1.25rem;max-width:44rem;margin:0 auto}</style>
|
||
|
|
</head><body>
|
||
|
|
<section class="card">
|
||
|
|
<h2>Languages on the front page</h2>
|
||
|
|
<p class="hint" id="opLangCount"></p>
|
||
|
|
<div class="row">
|
||
|
|
<input id="opLangFilter" type="search" placeholder="Filter languages…" autocomplete="off">
|
||
|
|
<label class="oprow"><input type="checkbox" id="opLangVoiceOnly"><span>With a voice only</span></label>
|
||
|
|
<button class="btn" id="opLangNone">Turn all off</button>
|
||
|
|
</div>
|
||
|
|
<div class="langcols">
|
||
|
|
<div class="langcol"><div class="langcolhead">On <b id="opLangNOn">0</b></div>
|
||
|
|
<div id="opLangOn" class="langlist"></div></div>
|
||
|
|
<div class="langcol"><div class="langcolhead">Off <b id="opLangNOff">0</b></div>
|
||
|
|
<div id="opLangOff" class="langlist"></div></div>
|
||
|
|
</div>
|
||
|
|
<label class="oprow"><input type="checkbox" id="opAllowAll" checked><span>Let listeners pick any language</span></label>
|
||
|
|
<p class="hint" id="opAllowAllHint"></p>
|
||
|
|
</section>
|
||
|
|
<script src="./languages.js"></script><script src="./voice-catalog.js"></script>
|
||
|
|
<script>
|
||
|
|
/* Globals the extracted functions expect. */
|
||
|
|
const $=(i)=>document.getElementById(i);
|
||
|
|
let opConfig={featured:["spa_Latn","por_Latn","por_PT"],allowAllLanguages:true};
|
||
|
|
let featuredSaveTimer=null, lastConfigSig='';
|
||
|
|
function opSave(){ return Promise.resolve(); }
|
||
|
|
function loadOperator(){}
|
||
|
|
function renderOpLanguages(){ renderOpLangList(); }
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
/* THE REAL renderOpLangList / renderOpLangCount / toggleFeatured / flyRow,
|
||
|
|
pasted verbatim by the build step below — no reimplementation. */
|
||
|
|
</script>
|
||
|
|
<script src="./_extracted.js"></script>
|
||
|
|
<script>renderOpLangList();</script>
|
||
|
|
</body></html>
|