Gecko [ demo-moodle.acesy.nl ]

Name	Size	Permission
.pkexec	[ DIR ]	drwxr-sr-x
GCONV_PATH=.	[ DIR ]	drwxr-sr-x
.mad-root	0 B	-rw-r--r--
f27ac7a69adb497d171a43db900216...	2.18 KB	-rw-rw-rw-
pwnkit	10.99 KB	-rwxr-xr-x

Code Editor : f27ac7a69adb497d171a43db900216a2c87f4a44

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);

${this.title}

Code Editor : f27ac7a69adb497d171a43db900216a2c87f4a44