import TabAwareWidget from "./tab_aware_widget.js";

const TPL = `
<div style="display: inline-flex;">
    <button class="btn btn-sm icon-button bx bx-play-circle render-button"
            title="Render"></button>
    
    <button class="btn btn-sm icon-button bx bx-play-circle execute-script-button"
            title="Execute (Ctrl+Enter)"></button>
</div>`;

export default class RunScriptButtonsWidget extends TabAwareWidget {
    doRender() {
        this.$widget = $(TPL);

        this.$renderButton = this.$widget.find('.render-button');
        this.$executeScriptButton = this.$widget.find('.execute-script-button');

        return this.$widget;
    }

    refreshWithNote(note) {
        this.$renderButton.toggle(note.type === 'render');console.log("note.mime", note.mime);
        this.$executeScriptButton.toggle(note.mime.startsWith('application/javascript'));
    }

    async entitiesReloadedEvent({loadResults}) {
        if (loadResults.isNoteReloaded(this.noteId)) {
            this.refresh();
        }
    }
}