JSFiddle - React, Tailwind, and code Playground

by cs3vigny

HTML

<div class="formRow noLabel">
    <input id="saveReportButton" type="button" class="button primary" value="Save Report" />
</div>
<div id="saveReportDialog" style="display:none"> <span>Save Report As </span> 
    <input id="saveReportName" name="saveReportName" type="text" />
</div>

JavaScript

$("#saveReportDialog").dialog({
    autoOpen: false,
    resizable: false,
    position: 'center',
    stack: true,
    height: 'auto',
    width: '300',
    modal: true,
    buttons: [{
        text: "Save",
        click: function () {
            $('#saveThisReport').submit();
        }
    }, {
        text: "Cancel",
        click: function () {
            $(this).dialog("close");
        }
    }]
});
$(".ui-dialog-titlebar").hide();

$("#saveReportButton").click(function () {
    $("#saveReportDialog").dialog('open');
});