mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 20:29:29 +00:00
Paolo
120 lines
2.8 KiB
JavaScript
120 lines
2.8 KiB
JavaScript
/**
|
|
* FH-Complete
|
|
*
|
|
* @package
|
|
* @author
|
|
* @copyright Copyright (c) 2016 fhcomplete.org
|
|
* @license GPLv3
|
|
* @link https://fhcomplete.org
|
|
* @since Version 1.0.0
|
|
*/
|
|
|
|
var FHC_DialogLib = {
|
|
|
|
/**
|
|
* Show success message as jQueryUI alert. Works only with bootstrap.
|
|
* @param message
|
|
*/
|
|
alertSuccess: function(message)
|
|
{
|
|
FHC_DialogLib._displayDialog('Success', message, 'ok-sign', 'alert-success');
|
|
},
|
|
|
|
/**
|
|
* Show error message as jQueryUI alert. Works only with bootstrap.
|
|
* @param message
|
|
*/
|
|
alertError: function(message)
|
|
{
|
|
FHC_DialogLib._displayDialog('Error occured', message, 'warning-sign', 'alert-danger');
|
|
},
|
|
|
|
/**
|
|
* Show warning message as jQueryUI alert. Works only with bootstrap.
|
|
* @param message
|
|
*/
|
|
alertWarning: function(message)
|
|
{
|
|
FHC_DialogLib._displayDialog('Warning', message, 'warning-sign', 'alert-warning');
|
|
},
|
|
|
|
/**
|
|
* Show info message as jQueryUI alert. Works only with bootstrap.
|
|
* @param message
|
|
*/
|
|
alertInfo: function(message)
|
|
{
|
|
FHC_DialogLib._displayDialog('Info', message, 'info-sign', 'alert-info');
|
|
},
|
|
|
|
/**
|
|
* Default jQueryUI alert
|
|
* @param title shown as message box heading
|
|
* @param html shown inside message box
|
|
* @param width of the message box
|
|
*/
|
|
alertDefault: function(title, html, width)
|
|
{
|
|
var dialogdiv = $("#fhc-dialoglib-dialog");
|
|
|
|
if (dialogdiv.length)
|
|
dialogdiv.remove();
|
|
|
|
var strDivDialog = "<div id='fhc-dialoglib-dialog'>";
|
|
strDivDialog += html;
|
|
strDivDialog += "</div>";
|
|
|
|
$(strDivDialog).appendTo("body"); // append the dialog div to the body
|
|
|
|
$("#fhc-dialoglib-dialog").dialog({
|
|
title: title,
|
|
dialogClass: "no-close",
|
|
autoOpen: true,
|
|
modal: true,
|
|
resizable: false,
|
|
height: "auto",
|
|
width: width,
|
|
minWidth: 300,
|
|
closeOnEscape: false,
|
|
buttons: [{
|
|
text: "Ok",
|
|
click: function() {
|
|
$("#fhc-dialoglib-dialog").remove();
|
|
}
|
|
}]
|
|
});
|
|
},
|
|
|
|
/**
|
|
* displays the dialog box
|
|
* @param heading
|
|
* @param message
|
|
* @param icon
|
|
* @param colorClass for heading and icon
|
|
* @private
|
|
*/
|
|
_displayDialog: function(heading, message, icon, colorClass)
|
|
{
|
|
var html = "<p class='dialogmessage'><i class='glyphicon glyphicon-"+icon+"'></i> "+message+"</p>";
|
|
FHC_DialogLib.alertDefault(heading, html);
|
|
$(".ui-dialog-titlebar").addClass(colorClass+" text-center");
|
|
$(".glyphicon-"+icon).addClass(colorClass);
|
|
FHC_DialogLib._formatShortDialog();
|
|
},
|
|
|
|
/**
|
|
* formats jQueryUI messagebox as "short", i.e. containing only one line of text,
|
|
* centers the text
|
|
* @private
|
|
*/
|
|
_formatShortDialog: function()
|
|
{
|
|
$(".ui-dialog-title").width("100%");
|
|
$(".ui-dialog-buttonpane.ui-widget-content").css("padding", ".3em .4em .5em .4em");
|
|
$(".ui-dialog .ui-dialog-content").css("padding", "0");
|
|
$(".ui-dialog-buttonset button").css("margin", "0");
|
|
$(".dialogmessage i.glyphicon").css("background-color", "transparent");
|
|
}
|
|
|
|
};
|