local initial checkin

theme-old/js/dynfields/dynfields.js

@@ -0,0 +1,36 @@
+(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);