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);
        });
    });
}