Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-25 22:41:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(client/ts): port abstract_text_type_widget

Browse Source
This commit is contained in:
Elian Doran 2025-03-20 23:09:06 +02:00
parent b44bb4053c
commit 1f69259a93
No known key found for this signature in database
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/public/app/widgets/type_widgets/abstract_text_type_widget.js → src/public/app/widgets/type_widgets/abstract_text_type_widget.ts
View File

@ -1,5 +1,5 @@
import TypeWidget from "./type_widget.js"; import TypeWidget from "./type_widget.js";
import appContext from "../../components/app_context.js"; import appContext, { type EventData } from "../../components/app_context.js";
import froca from "../../services/froca.js"; import froca from "../../services/froca.js";
import linkService from "../../services/link.js"; import linkService from "../../services/link.js";
import contentRenderer from "../../services/content_renderer.js"; import contentRenderer from "../../services/content_renderer.js";
@ -13,7 +13,7 @@ export default class AbstractTextTypeWidget extends TypeWidget {
this.refreshCodeBlockOptions(); this.refreshCodeBlockOptions();
} }
setupImageOpening(singleClickOpens) { setupImageOpening(singleClickOpens: boolean) {
this.$widget.on("dblclick", "img", (e) => this.openImageInCurrentTab($(e.target))); this.$widget.on("dblclick", "img", (e) => this.openImageInCurrentTab($(e.target)));
this.$widget.on("click", "img", (e) => { this.$widget.on("click", "img", (e) => {
@ -29,27 +29,27 @@ export default class AbstractTextTypeWidget extends TypeWidget {
}); });
} }
async openImageInCurrentTab($img) { async openImageInCurrentTab($img: JQuery<HTMLElement>) {
const { noteId, viewScope } = await this.parseFromImage($img); const parsedImage = await this.parseFromImage($img);
if (noteId) { if (parsedImage) {
appContext.tabManager.getActiveContext().setNote(noteId, { viewScope }); appContext.tabManager.getActiveContext()?.setNote(parsedImage.noteId, { viewScope: parsedImage.viewScope });
} else { } else {
window.open($img.prop("src"), "_blank"); window.open($img.prop("src"), "_blank");
} }
} }
async openImageInNewTab($img) { async openImageInNewTab($img: JQuery<HTMLElement>) {
const { noteId, viewScope } = await this.parseFromImage($img); const parsedImage = await this.parseFromImage($img);
if (noteId) { if (parsedImage) {
appContext.tabManager.openTabWithNoteWithHoisting(noteId, { viewScope }); appContext.tabManager.openTabWithNoteWithHoisting(parsedImage.noteId, { viewScope: parsedImage.viewScope });
} else { } else {
window.open($img.prop("src"), "_blank"); window.open($img.prop("src"), "_blank");
} }
} }
async parseFromImage($img) { async parseFromImage($img: JQuery<HTMLElement>) {
const imgSrc = $img.prop("src"); const imgSrc = $img.prop("src");
const imageNoteMatch = imgSrc.match(/\/api\/images\/([A-Za-z0-9_]+)\//); const imageNoteMatch = imgSrc.match(/\/api\/images\/([A-Za-z0-9_]+)\//);
@ -66,7 +66,7 @@ export default class AbstractTextTypeWidget extends TypeWidget {
const attachment = await froca.getAttachment(attachmentId); const attachment = await froca.getAttachment(attachmentId);
return { return {
noteId: attachment.ownerId, noteId: attachment?.ownerId,
viewScope: { viewScope: {
viewMode: "attachments", viewMode: "attachments",
attachmentId: attachmentId attachmentId: attachmentId
@ -77,7 +77,7 @@ export default class AbstractTextTypeWidget extends TypeWidget {
return null; return null;
} }
async loadIncludedNote(noteId, $el) { async loadIncludedNote(noteId: string, $el: JQuery<HTMLElement>) {
const note = await froca.getNote(noteId); const note = await froca.getNote(noteId);
if (note) { if (note) {
@ -97,11 +97,11 @@ export default class AbstractTextTypeWidget extends TypeWidget {
} }
} }
async loadReferenceLinkTitle($el, href = null) { async loadReferenceLinkTitle($el: JQuery<HTMLElement>, href: string | null = null) {
await linkService.loadReferenceLinkTitle($el, href); await linkService.loadReferenceLinkTitle($el, href);
} }
refreshIncludedNote($container, noteId) { refreshIncludedNote($container: JQuery<HTMLElement>, noteId: string) {
if ($container) { if ($container) {
$container.find(`section[data-note-id="${noteId}"]`).each((_, el) => { $container.find(`section[data-note-id="${noteId}"]`).each((_, el) => {
this.loadIncludedNote(noteId, $(el)); this.loadIncludedNote(noteId, $(el));
@ -114,7 +114,7 @@ export default class AbstractTextTypeWidget extends TypeWidget {
this.$widget.toggleClass("word-wrap", wordWrap); this.$widget.toggleClass("word-wrap", wordWrap);
} }
async entitiesReloadedEvent({ loadResults }) { async entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
if (loadResults.isOptionReloaded("codeBlockWordWrap")) { if (loadResults.isOptionReloaded("codeBlockWordWrap")) {
this.refreshCodeBlockOptions(); this.refreshCodeBlockOptions();
} }