mirror of
https://github.com/moodle/moodle.git
synced 2025-06-02 14:15:11 +02:00
MDL-77168 backup: Switch from YUI to confirmation modal
This commit is contained in:
Andrew Nicols
parent
2078efeca9
commit
6a417a3632
@ -134,7 +134,36 @@ abstract class base_moodleform extends moodleform {
|
||||
$buttonarray[] = $this->_form->createElement('submit', 'oneclickbackup', get_string('jumptofinalstep', 'backup'),
|
||||
array('class' => 'oneclickbackup'));
|
||||
}
|
||||
$buttonarray[] = $this->_form->createElement('cancel', 'cancel', get_string('cancel'), array('class' => 'confirmcancel'));
|
||||
|
||||
$cancelparams = [
|
||||
'data-modal' => 'confirmation',
|
||||
'data-modal-content-str' => json_encode([
|
||||
'confirmcancelquestion',
|
||||
'backup',
|
||||
]),
|
||||
'data-modal-yes-button-str' => json_encode([
|
||||
'yes',
|
||||
'moodle',
|
||||
]),
|
||||
];
|
||||
if ($this->uistage->get_ui() instanceof import_ui) {
|
||||
$cancelparams['data-modal-title-str'] = json_encode([
|
||||
'confirmcancelimport',
|
||||
'backup',
|
||||
]);
|
||||
} else if ($this->uistage->get_ui() instanceof restore_ui) {
|
||||
$cancelparams['data-modal-title-str'] = json_encode([
|
||||
'confirmcancelrestore',
|
||||
'backup',
|
||||
]);
|
||||
} else {
|
||||
$cancelparams['data-modal-title-str'] = json_encode([
|
||||
'confirmcancel',
|
||||
'backup',
|
||||
]);
|
||||
}
|
||||
|
||||
$buttonarray[] = $this->_form->createElement('cancel', 'cancel', get_string('cancel'), $cancelparams);
|
||||
$buttonarray[] = $this->_form->createElement(
|
||||
'submit',
|
||||
'submitbutton',
|
||||
@ -383,24 +412,6 @@ abstract class base_moodleform extends moodleform {
|
||||
|
||||
$this->require_definition_after_data();
|
||||
|
||||
$config = new stdClass;
|
||||
if ($this->uistage->get_ui() instanceof import_ui) {
|
||||
$config->title = get_string('confirmcancelimport', 'backup');
|
||||
} else if ($this->uistage->get_ui() instanceof restore_ui) {
|
||||
$config->title = get_string('confirmcancelrestore', 'backup');
|
||||
} else {
|
||||
$config->title = get_string('confirmcancel', 'backup');
|
||||
}
|
||||
$config->question = get_string('confirmcancelquestion', 'backup');
|
||||
$config->yesLabel = $config->title;
|
||||
$config->noLabel = get_string('confirmcancelno', 'backup');
|
||||
$config->closeButtonTitle = get_string('close', 'editor');
|
||||
$PAGE->requires->yui_module(
|
||||
'moodle-backup-confirmcancel',
|
||||
'M.core_backup.confirmcancel.watch_cancel_buttons',
|
||||
array($config)
|
||||
);
|
||||
|
||||
// Get list of module types on course.
|
||||
$modinfo = get_fast_modinfo($COURSE);
|
||||
$modnames = array_map('strval', $modinfo->get_used_module_names(true));
|
||||
|
||||
@ -1,91 +0,0 @@
|
||||
YUI.add('moodle-backup-confirmcancel', function (Y, NAME) {
|
||||
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @module moodle-backup-confirmcancel
|
||||
*/
|
||||
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @class M.core_backup.confirmcancel
|
||||
*/
|
||||
|
||||
|
||||
// Namespace for the backup.
|
||||
M.core_backup = M.core_backup || {};
|
||||
|
||||
M.core_backup.confirmcancel = {
|
||||
/**
|
||||
* An array of EventHandlers which call the confirm_cancel dialogue.
|
||||
*
|
||||
* @property listeners
|
||||
* @protected
|
||||
* @type Array
|
||||
*/
|
||||
listeners: [],
|
||||
|
||||
/**
|
||||
* The configuration supplied to this instance.
|
||||
*
|
||||
* @property config
|
||||
* @protected
|
||||
* @type Object
|
||||
*/
|
||||
config: {},
|
||||
|
||||
/**
|
||||
* Initializer to watch all cancel buttons.
|
||||
*
|
||||
* @method watch_cancel_buttons
|
||||
* @param {Object} config The configuration for the confirmation dialogue.
|
||||
*/
|
||||
watch_cancel_buttons: function(config) {
|
||||
this.config = config;
|
||||
|
||||
this.listeners.push(
|
||||
Y.one(Y.config.doc.body).delegate('click', this.confirm_cancel, '.confirmcancel', this)
|
||||
);
|
||||
},
|
||||
|
||||
/**
|
||||
* Display the confirmation dialogue.
|
||||
*
|
||||
* @method confirm_cancel
|
||||
* @protected
|
||||
* @param {EventFacade} e
|
||||
*/
|
||||
confirm_cancel: function(e) {
|
||||
// Prevent the default event (submit) from firing.
|
||||
e.preventDefault();
|
||||
|
||||
// Create the confirmation dialogue.
|
||||
var confirm = new M.core.confirm(this.config);
|
||||
|
||||
// If the user clicks yes.
|
||||
confirm.on('complete-yes', function() {
|
||||
// Detach the listeners for the confirm box so they don't fire again.
|
||||
new Y.EventHandle(M.core_backup.confirmcancel.listeners).detach();
|
||||
|
||||
// The currentTarget is a div surrounding the form elements. Simulating a click on the div is
|
||||
// not going to submit a form so we need to find the form element to click.
|
||||
var element = e.currentTarget.one('input, select, button');
|
||||
|
||||
// Simulate the original cancel button click.
|
||||
if (element) {
|
||||
element.simulate('click');
|
||||
} else {
|
||||
// Backwards compatibility only.
|
||||
e.currentTarget.simulate('click');
|
||||
}
|
||||
}, this);
|
||||
|
||||
|
||||
// Show the confirm box.
|
||||
confirm.show();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
}, '@VERSION@', {"requires": ["node", "node-event-simulate", "moodle-core-notification-confirm"]});
|
||||
@ -1 +0,0 @@
|
||||
YUI.add("moodle-backup-confirmcancel",function(n,c){M.core_backup=M.core_backup||{},M.core_backup.confirmcancel={listeners:[],config:{},watch_cancel_buttons:function(c){this.config=c,this.listeners.push(n.one(n.config.doc.body).delegate("click",this.confirm_cancel,".confirmcancel",this))},confirm_cancel:function(e){e.preventDefault();var c=new M.core.confirm(this.config);c.on("complete-yes",function(){new n.EventHandle(M.core_backup.confirmcancel.listeners).detach();var c=e.currentTarget.one("input, select, button");(c||e.currentTarget).simulate("click")},this),c.show()}}},"@VERSION@",{requires:["node","node-event-simulate","moodle-core-notification-confirm"]});
|
||||
@ -1,91 +0,0 @@
|
||||
YUI.add('moodle-backup-confirmcancel', function (Y, NAME) {
|
||||
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @module moodle-backup-confirmcancel
|
||||
*/
|
||||
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @class M.core_backup.confirmcancel
|
||||
*/
|
||||
|
||||
|
||||
// Namespace for the backup.
|
||||
M.core_backup = M.core_backup || {};
|
||||
|
||||
M.core_backup.confirmcancel = {
|
||||
/**
|
||||
* An array of EventHandlers which call the confirm_cancel dialogue.
|
||||
*
|
||||
* @property listeners
|
||||
* @protected
|
||||
* @type Array
|
||||
*/
|
||||
listeners: [],
|
||||
|
||||
/**
|
||||
* The configuration supplied to this instance.
|
||||
*
|
||||
* @property config
|
||||
* @protected
|
||||
* @type Object
|
||||
*/
|
||||
config: {},
|
||||
|
||||
/**
|
||||
* Initializer to watch all cancel buttons.
|
||||
*
|
||||
* @method watch_cancel_buttons
|
||||
* @param {Object} config The configuration for the confirmation dialogue.
|
||||
*/
|
||||
watch_cancel_buttons: function(config) {
|
||||
this.config = config;
|
||||
|
||||
this.listeners.push(
|
||||
Y.one(Y.config.doc.body).delegate('click', this.confirm_cancel, '.confirmcancel', this)
|
||||
);
|
||||
},
|
||||
|
||||
/**
|
||||
* Display the confirmation dialogue.
|
||||
*
|
||||
* @method confirm_cancel
|
||||
* @protected
|
||||
* @param {EventFacade} e
|
||||
*/
|
||||
confirm_cancel: function(e) {
|
||||
// Prevent the default event (submit) from firing.
|
||||
e.preventDefault();
|
||||
|
||||
// Create the confirmation dialogue.
|
||||
var confirm = new M.core.confirm(this.config);
|
||||
|
||||
// If the user clicks yes.
|
||||
confirm.on('complete-yes', function() {
|
||||
// Detach the listeners for the confirm box so they don't fire again.
|
||||
new Y.EventHandle(M.core_backup.confirmcancel.listeners).detach();
|
||||
|
||||
// The currentTarget is a div surrounding the form elements. Simulating a click on the div is
|
||||
// not going to submit a form so we need to find the form element to click.
|
||||
var element = e.currentTarget.one('input, select, button');
|
||||
|
||||
// Simulate the original cancel button click.
|
||||
if (element) {
|
||||
element.simulate('click');
|
||||
} else {
|
||||
// Backwards compatibility only.
|
||||
e.currentTarget.simulate('click');
|
||||
}
|
||||
}, this);
|
||||
|
||||
|
||||
// Show the confirm box.
|
||||
confirm.show();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
}, '@VERSION@', {"requires": ["node", "node-event-simulate", "moodle-core-notification-confirm"]});
|
||||
@ -1,10 +0,0 @@
|
||||
{
|
||||
"name": "moodle-backup-confirmcancel",
|
||||
"builds": {
|
||||
"moodle-backup-confirmcancel": {
|
||||
"jsfiles": [
|
||||
"confirmcancel.js"
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,86 +0,0 @@
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @module moodle-backup-confirmcancel
|
||||
*/
|
||||
|
||||
/**
|
||||
* Add a confirmation dialogue when cancelling a backup.
|
||||
*
|
||||
* @class M.core_backup.confirmcancel
|
||||
*/
|
||||
|
||||
|
||||
// Namespace for the backup.
|
||||
M.core_backup = M.core_backup || {};
|
||||
|
||||
M.core_backup.confirmcancel = {
|
||||
/**
|
||||
* An array of EventHandlers which call the confirm_cancel dialogue.
|
||||
*
|
||||
* @property listeners
|
||||
* @protected
|
||||
* @type Array
|
||||
*/
|
||||
listeners: [],
|
||||
|
||||
/**
|
||||
* The configuration supplied to this instance.
|
||||
*
|
||||
* @property config
|
||||
* @protected
|
||||
* @type Object
|
||||
*/
|
||||
config: {},
|
||||
|
||||
/**
|
||||
* Initializer to watch all cancel buttons.
|
||||
*
|
||||
* @method watch_cancel_buttons
|
||||
* @param {Object} config The configuration for the confirmation dialogue.
|
||||
*/
|
||||
watch_cancel_buttons: function(config) {
|
||||
this.config = config;
|
||||
|
||||
this.listeners.push(
|
||||
Y.one(Y.config.doc.body).delegate('click', this.confirm_cancel, '.confirmcancel', this)
|
||||
);
|
||||
},
|
||||
|
||||
/**
|
||||
* Display the confirmation dialogue.
|
||||
*
|
||||
* @method confirm_cancel
|
||||
* @protected
|
||||
* @param {EventFacade} e
|
||||
*/
|
||||
confirm_cancel: function(e) {
|
||||
// Prevent the default event (submit) from firing.
|
||||
e.preventDefault();
|
||||
|
||||
// Create the confirmation dialogue.
|
||||
var confirm = new M.core.confirm(this.config);
|
||||
|
||||
// If the user clicks yes.
|
||||
confirm.on('complete-yes', function() {
|
||||
// Detach the listeners for the confirm box so they don't fire again.
|
||||
new Y.EventHandle(M.core_backup.confirmcancel.listeners).detach();
|
||||
|
||||
// The currentTarget is a div surrounding the form elements. Simulating a click on the div is
|
||||
// not going to submit a form so we need to find the form element to click.
|
||||
var element = e.currentTarget.one('input, select, button');
|
||||
|
||||
// Simulate the original cancel button click.
|
||||
if (element) {
|
||||
element.simulate('click');
|
||||
} else {
|
||||
// Backwards compatibility only.
|
||||
e.currentTarget.simulate('click');
|
||||
}
|
||||
}, this);
|
||||
|
||||
|
||||
// Show the confirm box.
|
||||
confirm.show();
|
||||
}
|
||||
};
|
||||
@ -1,9 +0,0 @@
|
||||
{
|
||||
"moodle-backup-confirmcancel": {
|
||||
"requires": [
|
||||
"node",
|
||||
"node-event-simulate",
|
||||
"moodle-core-notification-confirm"
|
||||
]
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user