chore(bootstrap): import Bootstrap modules

This commit is contained in:
Panagiotis Papadopoulos
2025-02-21 20:41:00 +01:00
parent fc6b9e00bc
commit ba3599911f
18 changed files with 44 additions and 26 deletions

View File

@@ -11,6 +11,7 @@ import dialogService from "../../services/dialog.js";
import options from "../../services/options.js";
import type FNote from "../../entities/fnote.js";
import type { NoteType } from "../../entities/fnote.js";
import { Dropdown, Modal } from "bootstrap";
const TPL = `
<div class="revisions-dialog modal fade mx-auto" tabindex="-1" role="dialog">
@@ -101,9 +102,9 @@ export default class RevisionsDialog extends BasicWidget {
private revisionId: string | null;
//@ts-ignore
private modal: bootstrap.Modal;
private modal: Modal;
//@ts-ignore
private listDropdown: bootstrap.Dropdown;
private listDropdown: Dropdown;
private $list!: JQuery<HTMLElement>;
private $listDropdown!: JQuery<HTMLElement>;
@@ -126,12 +127,12 @@ export default class RevisionsDialog extends BasicWidget {
doRender() {
this.$widget = $(TPL);
//@ts-ignore
this.modal = bootstrap.Modal.getOrCreateInstance(this.$widget);
this.modal = Modal.getOrCreateInstance(this.$widget);
this.$list = this.$widget.find(".revision-list");
this.$listDropdown = this.$widget.find(".revision-list-dropdown");
//@ts-ignore
this.listDropdown = bootstrap.Dropdown.getOrCreateInstance(this.$listDropdown, { autoClose: false });
this.listDropdown = Dropdown.getOrCreateInstance(this.$listDropdown, { autoClose: false });
this.$content = this.$widget.find(".revision-content");
this.$title = this.$widget.find(".revision-title");
this.$titleButtons = this.$widget.find(".revision-title-buttons");