diff --git a/ftl/core/change-notetype.ftl b/ftl/core/change-notetype.ftl index 82df06249..b8839c805 100644 --- a/ftl/core/change-notetype.ftl +++ b/ftl/core/change-notetype.ftl @@ -2,6 +2,8 @@ change-notetype-current = Current change-notetype-new = New change-notetype-will-discard-content = Will discard content on the following fields: change-notetype-will-discard-cards = Will remove the following cards: +change-notetype-collapse = Collapse +change-notetype-expand = Expand change-notetype-fields = Fields change-notetype-templates = Templates change-notetype-to-from-cloze = diff --git a/ts/change-notetype/Mapper.svelte b/ts/change-notetype/Mapper.svelte index d90cf1030..ec90dd304 100644 --- a/ts/change-notetype/Mapper.svelte +++ b/ts/change-notetype/Mapper.svelte @@ -6,9 +6,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html import Container from "../components/Container.svelte"; import Row from "../components/Row.svelte"; import Col from "../components/Col.svelte"; + import Badge from "../components/Badge.svelte"; import MapperRow from "./MapperRow.svelte"; import * as tr from "../lib/ftl"; import { ChangeNotetypeState, MapContext } from "./lib"; + import { plusIcon, minusIcon } from "./icons"; import { slide } from "svelte/transition"; export let state: ChangeNotetypeState; @@ -21,8 +23,45 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html ctx === MapContext.Field ? tr.changeNotetypeWillDiscardContent() : tr.changeNotetypeWillDiscardCards(); + + let maxItems: number = 4; + let collapsed: boolean = true; + $: collapseMsg = collapsed + ? tr.changeNotetypeExpand() + : tr.changeNotetypeCollapse(); + $: icon = collapsed ? plusIcon : minusIcon; +{#if unused.length > 0} +
+ {#if unused.length > maxItems} +
collapsed = !collapsed}> + + {@html icon} + + {collapseMsg} +
+ {/if} + {unusedMsg} + +
+{/if} + {tr.changeNotetypeCurrent()} @@ -34,13 +73,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html {/each} -{#if unused.length > 0} -
- {unusedMsg} - -
-{/if} +