1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* @deprecated since version 2.2.0
*/
define([
'jquery',
'jquery/ui'
], function ($) {
'use strict';
/**
* This widget will allow a control with the fieldsetResetControl widget attached to reset a set of input fields.
* The input fields to reset are defined by the inputSelector selector. The widget will store a clone of the fields
* on create, and on trigger of fieldsetReset event it resets the defined fields. The event is triggered by the
* reset control widget.
*
* For inputs of type file, the whole dom element is replaced as changing the value is a security violation
* For inputs of type checkbox or radio, the checked attribute is added or removed as appropriate
* For all others the jquery .val method is used to update to value to the original.
*/
$.widget('mage.fieldsetControls', {
original: undefined,
options: {
inputSelector: '[data-reset="true"]'
},
/**
* @private
*/
_create: function () {
this.original = this.element.find(this.options.inputSelector).clone(true);
this._bind();
},
/**
* @private
*/
_bind: function () {
this._on({
'fieldsetReset': '_onReset'
});
},
/**
* @param {jQuery.Event} e
* @private
*/
_onReset: function (e) {
var items;
e.stopPropagation();
// find all the ones we have to remove
items = this.element.find(this.options.inputSelector);
// loop over replacing each one.
items.each($.proxy(function (index, item) {
if ($(item).attr('type') == 'file') { //eslint-disable-line eqeqeq
// Replace the current one we found with a clone of the original saved earlier
$(item).replaceWith($(this.original[index]).clone(true));
} else if ($(item).attr('type') == 'checkbox' || $(item).attr('type') == 'radio') { //eslint-disable-line
// Return to original state.
if ($(this.original[index]).attr('checked') === undefined) {
$(item).removeAttr('checked');
} else {
$(item).attr('checked', $(this.original[index]).attr('checked'));
}
} else {
// Replace the value with the original
$(item).val($(this.original[index]).val());
}
}, this));
}
});
$.widget('mage.fieldsetResetControl', {
/**
* @private
*/
_create: function () {
this._bind();
},
/**
* @private
*/
_bind: function () {
this._on({
click: '_onClick'
});
},
/**
* @param {jQuery.Event} e
* @private
*/
_onClick: function (e) {
e.stopPropagation();
$(this.element).trigger('fieldsetReset');
}
});
return {
fieldsetControls: $.mage.fieldsetControls,
fieldsetResetControl: $.mage.fieldsetResetControl
};
});