chore(ts): get rid of bootstrap related ts-ignores

This commit is contained in:
Panagiotis Papadopoulos 2025-02-12 08:53:32 +01:00
parent 65ad4c3a2b
commit 4f171fd966

View File

@ -3,6 +3,7 @@ import BasicWidget from "../basic_widget.js";
import utils from "../../services/utils.js"; import utils from "../../services/utils.js";
import UpdateAvailableWidget from "./update_available.js"; import UpdateAvailableWidget from "./update_available.js";
import options from "../../services/options.js"; import options from "../../services/options.js";
import { Tooltip, Dropdown } from "bootstrap";
const TPL = ` const TPL = `
<div class="dropdown global-menu"> <div class="dropdown global-menu">
@ -251,8 +252,8 @@ const TPL = `
export default class GlobalMenuWidget extends BasicWidget { export default class GlobalMenuWidget extends BasicWidget {
private updateAvailableWidget: UpdateAvailableWidget; private updateAvailableWidget: UpdateAvailableWidget;
private isHorizontalLayout: boolean; private isHorizontalLayout: boolean;
private tooltip!: bootstrap.Tooltip; private tooltip!: Tooltip;
private dropdown!: bootstrap.Dropdown; private dropdown!: Dropdown;
private $updateToLatestVersionButton!: JQuery<HTMLElement>; private $updateToLatestVersionButton!: JQuery<HTMLElement>;
private $zoomState!: JQuery<HTMLElement>; private $zoomState!: JQuery<HTMLElement>;
@ -292,16 +293,13 @@ export default class GlobalMenuWidget extends BasicWidget {
</g> </g>
</svg>`) </svg>`)
); );
//TODO: Fix once bootstrap is imported via modules.
//@ts-ignore this.tooltip = new Tooltip(this.$widget.find("[data-bs-toggle='tooltip']")[0], { trigger: "hover" });
this.tooltip = new bootstrap.Tooltip(this.$widget.find("[data-bs-toggle='tooltip']"), { trigger: "hover" });
} else { } else {
$globalMenuButton.toggleClass("bx bx-menu"); $globalMenuButton.toggleClass("bx bx-menu");
} }
//TODO: Fix once bootstrap is imported via modules. this.dropdown = Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']")[0], {
//@ts-ignore
this.dropdown = bootstrap.Dropdown.getOrCreateInstance(this.$widget.find("[data-bs-toggle='dropdown']"), {
alignment: "bottom" alignment: "bottom"
}); });