mirror of
https://github.com/ankitects/anki.git
synced 2025-11-06 12:47:11 -05:00
36 lines
1 KiB
Svelte
36 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 AddButton from "./AddButton.svelte";
|
|
import CloseButton from "./CloseButton.svelte";
|
|
import HelpButton from "./HelpButton.svelte";
|
|
import HistoryButton from "./HistoryButton.svelte";
|
|
import type { EditorMode, HistoryEntry } from "./types";
|
|
|
|
export let mode: EditorMode;
|
|
export let onClose: () => void;
|
|
export let onAdd: () => void;
|
|
export let onHistory: () => void;
|
|
export let history: HistoryEntry[] = [];
|
|
</script>
|
|
|
|
<div class="action-buttons d-flex flex-row-reverse">
|
|
{#if mode === "add"}
|
|
<HelpButton />
|
|
{/if}
|
|
{#if mode === "add" || mode === "current"}
|
|
<CloseButton {onClose} enableShortcut={mode === "current"} />
|
|
{/if}
|
|
{#if mode === "add"}
|
|
<HistoryButton {onHistory} {history} />
|
|
<AddButton {onAdd} />
|
|
{/if}
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
.action-buttons {
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|