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

Display Mathjax editor and buttons at the same time

Browse source
This commit is contained in:
Henrik Giesel 2021-08-07 02:25:16 +02:00
parent b06b5e9151
commit b361bcc69f
2 changed files with 22 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ts/editable/mathjax-component.ts
View file

@ -130,8 +130,10 @@ export const Mathjax: DecoratedElementConstructor = class Mathjax
case "block": case "block":
this.block = newValue !== "false"; this.block = newValue !== "false";
this.component?.$set({ block: this.block }); this.component?.$set({ block: this.block });
break;
case "data-mathjax": case "data-mathjax":
this.component?.$set({ mathjax: newValue }); this.component?.$set({ mathjax: newValue });
break;
} }
} }

13
ts/editor/MathjaxHandle.svelte
View file

@ -27,7 +27,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
resizeObserver.observe(container); resizeObserver.observe(container);
let updateSelection: () => void; let updateSelection: () => void;
let edit = false;
function onUpdate(event: CustomEvent) { function onUpdate(event: CustomEvent) {
activeImage!.parentElement!.dataset.mathjax = event.detail.mathjax; activeImage!.parentElement!.dataset.mathjax = event.detail.mathjax;
@ -51,15 +50,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
bind:updateSelection bind:updateSelection
on:mount={(event) => createDropdown(event.detail.selection)} on:mount={(event) => createDropdown(event.detail.selection)}
> >
<HandleBackground <HandleBackground on:click={(event) => event.stopPropagation()} />
on:click={(event) => event.stopPropagation()}
on:dblclick={() => (edit = !edit)}
/>
<HandleControl offsetX={1} offsetY={1} /> <HandleControl offsetX={1} offsetY={1} />
</HandleSelection> </HandleSelection>
{#if !edit}
<DropdownMenu> <DropdownMenu>
<MathjaxHandleEditor <MathjaxHandleEditor
initialValue={activeImage.parentElement?.dataset.mathjax ?? ""} initialValue={activeImage.parentElement?.dataset.mathjax ?? ""}
@ -68,9 +63,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
setTimeout(dropdownObject.update); setTimeout(dropdownObject.update);
}} }}
/> />
</DropdownMenu>
{:else}
<ButtonDropdown>
<div <div
on:click={() => { on:click={() => {
updateSelection(); updateSelection();
@ -81,7 +73,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<MathjaxHandleInlineBlock {activeImage} {isRtl} /> <MathjaxHandleInlineBlock {activeImage} {isRtl} />
</Item> </Item>
</div> </div>
</ButtonDropdown> </DropdownMenu>
{/if}
{/if} {/if}
</WithDropdown> </WithDropdown>