flashgrid 1.3.0 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 34247f90580e7bf8a087eafe6690e8c63d19e1b2
-  data.tar.gz: 407ebac546e27b9a5783e5edc57dffc9410781d8
+  metadata.gz: 383e3f0560bb9164b92e6a772ef9db039b4a8c59
+  data.tar.gz: a6f7ad0da921dd17243e62619837131f15391a15
 SHA512:
-  metadata.gz: 5bb4cf5ccb161846689ec89c799675be3135b652d54b9a3e56558ccc63ac5d31be32a7e425f32a2a433a06206196698d3ad526815dd231f1c0cab6dc4f31d577
-  data.tar.gz: 7f3183f8d4e6fcdc42279a0cefed5719869f7d93b8f15a6e6ef59194dbd4e833e22af683a0a670a54b35de5fece0252dc97c0e1b1597e9c77e4a7087b95a21dd
+  metadata.gz: 8bebe56ddc186155f2044d832e0ccfef91376049d341a6ee81b9a0acff35a02c18f978b59e439a809552e9d493fc5c4b03d79ed5a30ed808c8ac3ee122e97efd
+  data.tar.gz: 91a445e7e47ef0694495825764557cc4dd11d135bccc7fa4d8eac1f9f52006801cf7423058cef29b8dc52aa259eb3c5c13f9419888862c812738067f850ef7b3

data/README.md

@@ -26,8 +26,10 @@ Add the CSS files you want to include:
 *= require ad.css
 *= require affix.css
 *= require alert.css
+*= require animation.css
 *= require breadcrumb.css
 *= require button.css
+*= require carousel.css
 *= require code.css
 *= require collapse.css
 *= require datepicker.css
@@ -43,6 +45,7 @@ Add the CSS files you want to include:
 *= require list.css
 *= require map.css
 *= require modal.css
+*= require nav_and_tab.css
 *= require pagination.css
 *= require panel.css
 *= require placeholder.css
@@ -50,7 +53,6 @@ Add the CSS files you want to include:
 *= require progress.css
 *= require reset.css (place before any files)
 *= require switch.css
-*= require tab.css
 *= require table.css
 *= require timepicker.css
 *= require tooltip.css
@@ -64,16 +66,21 @@ Add the JS files you want to include:
 ```ruby
 //= require affix.js
 //= require alert.js
+//= require animation.js
+//= require button.js
+//= require carousel.js
 //= require collapse.js
 //= require date_picker.js
 //= require dropdown.js
 //= require file_input.js
+//= require hoverdown.js
 //= require map.js
 //= require modal.js
+//= require popover.js (place after tooltip)
+//= require scrollspy.js
 //= require switch.js
 //= require tab.js
 //= require time_picker.js
 //= require tooltip.js
-//= require popover.js
 //= require transition.js
 ```

data/lib/flashgrid/version.rb

@@ -1,3 +1,3 @@
 module Flashgrid
-  VERSION = "1.3.0"
+  VERSION = "2.0.0"
 end

data/vendor/assets/javascripts/alert.js

@@ -33,7 +33,8 @@
     $parent.removeClass('in')
 
     function removeElement() {
-      $parent.trigger('closed.bs.alert').remove()
+      // detach from parent, fire event then clean up data
+      $parent.detach().trigger('closed.bs.alert').remove()
     }
 
     $.support.transition && $parent.hasClass('fade') ?

data/vendor/assets/javascripts/animation.js

@@ -0,0 +1,82 @@
+(function ($, window, document, undefined) {
+
+    // Function-level strict mode syntax
+  'use strict';
+
+    $.fn.animateCSS = function (effect, delay, callback) {
+
+        // Return this to maintain chainability
+        return this.each(function () {
+
+            // Cache $(this) for speed and compression
+            var $this = $(this),
+                transitionEnd = "webkitAnimationEnd oanimationend msAnimationEnd animationend",
+                animated = "animated",
+                visibility = "visibility",
+                visible = "visible",
+                hidden = "hidden";
+
+            // Create a function we can call later
+            function run() {
+
+                // Add the animation effect with classes
+                $this.addClass( animated + " " + effect);
+
+                // Check if the elemenr has been hidden to start with
+                if ($this.css( visibility ) === hidden) {
+
+                    // If it has, show it (after the class has been added)
+                    $this.css( visibility, visible);
+
+                }
+
+                // If the element is hidden
+                if ($this.is(":" + hidden)) {
+
+                    // Show it
+                    $this.show();
+
+                }
+
+                // Event triggered when the animation has finished
+                $this.bind( transitionEnd, function () {
+
+                    // Remove the classes so they can be added again later
+                    $this.removeClass(animated + " " + effect);
+
+                    // Add a callback event
+                    if (typeof callback === "function") {
+
+                        // Execute the callback
+                        callback.call(this);
+
+                        // Unbind the event handlers
+                        $this.unbind( transitionEnd );
+
+                    }
+
+                });
+
+            }
+
+            // Check if delay exists or if it"s a callback
+            if (!delay || typeof delay === "function") {
+
+                // If it"s a callback, move it to callback so we can call it later
+                callback = delay;
+
+                // Run the animation (without delay)
+                run();
+
+            } else {
+
+                // Start a counter so we can delay the animation if required
+                setTimeout( run, delay );
+
+            }
+
+        });
+
+    };
+
+})(jQuery, window, document);

