extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-08 09:05:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add confirm method, with fixed YES_NO buttons and submit functionality, which could be exchanged by old javascript confirm() function

Browse Source
This commit is contained in:
Hadi Nategh 2013-12-05 08:53:11 +00:00
parent fac4e68213
commit 53006083e9
1 changed files with 43 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
etemplate/js/et2_widget_dialog.js
View File

@ -19,7 +19,7 @@
/**
* A common dialog widget that makes it easy to imform users or prompt for information.
*
* It is possible to have a custom dialog by using a template, but you can also use
* It is possible to have a custom dialog by using a template, but you can also use
* the static method et2_dialog.show_dialog(). At its simplest, you can just use:
* <code>
* et2_dialog.show_dialog(false, "Operation completed");
@ -46,7 +46,7 @@
* et2_dialog.BUTTONS_YES_NO_CANCEL, et2_dialog.WARNING_MESSAGE
* );
* </code>
*
*
*
* The parameters for the above are all optional, except callback and message:
* callback - function called when the dialog closes, or false/null.
@ -59,7 +59,7 @@
* dialog_type - et2_dialog *_MESSAGE constant
* icon - URL of icon
*
* Note that these methods will _not_ block program flow while waiting for user input.
* Note that these methods will _not_ block program flow while waiting for user input.
* The user's input will be provided to the callback.
*
* You can also use the standard et2_createWidget() to create a custom dialog using an etemplate, even setting all
@ -79,7 +79,7 @@
* // Do what you like, but don't forget this line:
* $j(this).dialog("close")
* }, class="ui-state-error"},
*
*
* ],
* title: 'Why would you want to do this?',
* template:"/egroupware/addressbook/templates/default/edit.xet",
@ -90,7 +90,7 @@
* @see http://api.jqueryui.com/dialog/
*/
var et2_dialog = et2_widget.extend({
attributes: {
callback: {
@ -201,7 +201,7 @@ var et2_dialog = et2_widget.extend({
/**
* Constructor
*
*
* @memberOf et2_dialog
*/
init: function() {
@ -333,14 +333,14 @@ var et2_dialog = et2_widget.extend({
}
this.options.buttons = buttons;
}
// If dialog already created, update buttons
if(this.div.data('ui-dialog'))
{
this.div.dialog("option", "buttons", buttons);
// Focus default button so enter works
$j('.ui-dialog-buttonpane button[default]',this.div.parent()).focus();
$j('.ui-dialog-buttonpane button[default]',this.div.parent()).focus();
}
},
@ -403,7 +403,7 @@ var et2_dialog = et2_widget.extend({
title: this.options.title,
open: function() {
// Focus default button so enter works
$j(this).parents('.ui-dialog-buttonpane button[default]').focus();
$j(this).parents('.ui-dialog-buttonpane button[default]').focus();
},
close: jQuery.proxy(function() {this.destroy();},this)
});
@ -412,13 +412,13 @@ var et2_dialog = et2_widget.extend({
et2_register_widget(et2_dialog, ["dialog"]);
// Static class stuff
jQuery.extend(et2_dialog,
jQuery.extend(et2_dialog,
/** @lends et2_dialog */
{
// Some class constants //
/**
* Types
* Types
* @constant
*/
PLAIN_MESSAGE: 0,
@ -462,7 +462,7 @@ jQuery.extend(et2_dialog,
value: _value
});
},
/**
* Show a prompt dialog
*
@ -472,7 +472,7 @@ jQuery.extend(et2_dialog,
* @param String _value for prompt, passed to callback as 2. parameter
* @param integer|Array _buttons One of the BUTTONS_ constants defining the set of buttons at the bottom of the box
*/
show_prompt: function(_callback, _message, _title, _value, _buttons)
show_prompt: function(_callback, _message, _title, _value, _buttons)
{
var callback = _callback;
// Just pass them along, widget handles defaults & missing
@ -494,5 +494,33 @@ jQuery.extend(et2_dialog,
template: egw.webserverUrl+'/etemplate/templates/default/prompt.xet',
class: "et2_prompt"
});
}
},
/**
* Method to build a confirmation dialog only with
* YES OR NO buttons and submit content back to server
*
* @param {widget} _senders widget that has been clicked
* @param {String} _dialogMsg message shows in dialog box
* @param {String} _titleMsg message shows as a title of the dialog box
*
* @description submit the form contents including the button that has been pressed
*/
confirm: function(_senders,_dialogMsg, _titleMsg)
{
var senders = _senders;
var buttonId = _senders.id;
var dialogMsg = (typeof _dialogMsg !="undefined") ? _dialogMsg : '';
var titleMsg = (typeof _titleMsg !="undefined") ? _titleMsg : '';
var callbackDialog = function (button_id)
{
if (button_id == et2_dialog.YES_BUTTON )
{
senders.getRoot().getInstanceManager().submit(buttonId);
}
}
et2_dialog.show_dialog(callbackDialog, egw.lang(dialogMsg),egw.lang(titleMsg), {},et2_dialog.BUTTON_YES_NO, et2_dialog.WARNING_MESSAGE);
},
});