GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-24 16:56:36 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Use translations

Browse source
This commit is contained in:
Abdo 2025-08-14 08:29:01 +03:00
parent 7e021a9408
commit d054e0f078
5 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ts/lib/components/DeckChooser.svelte
View file

@ -7,6 +7,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import { getDeckNames } from "@generated/backend"; import { getDeckNames } from "@generated/backend";
import ItemChooser from "./ItemChooser.svelte"; import ItemChooser from "./ItemChooser.svelte";
import type { DeckNameId } from "@generated/anki/decks_pb"; import type { DeckNameId } from "@generated/anki/decks_pb";
import * as tr from "@generated/ftl";
let decks: DeckNameId[] = $state([]); let decks: DeckNameId[] = $state([]);
let selectedDeck: DeckNameId | null = $state(null); let selectedDeck: DeckNameId | null = $state(null);
@ -21,8 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script> </script>
<ItemChooser <ItemChooser
title="Choose Deck" title={tr.qtMiscChooseDeck()}
searchPlaceholder="Search decks..."
bind:selectedItem={selectedDeck} bind:selectedItem={selectedDeck}
items={decks} items={decks}
icon={mdiBookOutline} icon={mdiBookOutline}

7
ts/lib/components/ItemChooser.svelte
View file

@ -9,7 +9,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import LabelButton from "./LabelButton.svelte"; import LabelButton from "./LabelButton.svelte";
import Modal from "./Modal.svelte"; import Modal from "./Modal.svelte";
import type { IconData } from "./types"; import type { IconData } from "./types";
import * as tr from "@generated/ftl";
interface Item { interface Item {
id: bigint; id: bigint;
name: string; name: string;
@ -17,14 +17,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
interface Props { interface Props {
title: string; title: string;
searchPlaceholder: string;
selectedItem?: Item | null; selectedItem?: Item | null;
items: Item[]; items: Item[];
icon: IconData; icon: IconData;
onChange?: (item: Item) => void; onChange?: (item: Item) => void;
} }
let { title, searchPlaceholder, onChange, icon, items, selectedItem = $bindable(null) }: Props = $props(); let { title, onChange, icon, items, selectedItem = $bindable(null) }: Props = $props();
let modal: Modal | null = $state(null); let modal: Modal | null = $state(null);
let searchQuery = $state(""); let searchQuery = $state("");
@ -84,7 +83,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<input <input
type="text" type="text"
class="search-input" class="search-input"
placeholder={searchPlaceholder} placeholder={tr.actionsSearch()}
bind:value={searchQuery} bind:value={searchQuery}
/> />
{#if searchQuery} {#if searchQuery}

4
ts/lib/components/NotetypeChooser.svelte
View file

@ -8,6 +8,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import { mdiNewspaper } from "./icons"; import { mdiNewspaper } from "./icons";
import { getNotetypeNames } from "@generated/backend"; import { getNotetypeNames } from "@generated/backend";
import ItemChooser from "./ItemChooser.svelte"; import ItemChooser from "./ItemChooser.svelte";
import * as tr from "@generated/ftl";
let notetypes: NotetypeNameId[] = $state([]); let notetypes: NotetypeNameId[] = $state([]);
let selectedNotetype: NotetypeNameId | null = $state(null); let selectedNotetype: NotetypeNameId | null = $state(null);
@ -20,8 +21,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script> </script>
<ItemChooser <ItemChooser
title="Choose Note Type" title={tr.qtMiscChooseNoteType()}
searchPlaceholder="Search note types..."
bind:selectedItem={selectedNotetype} bind:selectedItem={selectedNotetype}
items={notetypes} items={notetypes}
icon={mdiNewspaper} icon={mdiNewspaper}

2
ts/routes/editor/base.ts
View file

@ -43,6 +43,8 @@ export const editorModules = [
ModuleName.IMPORTING, ModuleName.IMPORTING,
ModuleName.UNDO, ModuleName.UNDO,
ModuleName.ADDING, ModuleName.ADDING,
ModuleName.QT_MISC,
ModuleName.DECKS,
]; ];
export const components = { export const components = {

10
ts/routes/editor/editor-toolbar/EditorChoosers.svelte
View file

@ -6,16 +6,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<script lang="ts"> <script lang="ts">
import NotetypeChooser from "$lib/components/NotetypeChooser.svelte"; import NotetypeChooser from "$lib/components/NotetypeChooser.svelte";
import DeckChooser from "$lib/components/DeckChooser.svelte"; import DeckChooser from "$lib/components/DeckChooser.svelte";
import * as tr from "@generated/ftl";
</script> </script>
<div class="top-bar"> <div class="top-bar">
<p>Type</p> <p>{tr.notetypesType()}</p>
<div class="notetype-chooser"> <div class="notetype-chooser">
<NotetypeChooser /> <NotetypeChooser/>
</div> </div>
<p>Deck</p> <p>{tr.decksDeck()}</p>
<div class="deck-chooser"> <div class="deck-chooser">
<DeckChooser /> <DeckChooser/>
</div> </div>
</div> </div>