mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2025-10-26 07:46:31 +01:00
37 lines
1.5 KiB
JavaScript
37 lines
1.5 KiB
JavaScript
|
(function($){
|
||
|
|
|
||
|
|
var DynFields = {
|
||
|
|
init: function () {
|
||
|
|
var container = $('[data-grav-dynfields]');
|
||
|
|
DynFields.container = container;
|
||
|
|
container.on('click', '[data-grav-addfield]', DynFields.addField.bind(DynFields));
|
||
|
|
container.on('click', '[data-grav-remfield]', DynFields.remField.bind(DynFields));
|
||
|
|
container.on('keyup', 'input:not([name])', DynFields.updateFields.bind(DynFields));
|
||
|
|
},
|
||
|
|
addField: function (event, element) {
|
||
|
|
element = $(event.target);
|
||
|
|
var div = $('<div />').html(this.layout());
|
||
|
|
div.insertAfter(element.parent('div'));
|
||
|
|
},
|
||
|
|
remField: function (event, element) {
|
||
|
|
element = $(event.target);
|
||
|
|
element.parent('div').remove();
|
||
|
|
},
|
||
|
|
updateFields: function (event, element) {
|
||
|
|
element = $(event.target);
|
||
|
|
var sibling = element.next();
|
||
|
|
sibling.attr('name', this.getName() + '[' + element.val() + ']');
|
||
|
|
},
|
||
|
|
getName: function () {
|
||
|
|
return this.container.data('grav-dynfields') || 'generic';
|
||
|
|
},
|
||
|
|
layout: function () {
|
||
|
|
var name = this.getName();
|
||
|
|
return '' + ' <input type="text" value="" placeholder="/Your/Alias" />' + ' <input type="text" name="' + name + '[]" value="" placeholder="/Your/Real/Route" />' + ' <span data-grav-remfield class="button fa fa-minus"></span> <span data-grav-addfield class="button fa fa-plus"></span>' + '';
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$(DynFields.init);
|
||
|
|
|
||
|
|
})(jQuery);
|