declare var bootstrap: any; var bsVersion = 5; function createModal(id: string, find?: boolean): any { let modal: any; if (find) { modal = bootstrap.Modal.getInstance(document.getElementById(id)); } else { modal = new bootstrap.Modal(document.getElementById(id)); } document.getElementById(id).addEventListener('shown.bs.modal', (): void => document.body.classList.add("modal-open")); return { modal: modal, show: function (): any { const temp = this.modal.show(); return temp; }, hide: function (): any { return this.modal.hide(); } }; } function triggerTooltips(): void { (document.getElementById('settingsMenu') as HTMLButtonElement).addEventListener('shown.bs.modal', (): void => { const checkboxes = [].slice.call(document.getElementById('settingsMenu').querySelectorAll('input[type="checkbox"]')); for (const i in checkboxes) { checkboxes[i].click(); checkboxes[i].click(); } const tooltips = [].slice.call(document.querySelectorAll('a[data-toggle="tooltip"]')); tooltips.map((el: HTMLAnchorElement): any => { return new bootstrap.Tooltip(el); }); }); }