JSFiddle - React, Tailwind, and code Playground
by darknessm0404
JavaScript
//**************************************************** WINDOW MANAGEMENT ****************************************************//
var Dialog = {
isNew : function($dialog)
{
if($dialog.data("justOpened")===undefined)
return false;
$dialog.removeData("justOpened");
return true;
},
setTitle: function($dialog, sTitle)
{
$dialog.find("> .modal-header > h3").text(sTitle);
},
get: function(sName, wSize, hSize, sTitle)
{
var $dialog = $("#win"+sName);
if($dialog.length==0)
{
$dialog = $('<div id="win'+sName+'" class="modal fade">\
<div class="modal-header">\
<button class="close" data-dismiss="modal">×</button>\
<h3 class="title"></h3>\
</div>\
<div class="modal-body">\
</div>\
<div class="modal-footer">\
</div>\
</div>').appendTo(document.body);
if(wSize!==undefined)
$dialog.width(wSize);
if(hSize!==undefined)
$dialog.width(hSize);
if(sTitle!==undefined)
this.setTitle($dialog,sTitle);
$dialog.modal({show:false});
$dialog.data("justOpened",true);
}
return $dialog;
},
remove: function(sName)
{
var $dialog = $("#win"+sName);
if($dialog.length>0)
$dialog.remove();
},
addFooterButton: function($dialog, sTitle, sClass, funcOnClick)
{
var $button = $('<a href="#" class="btn '+sClass+'">'+sTitle+'</a>').appendTo($dialog.find("> .modal-footer"));
$button.click(funcOnClick);
return $button;
},
setFooterButtonClick: function($dialog, sTitle, sClass, funcOnClick)
{
var $button = $dialog.find("> .modal-footer ."+sClass.split(' ').join('.'));
if($button.length==0)
{
if(sTitle === undefined)
...