changed source of validator for multi checkbox

Gruntfile.js

@@ -83,28 +83,6 @@ module.exports = function (grunt) {
                     }
                 ]
             },
-            bootstrap_validator: {
-                files: [
-                    {
-                        cwd: 'node_modules/bootstrap-validator/dist/',
-                        src: [
-                            'validator.min.js'
-                        ],
-                        dest: 'js/',
-                        expand: true,
-                        flatten: true
-                    },
-                    {
-                        cwd: 'node_modules/bootstrap-validator/dist/',
-                        src: [
-                            'validator.min.js'
-                        ],
-                        dest: typo3_js,
-                        expand: true,
-                        flatten: true
-                    }
-                ]
-            },
             jquery: {
                 files: [
                     {
@@ -485,6 +463,10 @@ module.exports = function (grunt) {
             qfqFabric: {
                 src: ['javascript/src/Plugins/qfq.fabric.js'],
                 dest: typo3_js + 'qfq.fabric.min.js'
+            },
+            qfqValidator: {
+                src: ['javascript/src/Plugins/validator.js'],
+                dest: typo3_js + 'validator.min.js'
             }
         },
         jshint: {

javascript/src/Plugins/validator.js

+/* ========================================================================
+ * Bootstrap (plugin): validator.js v0.11.9
+ * ========================================================================
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2016 Cina Saffary.
+ * Made by @1000hz in the style of Bootstrap 3 era @fat
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ * ======================================================================== */
+
+
++function ($) {
+    'use strict';
+  
+    // VALIDATOR CLASS DEFINITION
+    // ==========================
+  
+    function getValue($el) {
+      return $el.is('[type="checkbox"]') ? !!$('[name="' + $el.attr('name') + '"]:checked').length :
+             $el.is('[type="radio"]')    ? !!$('[name="' + $el.attr('name') + '"]:checked').length :
+             $el.is('select[multiple]')  ? ($el.val() || []).length                                :
+                                           $el.val()
+    }
+  
+    var Validator = function (element, options) {
+      this.options    = options
+      this.validators = $.extend({}, Validator.VALIDATORS, options.custom)
+      this.$element   = $(element)
+      this.$btn       = $('button[type="submit"], input[type="submit"]')
+                          .filter('[form="' + this.$element.attr('id') + '"]')
+                          .add(this.$element.find('input[type="submit"], button[type="submit"]'))
+  
+      this.update()
+  
+      this.$element.on('input.bs.validator change.bs.validator focusout.bs.validator', $.proxy(this.onInput, this))
+      this.$element.on('submit.bs.validator', $.proxy(this.onSubmit, this))
+      this.$element.on('reset.bs.validator', $.proxy(this.reset, this))
+  
+      this.$element.find('[data-match]').each(function () {
+        var $this  = $(this)
+        var target = $this.attr('data-match')
+  
+        $(target).on('input.bs.validator', function (e) {
+          getValue($this) && $this.trigger('input.bs.validator')
+        })
+      })
+  
+      // run validators for fields with values, but don't clobber server-side errors
+      this.$inputs.filter(function () {
+        return getValue($(this)) && !$(this).closest('.has-error').length
+      }).trigger('focusout')
+  
+      this.$element.attr('novalidate', true) // disable automatic native validation
+    }
+  
+    Validator.VERSION = '0.11.9'
+  
+    Validator.INPUT_SELECTOR = ':input:not([type="hidden"], [type="submit"], [type="reset"], button)'
+  
+    Validator.FOCUS_OFFSET = 20
+  
+    Validator.DEFAULTS = {
+      delay: 500,
+      html: false,
+      disable: true,
+      focus: true,
+      custom: {},
+      errors: {
+        match: 'Does not match',
+        minlength: 'Not long enough'
+      },
+      feedback: {
+        success: 'glyphicon-ok',
+        error: 'glyphicon-remove'
+      }
+    }
+  
+    Validator.VALIDATORS = {
+      'native': function ($el) {
+        var el = $el[0]
+        if (el.checkValidity) {
+          return !el.checkValidity() && !el.validity.valid && (el.validationMessage || "error!")
+        }
+      },
+      'match': function ($el) {
+        var target = $el.attr('data-match')
+        return $el.val() !== $(target).val() && Validator.DEFAULTS.errors.match
+      },
+      'minlength': function ($el) {
+        var minlength = $el.attr('data-minlength')
+        return $el.val().length < minlength && Validator.DEFAULTS.errors.minlength
+      }
+    }
+  
+    Validator.prototype.update = function () {
+      var self = this
+  
+      this.$inputs = this.$element.find(Validator.INPUT_SELECTOR)
+        .add(this.$element.find('[data-validate="true"]'))
+        .not(this.$element.find('[data-validate="false"]')
+          .each(function () { self.clearErrors($(this)) })
+        )
+  
+      this.toggleSubmit()
+  
+      return this
+    }
+  
+    Validator.prototype.onInput = function (e) {
+      var self        = this
+      var $el         = $(e.target)
+      var deferErrors = e.type !== 'focusout'
+  
+      if (!this.$inputs.is($el)) return
+  
+      this.validateInput($el, deferErrors).done(function () {
+        self.toggleSubmit()
+      })
+    }
+  
+    Validator.prototype.validateInput = function ($el, deferErrors) {
+      var value      = getValue($el)
+      var prevErrors = $el.data('bs.validator.errors')
+  
+      if ($el.is('[type="radio"]')) $el = this.$element.find('input[name="' + $el.attr('name') + '"]')
+  
+      var e = $.Event('validate.bs.validator', {relatedTarget: $el[0]})
+      this.$element.trigger(e)
+      if (e.isDefaultPrevented()) return
+  
+      var self = this
+  
+      return this.runValidators($el).done(function (errors) {
+        $el.data('bs.validator.errors', errors)
+  
+        errors.length
+          ? deferErrors ? self.defer($el, self.showErrors) : self.showErrors($el)
+          : self.clearErrors($el)
+  
+        if (!prevErrors || errors.toString() !== prevErrors.toString()) {
+          e = errors.length
+            ? $.Event('invalid.bs.validator', {relatedTarget: $el[0], detail: errors})
+            : $.Event('valid.bs.validator', {relatedTarget: $el[0], detail: prevErrors})
+  
+          self.$element.trigger(e)
+        }
+  
+        self.toggleSubmit()
+  
+        self.$element.trigger($.Event('validated.bs.validator', {relatedTarget: $el[0]}))
+      })
+    }
+  
+  
+    Validator.prototype.runValidators = function ($el) {
+      var errors   = []
+      var deferred = $.Deferred()
+  
+      $el.data('bs.validator.deferred') && $el.data('bs.validator.deferred').reject()
+      $el.data('bs.validator.deferred', deferred)
+
+      function getValidatorSpecificError(key) {
+        return $el.attr('data-' + key + '-error')
+      }
+  
+      function getValidityStateError() {
+        var validity = $el[0].validity
+        return validity.typeMismatch    ? $el.attr('data-type-error')
+             : validity.patternMismatch ? $el.attr('data-pattern-error')
+             : validity.stepMismatch    ? $el.attr('data-step-error')
+             : validity.rangeOverflow   ? $el.attr('data-max-error')
+             : validity.rangeUnderflow  ? $el.attr('data-min-error')
+             : validity.valueMissing    ? $el.attr('data-required-error')
+             :                            null
+      }
+  
+      function getGenericError() {
+        return $el.attr('data-error')
+      }
+  
+      function getErrorMessage(key) {
+        return getValidatorSpecificError(key)
+            || getValidityStateError()
+            || getGenericError()
+      }
+  
+      $.each(this.validators, $.proxy(function (key, validator) {
+        var error = null
+        if ((getValue($el) || $el.attr('required')) &&
+            ($el.attr('data-' + key) !== undefined || key == 'native') &&
+            (error = validator.call(this, $el))) {
+                if ($el.is('[type="checkbox"]')) {
+                    if(!!$('[name="' + $el.attr('name') + '"]:checked').length) {
+                        return true
+                    } 
+                }
+           error = getErrorMessage(key) || error
+          !~errors.indexOf(error) && errors.push(error)
+        }
+      }, this))
+  
+      if (!errors.length && getValue($el) && $el.attr('data-remote')) {
+        this.defer($el, function () {
+          var data = {}
+          data[$el.attr('name')] = getValue($el)
+          $.get($el.attr('data-remote'), data)
+            .fail(function (jqXHR, textStatus, error) { errors.push(getErrorMessage('remote') || error) })
+            .always(function () { deferred.resolve(errors)})
+        })
+      } else deferred.resolve(errors)
+  
+      return deferred.promise()
+    }
+  
+    Validator.prototype.validate = function () {
+      var self = this
+  
+      $.when(this.$inputs.map(function (el) {
+        return self.validateInput($(this), false)
+      })).then(function () {
+        self.toggleSubmit()
+        self.focusError()
+      })
+  
+      return this
+    }
+  
+    Validator.prototype.focusError = function () {
+      if (!this.options.focus) return
+  
+      var $input = this.$element.find(".has-error :input:first")
+      if ($input.length === 0) return
+  
+      $('html, body').animate({scrollTop: $input.offset().top - Validator.FOCUS_OFFSET}, 250)
+      $input.focus()
+    }
+  
+    Validator.prototype.showErrors = function ($el) {
+      var method = this.options.html ? 'html' : 'text'
+      var errors = $el.data('bs.validator.errors')
+      var $group = $el.closest('.form-group')
+      var $block = $group.find('.help-block.with-errors')
+      var $feedback = $group.find('.form-control-feedback')
+  
+      if (!errors.length) return
+  
+      errors = $('<ul/>')
+        .addClass('list-unstyled')
+        .append($.map(errors, function (error) { return $('<li/>')[method](error) }))
+  
+      $block.data('bs.validator.originalContent') === undefined && $block.data('bs.validator.originalContent', $block.html())
+      $block.empty().append(errors)
+      $group.addClass('has-error has-danger')
+  
+      $group.hasClass('has-feedback')
+        && $feedback.removeClass(this.options.feedback.success)
+        && $feedback.addClass(this.options.feedback.error)
+        && $group.removeClass('has-success')
+    }
+  
+    Validator.prototype.clearErrors = function ($el) {
+      var $group = $el.closest('.form-group')
+      var $block = $group.find('.help-block.with-errors')
+      var $feedback = $group.find('.form-control-feedback')
+  
+      $block.html($block.data('bs.validator.originalContent'))
+      $group.removeClass('has-error has-danger has-success')
+  
+      $group.hasClass('has-feedback')
+        && $feedback.removeClass(this.options.feedback.error)
+        && $feedback.removeClass(this.options.feedback.success)
+        && getValue($el)
+        && $feedback.addClass(this.options.feedback.success)
+        && $group.addClass('has-success')
+    }
+  
+    Validator.prototype.hasErrors = function () {
+      function fieldErrors() {
+        return !!($(this).data('bs.validator.errors') || []).length
+      }
+  
+      return !!this.$inputs.filter(fieldErrors).length
+    }
+  
+    Validator.prototype.isIncomplete = function () {
+      function fieldIncomplete() {
+        var value = getValue($(this))
+        return !(typeof value == "string" ? $.trim(value) : value)
+      }
+  
+      return !!this.$inputs.filter('[required]').filter(fieldIncomplete).length
+    }
+  
+    Validator.prototype.onSubmit = function (e) {
+      this.validate()
+      if (this.isIncomplete() || this.hasErrors()) e.preventDefault()
+    }
+  
+    Validator.prototype.toggleSubmit = function () {
+      if (!this.options.disable) return
+      this.$btn.toggleClass('disabled', this.isIncomplete() || this.hasErrors())
+    }
+  
+    Validator.prototype.defer = function ($el, callback) {
+      callback = $.proxy(callback, this, $el)
+      if (!this.options.delay) return callback()
+      window.clearTimeout($el.data('bs.validator.timeout'))
+      $el.data('bs.validator.timeout', window.setTimeout(callback, this.options.delay))
+    }
+  
+    Validator.prototype.reset = function () {
+      this.$element.find('.form-control-feedback')
+        .removeClass(this.options.feedback.error)
+        .removeClass(this.options.feedback.success)
+  
+      this.$inputs
+        .removeData(['bs.validator.errors', 'bs.validator.deferred'])
+        .each(function () {
+          var $this = $(this)
+          var timeout = $this.data('bs.validator.timeout')
+          window.clearTimeout(timeout) && $this.removeData('bs.validator.timeout')
+        })
+  
+      this.$element.find('.help-block.with-errors')
+        .each(function () {
+          var $this = $(this)
+          var originalContent = $this.data('bs.validator.originalContent')
+  
+          $this
+            .removeData('bs.validator.originalContent')
+            .html(originalContent)
+        })
+  
+      this.$btn.removeClass('disabled')
+  
+      this.$element.find('.has-error, .has-danger, .has-success').removeClass('has-error has-danger has-success')
+  
+      return this
+    }
+  
+    Validator.prototype.destroy = function () {
+      this.reset()
+  
+      this.$element
+        .removeAttr('novalidate')
+        .removeData('bs.validator')
+        .off('.bs.validator')
+  
+      this.$inputs
+        .off('.bs.validator')
+  
+      this.options    = null
+      this.validators = null
+      this.$element   = null
+      this.$btn       = null
+      this.$inputs    = null
+  
+      return this
+    }
+  
+    // VALIDATOR PLUGIN DEFINITION
+    // ===========================
+  
+  
+    function Plugin(option) {
+      return this.each(function () {
+        var $this   = $(this)
+        var options = $.extend({}, Validator.DEFAULTS, $this.data(), typeof option == 'object' && option)
+        var data    = $this.data('bs.validator')
+  
+        if (!data && option == 'destroy') return
+        if (!data) $this.data('bs.validator', (data = new Validator(this, options)))
+        if (typeof option == 'string') data[option]()
+      })
+    }
+  
+    var old = $.fn.validator
+  
+    $.fn.validator             = Plugin
+    $.fn.validator.Constructor = Validator
+  
+  
+    // VALIDATOR NO CONFLICT
+    // =====================
+  
+    $.fn.validator.noConflict = function () {
+      $.fn.validator = old
+      return this
+    }
+  
+  
+    // VALIDATOR DATA-API
+    // ==================
+  
+    $(window).on('load', function () {
+      $('form[data-toggle="validator"]').each(function () {
+        var $form = $(this)
+        Plugin.call($form, $form.data())
+      })
+    })
+  
+  }(jQuery);
\ No newline at end of file