Mastodon/MARL-Mastodon-Archive-Reader-Lite
1
0
Fork 0
mirror of https://github.com/s427/MARL.git synced 2025-01-31 11:34:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

minor template tweaks

Browse Source
This commit is contained in:
Vincent CLAVIEN 2024-12-27 23:37:47 +01:00
parent 94b65ace64
commit d0fa67ea2a
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@ -21,11 +21,10 @@
:class="$store.ui.appClasses" :class="$store.ui.appClasses"
x-init="$watch('$store.files.appReady', value => checkAppReady(value))" x-init="$watch('$store.files.appReady', value => checkAppReady(value))"
> >
<template x-if="!$store.files.appReady && !$store.files.someFilesLoaded"> <template
<main x-if="!$store.files.appReady && !$store.files.someFilesLoaded && !$store.files.loading"
class="welcome"
:class="$store.files.loading ? 'file-loading' : ''"
> >
<main class="welcome">
<div class="intro"> <div class="intro">
<h1> <h1>
Welcome to MARL Welcome to MARL
@ -59,13 +58,8 @@
type="file" type="file"
accept=".zip" accept=".zip"
multiple multiple
x-show="!$store.files.loading"
@change="unZip(Object.values($event.target.files))" @change="unZip(Object.values($event.target.files))"
/> />
<div class="file-loader loading" x-show="$store.files.loading">
<span>... Loading ...</span>
</div>
</div> </div>
<div class="about"> <div class="about">
<a href="https://github.com/s427/MARL">Project page (github)</a> <a href="https://github.com/s427/MARL">Project page (github)</a>
@ -73,11 +67,14 @@
</main> </main>
</template> </template>
<template x-if="!$store.files.appReady && $store.files.someFilesLoaded"> <template
x-if="(!$store.files.appReady && $store.files.someFilesLoaded) || $store.files.loading"
>
<main class="welcome loading-more"> <main class="welcome loading-more">
<div class="intro"> <div class="intro">
<div class="file-loader loading"> <div class="file-loader loading">
<span>... Loading ...</span> <div>... Loading ...</div>
<div class="filename" x-text="$store.files.loadingName"></div>
</div> </div>
</div> </div>
</main> </main>
@ -332,12 +329,18 @@
<use href="#json" /> <use href="#json" />
</svg> </svg>
</span> </span>
<span class="summary-label" <span
class="summary-label"
:id="source + 'raw-data-label'"
>Raw data <em>(actor.json)</em></span >Raw data <em>(actor.json)</em></span
> >
</summary> </summary>
<div class="details-content"> <div class="details-content">
<pre x-text="formatJson(await a)"></pre> <textarea
x-text="formatJson(await a)"
:aria-labelledby="source + 'raw-data-label'"
readonly
></textarea>
</div> </div>
</details> </details>
</div> </div>