mirror of
https://github.com/ankitects/anki.git
synced 2025-09-18 14:02:21 -04:00
790c52f012
* Add sveltekit-svg plugin to fix svg icon styling Closes #3127. * Unify svg icon usage Moves all icons into ts/lib/components/icons.ts and uses a single component to render them both with eslint and svelte-kit. * Fix spinning revert icon not being centered * Use svg earth icon for global label * Add tooltip to global label icon * Remove eslint-plugin-simple-import-sort Imports are already sorted by dprint with conflicting rules.
40 lines
1 KiB
Svelte
40 lines
1 KiB
Svelte
<!--
|
|
Copyright: Ankitects Pty Ltd and contributors
|
|
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
-->
|
|
<script lang="ts">
|
|
import * as tr from "@generated/ftl";
|
|
|
|
import Icon from "$lib/components/Icon.svelte";
|
|
import IconConstrain from "$lib/components/IconConstrain.svelte";
|
|
|
|
import { showInBrowser } from "./lib";
|
|
import type { SummarizedLogQueues } from "./types";
|
|
|
|
export let summary: SummarizedLogQueues;
|
|
|
|
$: notes = summary.queues.map((queue) => queue.notes).flat();
|
|
|
|
function onShow(event: MouseEvent) {
|
|
showInBrowser(notes);
|
|
event.preventDefault();
|
|
}
|
|
</script>
|
|
|
|
{#if notes.length}
|
|
<li>
|
|
<IconConstrain>
|
|
<Icon icon={summary.icon} />
|
|
</IconConstrain>
|
|
{summary.summaryTemplate({ count: notes.length })}
|
|
{#if summary.canBrowse}
|
|
<button class="desktop-only" on:click={onShow}>{tr.importingShow()}</button>
|
|
{/if}
|
|
</li>
|
|
{/if}
|
|
|
|
<style lang="scss">
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
</style>
|