x0/test.html

41 lines
No EOL
1.9 KiB
HTML

<html
x0-mods="locale,copy,http"
x0-module-root="./modules/"
x0-locale-file="./test.json"
x0-locale-watch
>
<body>
<button onclick="window.x0.update()">Update x0</button>
<button onclick="window.location.reload()" x-locale-key="debug-tools.reload">Reload page</button>
<input type="text" onfocus="this.value = document.querySelector('html').getAttribute('x0-mods')" onchange="document.querySelector('html').setAttribute('x0-mods', this.value); document.querySelector('#status').innerHTML='updated x0-mods'; window.x0.update(); setInterval(() => document.querySelector('#status').innerHTML = '', 500)">
<span id="status"></span>
<h1 x-locale-key="main.greeting">main.greeting</h1>
<div>
<h2 x-locale-key="copy-section.header"></h2>
<div id="ex">
<span x-locale-key="copy-section.content-span">origin</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
<span x-locale-key="copy-section.content-span">duplicate</span>
</div>
<div x-copy-query="#ex"></div>
</div>
<div>
<h2 x-locale-key="http-section.header"></h2>
<pre x-inner-text x-get="./test.html" x-get-refresh=1000>
</div>
</body>
<script src="./x0.js"></script>
</html>