Merge branch 'master' of https://github.com/veksa/yii2-multiple-input into veksa-master

Author: Eugene Tupikov

.gitignore

@@ -1 +1,2 @@
-.idea/*
+.idea/*
+/node_modules

README.md

@@ -382,6 +382,19 @@ jQuery('#multiple-input').on('afterInit', function(){
 });
 ```
 
+## JavaScript operations
+Dynamically operations in widget:
+ - `add`: adding new row, **param** *object*: object with values for inputs, can be filled with <option> tags for dynamically added options for select (for ajax select).
+ - `remove`: remove row, **param** *integer*: row number for removing, if not specified then removes last row.
+ - `clear`: remove all rows
+
+Examples:
+```js
+$('#multiple-input').multipleInput('add', {first: 10, second: '<option value="2" selected="selected">second</option>'});
+$('#multiple-input').multipleInput('remove', 2);
+$('#multiple-input').multipleInput('clear');
+```
+
 ##Renderers
 
 > Section is under development

gulpfile.js

@@ -0,0 +1,18 @@
+var gulp = require('gulp'),
+	uglify = require('gulp-uglify'),
+	concat = require('gulp-concat'),
+	rename = require('gulp-rename');
+
+gulp.task('js', function () {
+    var path = './src/assets/src/js/';
+    
+	return gulp.src([
+            path + 'jquery.multipleInput.js'
+        ])
+        .pipe(concat('jquery.multipleInput.js'))
+        .pipe(uglify())
+        .pipe(rename({suffix: '.min'}))
+        .pipe(gulp.dest(path));
+});
+    
+gulp.task('default', ['js']);

package.json

@@ -0,0 +1,30 @@
+{
+  "name": "jquery.multipleInput",
+  "version": "1.2.12",
+  "description": "jQuery multipleInput",
+  "scripts": {
+	  "build": "npm install && (gulp || node node_modules/gulp/bin/gulp.js)"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/unclead/yii2-multiple-input.git"
+  },
+  "author": {
+    "name": "Eugene Tupikov",
+    "email": "unclead.nsk@gmail.com"
+  },
+  "keywords": [
+	"jquery"
+  ],
+  "license": "BSD-3-Clause",
+  "bugs": {
+    "url": "https://github.com/unclead/yii2-multiple-input/issues"
+  },
+  "homepage": "https://github.com/unclead/yii2-multiple-input",
+  "devDependencies": {
+    "gulp": "^3.8.8",
+    "gulp-uglify": "^1.0.1",
+    "gulp-concat": "^2.4.1",
+    "gulp-rename": "^1.2.0"
+  }
+}

src/assets/src/js/jquery.multipleInput.js

@@ -90,7 +90,7 @@
                 addInput($(this));
             });
 
-            var intervalID = setInterval(function(){
+            var intervalID = setInterval(function () {
                 if (typeof form.data('yiiActiveForm') === 'object') {
                     var attribute = form.yiiActiveForm('find', id);
                     var attributeDefaults = [];
@@ -104,7 +104,7 @@
                     }
 
                     var attributeOptions = $.extend({}, defaultAttributeOptions, settings.attributeOptions);
-                    $.each(attributeOptions, function(key, value) {
+                    $.each(attributeOptions, function (key, value) {
                         if (typeof attributeDefaults[key] === 'undefined') {
                             attributeDefaults[key] = value;
                         }
@@ -122,16 +122,33 @@
                     $wrapper.trigger(event);
                 }
             }, 100);
+        },
+        add: function (values) {
+            addInput($(this), values);
+        },
+        remove: function (index) {
+            var row = null;
+            if (index) {
+                row = $(this).find('.js-input-remove:eq(' + index + ')');
+            } else {
+                row = $(this).find('.js-input-remove').last();
+            }
+            removeInput(row);
+        },
+        clear: function () {
+            $('.js-input-remove').each(function () {
+                removeInput($(this));
+            });
         }
     };
 
-    var addInput = function (btn) {
-        var $wrapper    = $(btn).closest('.multiple-input').first(),
-            data        = $wrapper.data('multipleInput'),
-            settings    = data.settings,
-            template    = settings.template,
-            inputList   = $wrapper.find('.multiple-input-list').first(),
-            count       = $wrapper.find('.multiple-input-list__item').length;
+    var addInput = function (btn, values) {
+        var $wrapper = $(btn).closest('.multiple-input').first(),
+            data = $wrapper.data('multipleInput'),
+            settings = data.settings,
+            template = settings.template,
+            inputList = $wrapper.find('.multiple-input-list').first(),
+            count = $wrapper.find('.multiple-input-list__item').length;
 
         if (settings.limit != null && count >= settings.limit) {
             return;
@@ -141,8 +158,43 @@
 
         $(template).hide().appendTo(inputList).fadeIn(300);
 
+        if (values instanceof Object) {
+            var tmp = [];
+            for (var key in values) {
+                if (values.hasOwnProperty(key)) {
+                    tmp.push(values[key]);
+                }
+            }
+            values = tmp;
+        }
+
+        var index = 0;
         $(template).find('input, select, textarea').each(function () {
-            addAttribute($(this));
+            var that = $(this),
+                tag = that.get(0).tagName,
+                id = getInputId(that),
+                obj = $('#' + id);
+
+            if (values) {
+                var val = values[index];
+
+                if (tag == 'INPUT' || tag == 'TEXTAREA') {
+                    obj.val(val);
+                } else if (tag == 'SELECT') {
+                    if (val && val.indexOf('option')) {
+                        obj.append(val);
+                    } else {
+                        var option = obj.find('option[value="' + val + '"]');
+                        if (option.length) {
+                            obj.val(val);
+                        }
+                    }
+                }
+            }
+
+            addAttribute(that);
+
+            index++;
         });
 
         var jsTemplate;
@@ -162,8 +214,8 @@
         var $wrapper = $btn.closest('.multiple-input').first(),
             $toDelete = $btn.closest('.multiple-input-list__item'),
             count = $('.multiple-input-list__item').length,
-            data        = $wrapper.data('multipleInput'),
-            settings    = data.settings;
+            data = $wrapper.data('multipleInput'),
+            settings = data.settings;
 
         if (count > settings.min) {
             var event = $.Event(events.beforeDeleteRow);
@@ -230,7 +282,7 @@
         }
     };
 
-    var getInputId = function($input) {
+    var getInputId = function ($input) {
         var id = $input.attr('id');
 
         if (typeof id === 'undefined') {
@@ -244,7 +296,7 @@
         return id;
     };
 
-    String.prototype.replaceAll = function(search, replace){
+    String.prototype.replaceAll = function (search, replace) {
         return this.split(search).join(replace);
     };
 })(window.jQuery);