anki/ts/deckoptions/SaveButton.svelte
Damien Elmes 0026506543 update ts deps
- prettier's formatting has changed, so files needed to be reformatted
- dart is spitting out deprecation warnings like:

254 │   2: $spacer / 2,
    │      ^^^^^^^^^^^
    ╵
    bazel-out/darwin-fastbuild/bin/ts/sass/bootstrap/_variables.scss 254:6  @import
    ts/sass/button_mixins.scss 2:9                                          @use
    ts/components/ColorPicker.svelte 2:5                                    root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($grid-gutter-width, 2)
2021-05-26 09:37:40 +10:00

72 lines
2.6 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 "lib/i18n";
import { createEventDispatcher } from "svelte";
import type { DeckOptionsState } from "./lib";
import ButtonGroup from "components/ButtonGroup.svelte";
import ButtonGroupItem from "components/ButtonGroupItem.svelte";
import LabelButton from "components/LabelButton.svelte";
import DropdownMenu from "components/DropdownMenu.svelte";
import DropdownItem from "components/DropdownItem.svelte";
import DropdownDivider from "components/DropdownDivider.svelte";
import WithDropdownMenu from "components/WithDropdownMenu.svelte";
const dispatch = createEventDispatcher();
export let state: DeckOptionsState;
function removeConfig(): void {
// show pop-up after dropdown has gone away
setTimeout(() => {
if (state.defaultConfigSelected()) {
alert(tr.schedulingTheDefaultConfigurationCantBeRemoved());
return;
}
// fixme: move tr.qt_misc schema mod msg into core
// fixme: include name of deck in msg
const msg = state.removalWilLForceFullSync()
? "This will require a one-way sync. Are you sure?"
: "Are you sure?";
if (confirm(msg)) {
try {
state.removeCurrentConfig();
} catch (err) {
alert(err);
}
}
}, 100);
}
function save(applyToChildDecks: boolean): void {
state.save(applyToChildDecks);
}
</script>
<ButtonGroup>
<ButtonGroupItem>
<LabelButton theme="primary" on:click={() => save(false)}>Save</LabelButton>
</ButtonGroupItem>
<ButtonGroupItem>
<WithDropdownMenu let:createDropdown let:activateDropdown let:menuId>
<LabelButton on:mount={createDropdown} on:click={activateDropdown} />
<DropdownMenu id={menuId}>
<DropdownItem on:click={() => dispatch("add")}>Add Config</DropdownItem>
<DropdownItem on:click={() => dispatch("rename")}>
Rename Config
</DropdownItem>
<DropdownItem on:click={removeConfig}>Remove Config</DropdownItem>
<DropdownDivider />
<DropdownItem on:click={() => save(true)}>
Save to All Children
</DropdownItem>
</DropdownMenu>
</WithDropdownMenu>
</ButtonGroupItem>
</ButtonGroup>