TeaWeb/shared/js/ui/modal/ModalYesNo.ts

/// <reference path="../../utils/modal.ts" />

namespace Modals {
    export function spawnYesNo(header: BodyCreator, body: BodyCreator, callback: (_: boolean) => any, properties?: {
        text_yes?: string,
        text_no?: string
    }) {
        properties = properties || {};

        const props = ModalFunctions.warpProperties({});
        props.template_properties || (props.template_properties = {});
        props.template_properties.text_yes = properties.text_yes || tr("Yes");
        props.template_properties.text_no = properties.text_no || tr("No");
        props.template = "#tmpl_modal_yesno";

        props.header = header;
        props.template_properties.question = ModalFunctions.jqueriefy(body);

        const modal = createModal(props);
        let submited = false;
        const button_yes = modal.htmlTag.find(".button-yes");
        const button_no = modal.htmlTag.find(".button-no");

        button_yes.on('click', event => {
            if(!submited) {
                submited = true;
                callback(true);
            }
            modal.close();
        });

        button_no.on('click', event => {
            if(!submited) {
                submited = true;
                callback(false);
            }
            modal.close();
        });

        modal.close_listener.push(() => button_no.trigger('click'));
        modal.open();
        return modal;
    }
}