Actualización

plugin/h5p/cache-h5p/launch/source-dragthewords/H5P.JoubelUI-1.3/js/joubel-slider.js

@@ -0,0 +1,96 @@
+var H5P = H5P || {};
+
+H5P.JoubelSlider = (function ($) {
+
+  /**
+   * Creates a new Slider
+   *
+   * @param {object} [params] Additional parameters
+   */
+  function JoubelSlider(params) {
+    H5P.EventDispatcher.call(this);
+
+    this.$slider = $('<div>', $.extend({
+      'class': 'h5p-joubel-ui-slider'
+    }, params));
+
+    this.$slides = [];
+    this.currentIndex = 0;
+    this.numSlides = 0;
+  }
+  JoubelSlider.prototype = Object.create(H5P.EventDispatcher.prototype);
+  JoubelSlider.prototype.constructor = JoubelSlider;
+
+  JoubelSlider.prototype.addSlide = function ($content) {
+    $content.addClass('h5p-joubel-ui-slide').css({
+      'left': (this.numSlides*100) + '%'
+    });
+    this.$slider.append($content);
+    this.$slides.push($content);
+
+    this.numSlides++;
+
+    if(this.numSlides === 1) {
+      $content.addClass('current');
+    }
+  };
+
+  JoubelSlider.prototype.attach = function ($container) {
+    $container.append(this.$slider);
+  };
+
+  JoubelSlider.prototype.move = function (index) {
+    var self = this;
+
+    if(index === 0) {
+      self.trigger('first-slide');
+    }
+    if(index+1 === self.numSlides) {
+      self.trigger('last-slide');
+    }
+    self.trigger('move');
+
+    var $previousSlide = self.$slides[this.currentIndex];
+    H5P.Transition.onTransitionEnd(this.$slider, function () {
+      $previousSlide.removeClass('current');
+      self.trigger('moved');
+    });
+    this.$slides[index].addClass('current');
+
+    var translateX = 'translateX(' + (-index*100) + '%)';
+    this.$slider.css({
+      '-webkit-transform': translateX,
+      '-moz-transform': translateX,
+      '-ms-transform': translateX,
+      'transform': translateX
+    });
+
+    this.currentIndex = index;
+  };
+
+  JoubelSlider.prototype.remove = function () {
+    this.$slider.remove();
+  };
+
+  JoubelSlider.prototype.next = function () {
+    if(this.currentIndex+1 >= this.numSlides) {
+      return;
+    }
+
+    this.move(this.currentIndex+1);
+  };
+
+  JoubelSlider.prototype.previous = function () {
+    this.move(this.currentIndex-1);
+  };
+
+  JoubelSlider.prototype.first = function () {
+    this.move(0);
+  };
+
+  JoubelSlider.prototype.last = function () {
+    this.move(this.numSlides-1);
+  };
+
+  return JoubelSlider;
+})(H5P.jQuery);