forked from MapComplete/MapComplete
50 lines
1.3 KiB
Svelte
50 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import Hotkeys from "../Base/Hotkeys"
|
|
import { Translation } from "../i18n/Translation"
|
|
import { Utils } from "../../Utils"
|
|
import Translations from "../i18n/Translations"
|
|
import Tr from "../Base/Tr.svelte"
|
|
import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
|
|
|
|
let keys = Hotkeys._docs
|
|
const t = Translations.t.hotkeyDocumentation
|
|
|
|
let byKey = Hotkeys.prepareDocumentation($keys)
|
|
$: {
|
|
byKey = Hotkeys.prepareDocumentation($keys)
|
|
}
|
|
</script>
|
|
|
|
<AccordionSingle>
|
|
<div slot="header">
|
|
<Tr t={t.title} />
|
|
</div>
|
|
<Tr t={t.intro} />
|
|
<table>
|
|
<tr>
|
|
<th>
|
|
<Tr t={t.key} />
|
|
</th>
|
|
<th>
|
|
<Tr t={t.action} />
|
|
</th>
|
|
</tr>
|
|
{#each byKey as [key, doc, alsoTriggeredBy]}
|
|
<tr>
|
|
<td class="flex items-center justify-center">
|
|
{#if alsoTriggeredBy}
|
|
<div class="flex items-center justify-center gap-x-1">
|
|
<div class="literal-code h-fit w-fit">{key}</div>
|
|
<div class="literal-code h-fit w-fit">{alsoTriggeredBy}</div>
|
|
</div>
|
|
{:else}
|
|
<div class="literal-code flex h-fit w-fit w-full items-center">{key}</div>
|
|
{/if}
|
|
</td>
|
|
<td>
|
|
<Tr t={doc} />
|
|
</td>
|
|
</tr>
|
|
{/each}
|
|
</table>
|
|
</AccordionSingle>
|