data/vendor/assets/javascripts/button.js

@@ -0,0 +1,99 @@
++function ($) {
+  'use strict';
+
+  // BUTTON PUBLIC CLASS DEFINITION
+  // ==============================
+
+  var Button = function (element, options) {
+    this.$element  = $(element)
+    this.options   = $.extend({}, Button.DEFAULTS, options)
+    this.isLoading = false
+  }
+
+  Button.DEFAULTS = {
+    loadingText: 'loading...'
+  }
+
+  Button.prototype.setState = function (state) {
+    var d    = 'disabled'
+    var $el  = this.$element
+    var val  = $el.is('input') ? 'val' : 'html'
+    var data = $el.data()
+
+    state = state + 'Text'
+
+    if (data.resetText == null) $el.data('resetText', $el[val]())
+
+    $el[val](data[state] == null ? this.options[state] : data[state])
+
+    // push to event loop to allow forms to submit
+    setTimeout($.proxy(function () {
+      if (state == 'loadingText') {
+        this.isLoading = true
+        $el.addClass(d).attr(d, d)
+      } else if (this.isLoading) {
+        this.isLoading = false
+        $el.removeClass(d).removeAttr(d)
+      }
+    }, this), 0)
+  }
+
+  Button.prototype.toggle = function () {
+    var changed = true
+    var $parent = this.$element.closest('[data-toggle="buttons"]')
+
+    if ($parent.length) {
+      var $input = this.$element.find('input')
+      if ($input.prop('type') == 'radio') {
+        if ($input.prop('checked') && this.$element.hasClass('active')) changed = false
+        else $parent.find('.active').removeClass('active')
+      }
+      if (changed) $input.prop('checked', !this.$element.hasClass('active')).trigger('change')
+    }
+
+    if (changed) this.$element.toggleClass('active')
+  }
+
+
+  // BUTTON PLUGIN DEFINITION
+  // ========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.button')
+      var options = typeof option == 'object' && option
+
+      if (!data) $this.data('bs.button', (data = new Button(this, options)))
+
+      if (option == 'toggle') data.toggle()
+      else if (option) data.setState(option)
+    })
+  }
+
+  var old = $.fn.button
+
+  $.fn.button             = Plugin
+  $.fn.button.Constructor = Button
+
+
+  // BUTTON NO CONFLICT
+  // ==================
+
+  $.fn.button.noConflict = function () {
+    $.fn.button = old
+    return this
+  }
+
+
+  // BUTTON DATA-API
+  // ===============
+
+  $(document).on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) {
+    var $btn = $(e.target)
+    if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
+    Plugin.call($btn, 'toggle')
+    e.preventDefault()
+  })
+
+}(jQuery);

data/vendor/assets/javascripts/carousel.js

