@drozdik.m/common-dialog-window
Version:
Nice and easy-to-use list of common info dialog windows
335 lines (334 loc) • 18.9 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
exports.__esModule = true;
var dialog_window_1 = require("@drozdik.m/dialog-window");
//--------------------------------------------------
//----------COMMON DIALOG WINDOW PROPERTIES---------
//--------------------------------------------------
var DialogWindowProperties = /** @class */ (function () {
function DialogWindowProperties(id, buttonClass) {
this.id = id;
this.buttonClass = buttonClass;
}
return DialogWindowProperties;
}());
var CommonDialogWindowProperties = /** @class */ (function (_super) {
__extends(CommonDialogWindowProperties, _super);
function CommonDialogWindowProperties() {
return _super !== null && _super.apply(this, arguments) || this;
}
CommonDialogWindowProperties.prototype.GenerateDialogWindowHTML = function () {
return "<div id=\"" + this.id + "\" class=\"commonDialogWindowContent\"> <p class=\"dialogWindowHeading\"></p> <p class=\"message\"></p> <div class=\"commonButtonWrapper\"> <button class=\"commonButton " + this.buttonClass + " dialogClose\"></button> </div> </div>";
};
return CommonDialogWindowProperties;
}(DialogWindowProperties));
var CommonDialogWindowProperties_Green = /** @class */ (function (_super) {
__extends(CommonDialogWindowProperties_Green, _super);
function CommonDialogWindowProperties_Green(id) {
return _super.call(this, id, "commonButtonGreen") || this;
}
return CommonDialogWindowProperties_Green;
}(CommonDialogWindowProperties));
var CommonDialogWindowProperties_Yellow = /** @class */ (function (_super) {
__extends(CommonDialogWindowProperties_Yellow, _super);
function CommonDialogWindowProperties_Yellow(id) {
return _super.call(this, id, "commonButtonYellow") || this;
}
return CommonDialogWindowProperties_Yellow;
}(CommonDialogWindowProperties));
var CommonDialogWindowProperties_Red = /** @class */ (function (_super) {
__extends(CommonDialogWindowProperties_Red, _super);
function CommonDialogWindowProperties_Red(id) {
return _super.call(this, id, "commonButtonRed") || this;
}
return CommonDialogWindowProperties_Red;
}(CommonDialogWindowProperties));
var CommonDialogWindowProperties_Grey = /** @class */ (function (_super) {
__extends(CommonDialogWindowProperties_Grey, _super);
function CommonDialogWindowProperties_Grey(id) {
return _super.call(this, id, "commonButtonGrey") || this;
}
return CommonDialogWindowProperties_Grey;
}(CommonDialogWindowProperties));
//--------------------------------------------------
//----------CONFIRMATION DIALOG WINDOW PROPERTIES---
//--------------------------------------------------
var ConfirmationDialogWindowProperties = /** @class */ (function (_super) {
__extends(ConfirmationDialogWindowProperties, _super);
function ConfirmationDialogWindowProperties(id, confirmButtonClass, cancelButtonClass) {
var _this = _super.call(this, id, confirmButtonClass) || this;
_this.cancelButtonClass = cancelButtonClass;
return _this;
}
ConfirmationDialogWindowProperties.prototype.GenerateDialogWindowHTML = function () {
return "<div id=\"" + this.id + "\" class=\"commonDialogWindowContent\"> <p class=\"dialogWindowHeading\">Potvrzen\u00ED</p> <p class=\"message\"></p> <div class=\"commonButtonWrapper\"> <button class=\"commonButton confirmButton " + this.buttonClass + " dialogClose\">Potvrdit</button> <button class=\"commonButton closeButton " + this.cancelButtonClass + " dialogClose\">Zru\u0161it</button> </div> </div>";
};
return ConfirmationDialogWindowProperties;
}(DialogWindowProperties));
var ConfirmationDialogWindowProperties_Green = /** @class */ (function (_super) {
__extends(ConfirmationDialogWindowProperties_Green, _super);
function ConfirmationDialogWindowProperties_Green(id) {
return _super.call(this, id, "commonButtonGreen", "commonButtonGrey") || this;
}
return ConfirmationDialogWindowProperties_Green;
}(ConfirmationDialogWindowProperties));
var ConfirmationDialogWindowProperties_Yellow = /** @class */ (function (_super) {
__extends(ConfirmationDialogWindowProperties_Yellow, _super);
function ConfirmationDialogWindowProperties_Yellow(id) {
return _super.call(this, id, "commonButtonYellow", "commonButtonGrey") || this;
}
return ConfirmationDialogWindowProperties_Yellow;
}(ConfirmationDialogWindowProperties));
var ConfirmationDialogWindowProperties_Red = /** @class */ (function (_super) {
__extends(ConfirmationDialogWindowProperties_Red, _super);
function ConfirmationDialogWindowProperties_Red(id) {
return _super.call(this, id, "commonButtonRed", "commonButtonGrey") || this;
}
return ConfirmationDialogWindowProperties_Red;
}(ConfirmationDialogWindowProperties));
var ConfirmationDialogWindowProperties_Grey = /** @class */ (function (_super) {
__extends(ConfirmationDialogWindowProperties_Grey, _super);
function ConfirmationDialogWindowProperties_Grey(id) {
return _super.call(this, id, "commonButtonGrey", "commonButtonGrey") || this;
}
return ConfirmationDialogWindowProperties_Grey;
}(ConfirmationDialogWindowProperties));
//--------------------------------------------------
//----------COMMON DIALOG WINDOWS-------------------
//--------------------------------------------------
var CommonDialogWindow = /** @class */ (function () {
//--------------------------------------------------
//---------CONSTRUCTOR------------------------------
//--------------------------------------------------
function CommonDialogWindow() {
}
//--------------------------------------------------
//----------METHODS---------------------------------
//--------------------------------------------------
/**
* Handles existance of the dialog window
* @param dialogWindow Dialog window
* @param dialogWindowProperties Dialog window properties
*/
CommonDialogWindow.HandleDialogWindowExistance = function (dialogWindow, dialogWindowProperties) {
//Window already exists
if (dialogWindow !== null)
return dialogWindow;
//Append the window
document.body.insertAdjacentHTML("beforeend", dialogWindowProperties.GenerateDialogWindowHTML());
//Create dialog class
return new dialog_window_1.DialogWindow(dialogWindowProperties.id);
};
//--------------------------------------------------
//----------COMMON DIALOG WINDOWS-------------------
//--------------------------------------------------
/**
* Shows success dialog window
* @param message Message
* @param heading Heading
* @param confirmButton Confirm button text
*/
CommonDialogWindow.Success = function (message, heading, confirmButton) {
if (heading === void 0) { heading = "Úspěch"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.SuccessDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.SuccessDialogWindow, CommonDialogWindow.SuccessDialogSettings);
//Change content
CommonDialogWindow.FillCommonDialogWindow(CommonDialogWindow.SuccessDialogSettings.id, message, heading, confirmButton);
//Open dialog window
CommonDialogWindow.SuccessDialogWindow.Open();
};
/**
* Shows warning dialog window
* @param message Message
* @param heading Heading
* @param confirmButton Confirm button text
*/
CommonDialogWindow.Warning = function (message, heading, confirmButton) {
if (heading === void 0) { heading = "Varování"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.WarningDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.WarningDialogWindow, CommonDialogWindow.WarningDialogSettings);
//Change content
CommonDialogWindow.FillCommonDialogWindow(CommonDialogWindow.WarningDialogSettings.id, message, heading, confirmButton);
//Open dialog window
CommonDialogWindow.WarningDialogWindow.Open();
};
/**
* Shows error dialog window
* @param message Message
* @param heading Heading
* @param confirmButton Confirm button text
*/
CommonDialogWindow.Error = function (message, heading, confirmButton) {
if (heading === void 0) { heading = "Error"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.ErrorDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.ErrorDialogWindow, CommonDialogWindow.ErrorDialogSettings);
//Change content
CommonDialogWindow.FillCommonDialogWindow(CommonDialogWindow.ErrorDialogSettings.id, message, heading, confirmButton);
//Open dialog window
CommonDialogWindow.ErrorDialogWindow.Open();
};
/**
* Shows information dialog window
* @param message Message
* @param heading Heading
* @param confirmButton Confirm button text
*/
CommonDialogWindow.Info = function (message, heading, confirmButton) {
if (heading === void 0) { heading = "Informace"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.InfoDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.InfoDialogWindow, CommonDialogWindow.InfoDialogSettings);
//Change content
CommonDialogWindow.FillCommonDialogWindow(CommonDialogWindow.InfoDialogSettings.id, message, heading, confirmButton);
//Open dialog window
CommonDialogWindow.InfoDialogWindow.Open();
};
/**
* Updates common dialog window content
* @param dialogId Dialog window ID
* @param message Message
* @param heading Heading
* @param confirmButton Confirm button text
*/
CommonDialogWindow.FillCommonDialogWindow = function (dialogId, message, heading, confirmButton) {
var dialog = document.getElementById(dialogId);
dialog.querySelector(".message").innerHTML = message;
dialog.querySelector(".dialogWindowHeading").innerHTML = heading;
dialog.querySelector(".commonButton").innerHTML = confirmButton;
};
//--------------------------------------------------
//----------CONFIRMATION DIALOG WINDOWS-------------
//--------------------------------------------------
/**
* Pops green confirmation dialog window. If confirmed, confirm action is called
* @param message Message
* @param confirmAction Function called on confirmation
* @param heading Heading
* @param closeButton Close button text
* @param confirmButton Confirm button text
*/
CommonDialogWindow.GreenConfirm = function (message, confirmAction, heading, closeButton, confirmButton) {
if (heading === void 0) { heading = "Potvrzení"; }
if (closeButton === void 0) { closeButton = "Zavřít"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.GreenConfirmationDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.GreenConfirmationDialogWindow, CommonDialogWindow.GreenConfirmationDialogSettings);
//Change content
CommonDialogWindow.FillConfirmDialogWindow(CommonDialogWindow.GreenConfirmationDialogSettings.id, confirmAction, message, heading, closeButton, confirmButton);
//Open dialog window
CommonDialogWindow.GreenConfirmationDialogWindow.Open();
};
/**
* Pops yellow confirmation dialog window. If confirmed, confirm action is called
* @param message Message
* @param confirmAction Function called on confirmation
* @param heading Heading
* @param closeButton Close button text
* @param confirmButton Confirm button text
*/
CommonDialogWindow.YellowConfirm = function (message, confirmAction, heading, closeButton, confirmButton) {
if (heading === void 0) { heading = "Potvrzení"; }
if (closeButton === void 0) { closeButton = "Zavřít"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.YellowConfirmationDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.YellowConfirmationDialogWindow, CommonDialogWindow.YellowConfirmationDialogSettings);
//Change content
CommonDialogWindow.FillConfirmDialogWindow(CommonDialogWindow.YellowConfirmationDialogSettings.id, confirmAction, message, heading, closeButton, confirmButton);
//Open dialog window
CommonDialogWindow.YellowConfirmationDialogWindow.Open();
};
/**
* Pops red confirmation dialog window. If confirmed, confirm action is called
* @param message Message
* @param confirmAction Function called on confirmation
* @param heading Heading
* @param closeButton Close button text
* @param confirmButton Confirm button text
*/
CommonDialogWindow.RedConfirm = function (message, confirmAction, heading, closeButton, confirmButton) {
if (heading === void 0) { heading = "Potvrzení"; }
if (closeButton === void 0) { closeButton = "Zavřít"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.RedConfirmationDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.RedConfirmationDialogWindow, CommonDialogWindow.RedConfirmationDialogSettings);
//Change content
CommonDialogWindow.FillConfirmDialogWindow(CommonDialogWindow.RedConfirmationDialogSettings.id, confirmAction, message, heading, closeButton, confirmButton);
//Open dialog window
CommonDialogWindow.RedConfirmationDialogWindow.Open();
};
/**
* Pops black confirmation dialog window. If confirmed, confirm action is called
* @param message Message
* @param confirmAction Function called on confirmation
* @param heading Heading
* @param closeButton Close button text
* @param confirmButton Confirm button text
*/
CommonDialogWindow.BlackConfirm = function (message, confirmAction, heading, closeButton, confirmButton) {
if (heading === void 0) { heading = "Potvrzení"; }
if (closeButton === void 0) { closeButton = "Zavřít"; }
if (confirmButton === void 0) { confirmButton = "Potvrdit"; }
//Handle dialog window
CommonDialogWindow.GreyConfirmationDialogWindow = CommonDialogWindow.HandleDialogWindowExistance(CommonDialogWindow.GreyConfirmationDialogWindow, CommonDialogWindow.GreyConfirmationDialogSettings);
//Change content
CommonDialogWindow.FillConfirmDialogWindow(CommonDialogWindow.GreyConfirmationDialogSettings.id, confirmAction, message, heading, closeButton, confirmButton);
//Open dialog window
CommonDialogWindow.GreyConfirmationDialogWindow.Open();
};
/**
* Updates confirm dialog window content
* @param dialogId Dialog window ID
* @param message Message
* @param heading Heading
* @param closeButton Close button text
* @param confirmButton Confirm button text
*/
CommonDialogWindow.FillConfirmDialogWindow = function (dialogId, confirmAction, message, heading, closeButton, confirmButton) {
var dialog = document.getElementById(dialogId);
dialog.querySelector(".message").innerHTML = message;
dialog.querySelector(".dialogWindowHeading").innerHTML = heading;
dialog.querySelector(".closeButton").innerHTML = closeButton;
var confirmButtonEl = dialog.querySelector(".confirmButton");
confirmButtonEl.innerHTML = confirmButton;
confirmButtonEl.onclick = confirmAction;
};
//--------------------------------------------------
//----------VARIABLES-------------------------------
//--------------------------------------------------
//Dialog windows
CommonDialogWindow.SuccessDialogWindow = null;
CommonDialogWindow.WarningDialogWindow = null;
CommonDialogWindow.ErrorDialogWindow = null;
CommonDialogWindow.InfoDialogWindow = null;
//Information dialog settings
CommonDialogWindow.SuccessDialogSettings = new CommonDialogWindowProperties_Green("dialogSuccess");
CommonDialogWindow.WarningDialogSettings = new CommonDialogWindowProperties_Yellow("dialogWarning");
CommonDialogWindow.ErrorDialogSettings = new CommonDialogWindowProperties_Red("dialogError");
CommonDialogWindow.InfoDialogSettings = new CommonDialogWindowProperties_Grey("dialogInfo");
//Confirmation dialog settings
CommonDialogWindow.GreenConfirmationDialogWindow = null;
CommonDialogWindow.YellowConfirmationDialogWindow = null;
CommonDialogWindow.RedConfirmationDialogWindow = null;
CommonDialogWindow.GreyConfirmationDialogWindow = null;
//Confirmation dialog settings
CommonDialogWindow.GreenConfirmationDialogSettings = new ConfirmationDialogWindowProperties_Green("dialogGreenConfirmation");
CommonDialogWindow.YellowConfirmationDialogSettings = new ConfirmationDialogWindowProperties_Yellow("dialogYellowConfirmation");
CommonDialogWindow.RedConfirmationDialogSettings = new ConfirmationDialogWindowProperties_Red("dialogRedConfirmation");
CommonDialogWindow.GreyConfirmationDialogSettings = new ConfirmationDialogWindowProperties_Grey("dialogGreyConfirmation");
return CommonDialogWindow;
}());
exports.CommonDialogWindow = CommonDialogWindow;