Rename showImageHandle to showHandles

This commit is contained in:
Henrik Giesel 2021-08-05 22:18:40 +02:00
parent 6a1fae53df
commit 922461ea47
3 changed files with 9 additions and 13 deletions

View file

@ -12,13 +12,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
$: encoded = encodeURIComponent(converted); $: encoded = encodeURIComponent(converted);
</script> </script>
<img <img src="data:image/svg+xml,{encoded}" class:block alt="Mathjax" data-anki="mathjax" />
src="data:image/svg+xml,{encoded}"
class:block
alt="Mathjax"
data-anki="mathjax"
data-mathjax={mathjax}
/>
<style lang="scss"> <style lang="scss">
img { img {

View file

@ -77,7 +77,9 @@ export const Mathjax: DecoratedElementConstructor = class Mathjax
} }
block = false; block = false;
disconnect: () => void = () => {/* noop */}; disconnect: () => void = () => {
/* noop */
};
constructor() { constructor() {
super(); super();

View file

@ -81,7 +81,7 @@ export class EditingArea extends HTMLDivElement {
this.onBlur = this.onBlur.bind(this); this.onBlur = this.onBlur.bind(this);
this.onKey = this.onKey.bind(this); this.onKey = this.onKey.bind(this);
this.onPaste = this.onPaste.bind(this); this.onPaste = this.onPaste.bind(this);
this.showImageHandle = this.showImageHandle.bind(this); this.showHandles = this.showHandles.bind(this);
} }
get activeInput(): Editable | Codable { get activeInput(): Editable | Codable {
@ -122,7 +122,7 @@ export class EditingArea extends HTMLDivElement {
this.addEventListener("copy", onCutOrCopy); this.addEventListener("copy", onCutOrCopy);
this.addEventListener("oncut", onCutOrCopy); this.addEventListener("oncut", onCutOrCopy);
this.addEventListener("mouseup", updateActiveButtons); this.addEventListener("mouseup", updateActiveButtons);
this.editable.addEventListener("click", this.showImageHandle); this.editable.addEventListener("click", this.showHandles);
} }
disconnectedCallback(): void { disconnectedCallback(): void {
@ -135,7 +135,7 @@ export class EditingArea extends HTMLDivElement {
this.removeEventListener("copy", onCutOrCopy); this.removeEventListener("copy", onCutOrCopy);
this.removeEventListener("oncut", onCutOrCopy); this.removeEventListener("oncut", onCutOrCopy);
this.removeEventListener("mouseup", updateActiveButtons); this.removeEventListener("mouseup", updateActiveButtons);
this.editable.removeEventListener("click", this.showImageHandle); this.editable.removeEventListener("click", this.showHandles);
} }
initialize(color: string, content: string): void { initialize(color: string, content: string): void {
@ -223,8 +223,8 @@ export class EditingArea extends HTMLDivElement {
); );
} }
showImageHandle(event: MouseEvent): void { showHandles(event: MouseEvent): void {
if (event.target instanceof HTMLImageElement) { if (event.target instanceof HTMLImageElement && !event.target.dataset.anki) {
this.imageHandle.then((imageHandle) => this.imageHandle.then((imageHandle) =>
(imageHandle as any).$set({ (imageHandle as any).$set({
activeImage: event.target, activeImage: event.target,