@@ -0,0 +1,199 @@
++function ($) {
+  'use strict';
+
+  // CAROUSEL CLASS DEFINITION
+  // =========================
+
+  var Carousel = function (element, options) {
+    this.$element    = $(element)
+    this.$indicators = this.$element.find('.carousel-indicators')
+    this.options     = options
+    this.paused      =
+    this.sliding     =
+    this.interval    =
+    this.$active     =
+    this.$items      = null
+
+    this.options.pause == 'hover' && this.$element
+      .on('mouseenter', $.proxy(this.pause, this))
+      .on('mouseleave', $.proxy(this.cycle, this))
+  }
+
+  Carousel.DEFAULTS = {
+    interval: 5000,
+    pause: 'hover',
+    wrap: true
+  }
+
+  Carousel.prototype.cycle =  function (e) {
+    e || (this.paused = false)
+
+    this.interval && clearInterval(this.interval)
+
+    this.options.interval
+      && !this.paused
+      && (this.interval = setInterval($.proxy(this.next, this), this.options.interval))
+
+    return this
+  }
+
+  Carousel.prototype.getActiveIndex = function () {
+    this.$active = this.$element.find('.item.active')
+    this.$items  = this.$active.parent().children('.item')
+
+    return this.$items.index(this.$active)
+  }
+
+  Carousel.prototype.to = function (pos) {
+    var that        = this
+    var activeIndex = this.getActiveIndex()
+
+    if (pos > (this.$items.length - 1) || pos < 0) return
+
+    if (this.sliding)       return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid"
+    if (activeIndex == pos) return this.pause().cycle()
+
+    return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos]))
+  }
+
+  Carousel.prototype.pause = function (e) {
+    e || (this.paused = true)
+
+    if (this.$element.find('.next, .prev').length && $.support.transition) {
+      this.$element.trigger($.support.transition.end)
+      this.cycle(true)
+    }
+
+    this.interval = clearInterval(this.interval)
+
+    return this
+  }
+
+  Carousel.prototype.next = function () {
+    if (this.sliding) return
+    return this.slide('next')
+  }
+
+  Carousel.prototype.prev = function () {
+    if (this.sliding) return
+    return this.slide('prev')
+  }
+
+  Carousel.prototype.slide = function (type, next) {
+    var $active   = this.$element.find('.item.active')
+    var $next     = next || $active[type]()
+    var isCycling = this.interval
+    var direction = type == 'next' ? 'left' : 'right'
+    var fallback  = type == 'next' ? 'first' : 'last'
+    var that      = this
+
+    if (!$next.length) {
+      if (!this.options.wrap) return
+      $next = this.$element.find('.item')[fallback]()
+    }
+
+    if ($next.hasClass('active')) return this.sliding = false
+
+    var relatedTarget = $next[0]
+    var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction })
+    this.$element.trigger(slideEvent)
+    if (slideEvent.isDefaultPrevented()) return
+
+    this.sliding = true
+
+    isCycling && this.pause()
+
+    if (this.$indicators.length) {
+      this.$indicators.find('.active').removeClass('active')
+      this.$element.one('slid.bs.carousel', function () { // yes, "slid"
+        var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()])
+        $nextIndicator && $nextIndicator.addClass('active')
+      })
+    }
+
+    var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid"
+    if ($.support.transition && this.$element.hasClass('slide')) {
+      $next.addClass(type)
+      $next[0].offsetWidth // force reflow
+      $active.addClass(direction)
+      $next.addClass(direction)
+      $active
+        .one($.support.transition.end, function () {
+          $next.removeClass([type, direction].join(' ')).addClass('active')
+          $active.removeClass(['active', direction].join(' '))
+          that.sliding = false
+          setTimeout(function () { that.$element.trigger(slidEvent) }, 0)
+        })
+        .emulateTransitionEnd($active.css('transition-duration').slice(0, -1) * 1000)
+    } else {
+      $active.removeClass('active')
+      $next.addClass('active')
+      this.sliding = false
+      this.$element.trigger(slidEvent)
+    }
+
+    isCycling && this.cycle()
+
+    return this
+  }
+
+
+  // CAROUSEL PLUGIN DEFINITION
+  // ==========================
+
+  function Plugin(option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.carousel')
+      var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option)
+      var action  = typeof option == 'string' ? option : options.slide
+
+      if (!data) $this.data('bs.carousel', (data = new Carousel(this, options)))
+      if (typeof option == 'number') data.to(option)
+      else if (action) data[action]()
+      else if (options.interval) data.pause().cycle()
+    })
+  }
+
+  var old = $.fn.carousel
+
+  $.fn.carousel             = Plugin
+  $.fn.carousel.Constructor = Carousel
+
+
+  // CAROUSEL NO CONFLICT
+  // ====================
+
+  $.fn.carousel.noConflict = function () {
+    $.fn.carousel = old
+    return this
+  }
+
+
+  // CAROUSEL DATA-API
+  // =================
+
+  $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) {
+    var $this   = $(this), href
+    var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+    var options = $.extend({}, $target.data(), $this.data())
+    var slideIndex = $this.attr('data-slide-to')
+    if (slideIndex) options.interval = false
+
+    Plugin.call($target, options)
+
+    if (slideIndex = $this.attr('data-slide-to')) {
+      $target.data('bs.carousel').to(slideIndex)
+    }
+
+    e.preventDefault()
+  })
+
+  $(window).on('load', function () {
+    $('[data-ride="carousel"]').each(function () {
+      var $carousel = $(this)
+      Plugin.call($carousel, $carousel.data())
+    })
+  })
+
+}(jQuery);