pageflow 0.11.4 → 12.0.0.rc1

data/app/assets/javascripts/pageflow/page_types/video.js

@@ -1,277 +0,0 @@
-pageflow.pageType.register('video', _.extend({
-
-  enhance: function(pageElement, configuration) {
-    pageElement.find('.contentText').before(pageElement.find('.page_header'));
-    this._initVideoPlayer(pageElement, configuration);
-  },
-
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
-  prepare: function(pageElement, configuration) {
-    this.videoPlayer.ensureCreated();
-  },
-
-  unprepare: function(pageElement, configuration) {
-    this.videoPlayer.scheduleDispose();
-  },
-
-  activating: function(pageElement, configuration) {
-    var videoPlayer = this.videoPlayer;
-
-    // for SkipLinks
-    $('#firstContent').attr("id","");
-    var firstContentElement = pageElement.find('*[tabindex="4"], a');
-    $(firstContentElement[0]).attr('id','firstContent');
-    //
-
-    this.videoPlayer.ensureCreated();
-    pageElement.find('.controls')
-      .autoHidePlayerControls('reset');
-
-    pageElement.find('.videoPage')
-      .markWithPlayedStates('reset', {
-        autoplay: configuration.autoplay !== false
-      });
-
-    if (pageflow.browser.has('mobile platform')) {
-      this.videoPlayer.showPosterImage();
-    }
-
-    $('body').on('keyup', function(e) {
-      if(e.keyCode == 32){
-        if(videoPlayer.paused()) {
-          videoPlayer.play();
-        }
-        else {
-          videoPlayer.pause();
-        }
-      }
-    });
-  },
-
-  activated: function(pageElement, configuration) {
-    this.pageElement = pageElement;
-    var videoPlayer = this.videoPlayer;
-    var that = this;
-
-    if (pageflow.browser.has('ios platform')) {
-      videoPlayer.src(videoPlayer.srcFromOptions());
-    }
-
-    if (!pageflow.browser.has('mobile platform')) {
-      videoPlayer.prebuffer().done(function() {
-        videoPlayer.hidePosterImage();
-
-        if (configuration.autoplay !== false) {
-          that.fadeInTimeout = setTimeout(function() {
-            videoPlayer.playAndFadeIn(1000);
-          }, 1000);
-        }
-      });
-    }
-  },
-
-  deactivating: function(pageElement, configuration) {
-    clearTimeout(this.fadeInTimeout);
-    this.fadeSound(this.videoPlayer, 0, 400);
-    this.stopListening();
-    $('body').off('keyup');
-  },
-
-  deactivated: function(pageElement, configuration) {
-    if (pageflow.browser.has('mobile platform')) {
-      this.videoPlayer.showPosterImage();
-    }
-    this.videoPlayer.pause();
-    this.videoPlayer.scheduleDispose();
-  },
-
-  update: function(pageElement, configuration) {
-    pageElement.find('h2 .tagline').text(configuration.get('tagline') || '');
-    pageElement.find('h2 .title').text(configuration.get('title') || '');
-    pageElement.find('h2 .subtitle').text(configuration.get('subtitle') || '');
-
-    pageElement.find('p').html(configuration.get('text') || '');
-
-    this.updateInfoBox(pageElement, configuration);
-    this.updateCommonPageCssClasses(pageElement, configuration);
-
-    pageElement.find('.shadow').css({opacity: configuration.get('gradient_opacity') / 100});
-
-    this.updateVideoPoster(pageElement, configuration.getVideoPosterUrl());
-  },
-
-  embeddedEditorViews: function() {
-    return {
-      '.videoWrapper': {
-        view: pageflow.LazyVideoEmbeddedView,
-        options: {
-          propertyName: 'video_file_id'
-        }
-      }
-    };
-  },
-
-  _initVideoPlayer: function(pageElement, configuration) {
-    var that = this;
-    var scrollIndicator = this.scrollIndicator;
-    var videoPlayer = new pageflow.VideoPlayer.Lazy(pageElement.find('[data-template=video]'), {
-      bufferUnderrunWaiting: true,
-      controls: true,
-      customControlsOnMobile: true,
-
-      volumeFading: true,
-      hooks: pageflow.atmo.createMediaPlayerHooks(configuration),
-
-      mediaEvents: true,
-      context: {
-        page: pageElement.page('instance')
-      },
-
-      width: '100%',
-      height: '100%'
-    });
-
-    this.videoPlayer = videoPlayer;
-    pageElement.find('.videoWrapper').data('videoPlayer', videoPlayer);
-
-    videoPlayer.ready(function() {
-      videoPlayer.showPosterImage();
-
-      var pageContent = pageElement.find('.scroller, .controls, .shadow'),
-          wrapper = pageElement.find('.videoPage'),
-          controls = pageElement.find('.controls'),
-          controlBar = pageElement.find('.vjs-control-bar'),
-          playButton = pageElement.find('.vjs-play-control'),
-          loadingSpinner = pageElement.find('.vjs-loading-spinner'),
-          poster = pageElement.find('.vjs-poster');
-
-      controlBar.appendTo(controls);
-
-      var additionalControlsHtml =
-        '<div class="player_skip" tabindex="4"></div>' +
-        '<div class="player_fullscreen" tabindex="4"></div>' +
-        '<div class="player_volume">' +
-        '  <div class="volume-control">' +
-        '    <div tabindex="0" class="player_volume_bar player_slider volume-slider">' +
-        '      <div class="player_volume_level volume-level"></div>' +
-        '      <div class="player_volume_handle player_slider_handle volume-handle"></div>' +
-        '    </div>' +
-        '  </div>' +
-        '  <div class="player_mute volume-mute-button" tabindex="4"></div>' +
-        '</div>' +
-        '<div class="control_bar_text">' +
-        controls.data('controlBarText') +
-        '</div>';
-
-      $(additionalControlsHtml).appendTo(controlBar);
-
-      controlBar.addClass('vjs-default-skin vjs-player');
-      playButton.before(loadingSpinner);
-      playButton.attr('tabindex','4');
-
-      playButton.on({
-        'mousedown touchstart': function() {
-          $(this).addClass('pressed');
-        },
-        'mouseup touchend': function() {
-          $(this).removeClass('pressed');
-        }
-      });
-
-      controls.find('a, [tabindex]').on({
-        focus: function() {
-          controls.addClass('focussed');
-        },
-
-        blur: function() {
-          controls.removeClass('focussed');
-        }
-      });
-
-      videoPlayer.on('bufferunderrun', function() {
-        loadingSpinner.addClass('showing-for-underrun');
-      });
-
-      videoPlayer.on('timeupdate', function() {
-        loadingSpinner.removeClass('showing-for-underrun');
-      });
-
-      if (pageflow.browser.has('phone platform')) {
-        // alternate poster image handling
-        $("<div class='vjs-poster-mobile' style='" +
-          poster.attr('style') +
-          "display:block; background-size: cover;'></div>").appendTo(pageElement.find(".videoWrapper"));
-        poster.removeClass('vjs-poster').addClass('vjs-poster-mobile');
-
-        // listening for exit fullscreen to force pausing
-        $(document).on("fullscreenchange mozfullscreenchange webkitfullscreenchange", function() {
-          if (!document.fullscreenElement && !document.mozFullScreen && !document.webkitIsFullScreen) {
-            videoPlayer.pause();
-          }
-        });
-      }
-
-      videoPlayer.on('beforeplay', function() {
-        loadingSpinner.addClass('showing-for-underrun');
-      });
-
-      videoPlayer.on("ended", function() {
-        if (pageflow.browser.has('mobile platform')) {
-          videoPlayer.showPosterImage();
-        }
-
-        if (pageElement.hasClass('active') && configuration.auto_change_page_on_ended) {
-          pageflow.slides.next();
-        }
-      });
-
-      pageElement
-        .hideContentDuringPlayback({
-          scrollIndicator: scrollIndicator
-        })
-        .hideContentDuringPlayback('attach', videoPlayer);
-
-      wrapper
-        .markWithPlayedStates({
-          target: wrapper,
-        })
-        .markWithPlayedStates('attach', videoPlayer);
-
-      controls
-        .autoHidePlayerControls({
-          pageElement: pageElement,
-          target: wrapper,
-
-          onShow: function() {
-            pageContent.addClass('fade-in').removeClass('fade-out');
-          },
-
-          onHide: function() {
-            pageContent.addClass('fade-out').removeClass('fade-in');
-          }
-        })
-        .autoHidePlayerControls('attach', videoPlayer);
-
-      pageElement.find('.volume-control').volumeSlider({
-        orientation: 'v'
-      });
-
-      pageElement.find('.player_mute').muteButton();
-      pageElement.find('.player_skip').skipPageButton();
-      pageElement.find('.player_fullscreen').fullscreenButton();
-
-      that._ensureAndroidPhoneControlsCanBeDisplayedViaTouch(pageElement);
-    });
-  },
-
-  _ensureAndroidPhoneControlsCanBeDisplayedViaTouch: function(pageElement) {
-    if (pageflow.browser.has('phone platform')) {
-      pageElement.find('video').on('touchend', function(event) {
-        event.stopPropagation();
-      });
-    }
-  }
-}, pageflow.volumeFade, pageflow.videoHelpers, pageflow.infoBox, pageflow.commonPageCssClasses));

data/app/assets/javascripts/pageflow/ui/views/inputs/file_input_view.js

@@ -1,79 +0,0 @@
-/*global editor*/
-
-pageflow.FileInputView = Backbone.Marionette.ItemView.extend({
-  mixins: [pageflow.inputView],
-
-  template: 'pageflow/ui/templates/inputs/file_input',
-  className: 'file_input',
-
-  ui: {
-    fileName: '.file_name',
-    thumbnail: '.file_thumbnail',
-    editPositioningButton: '.edit_positioning',
-    unsetButton: '.unset'
-  },
-
-  events: {
-    'click .choose': function() {
-      pageflow.editor.selectFile(
-        this.options.collection.name,
-        this.options.fileSelectionHandler || 'pageConfiguration',
-        _.extend({
-          id: this.model.getRoutableId ? this.model.getRoutableId() : this.model.id,
-          attributeName: this.options.propertyName,
-          returnToTab: this.options.parentTab
-        }, this.options.fileSelectionHandlerOptions || {})
-      );
-
-      return false;
-    },
-
-    'click .unset': function() {
-      this.model.unsetReference(this.options.propertyName);
-      return false;
-    },
-
-    'click. .edit_positioning': function() {
-      pageflow.BackgroundPositioningView.open({
-        model: this.model,
-        propertyName: this.options.propertyName,
-        filesCollection: this.options.collection
-      });
-      return false;
-    }
-  },
-
-  initialize: function() {
-    this.options = _.extend({
-      positioning: true
-    }, this.options);
-
-    if (typeof this.options.collection === 'string') {
-      this.options.collection = pageflow.entry.getFileCollection(
-        pageflow.editor.fileTypes.findByCollectionName(this.options.collection)
-      );
-    }
-  },
-
-  onRender: function() {
-    this.update();
-    this.listenTo(this.model, 'change:' + this.options.propertyName, this.update);
-  },
-
-  update: function() {
-    var file = this._getFile();
-
-    this.ui.fileName.text(file ? file.get('file_name') : I18n.t('pageflow.ui.views.inputs.file_input_view.none'));
-    this.ui.unsetButton.toggle(!!file);
-    this.ui.editPositioningButton.toggle(this.options.positioning && !!file && file.isPositionable());
-
-    this.subview(new pageflow.FileThumbnailView({
-      el: this.ui.thumbnail,
-      model: file
-    }));
-  },
-
-  _getFile: function() {
-    return this.model.getReference(this.options.propertyName, this.options.collection);
-  }
-});

data/app/assets/javascripts/pageflow/video_player/play_button_patch.js

@@ -1,39 +0,0 @@
-/*
- * Prevent click event on play/pause button if the last click event
- * was less than 400ms ago.  Workaround for the "Phantom-Touch" on
- * Samsung Galaxy Note 10.1
- */
-(function() {
-  var originalOnClick = vjs.PlayToggle.prototype.onClick;
-  var lastAction;
-
-  vjs.PlayToggle.prototype.onClick = function() {
-    var now = new Date().getTime();
-
-    if (typeof lastAction == 'undefined' || now - lastAction > 400) {
-      lastAction = now;
-
-      if (pageflow.browser.has('phone platform')) {
-        var elem = this.player_.tech.el();
-        this.player_.play();
-
-        if (elem.requestFullscreen) {
-          elem.requestFullscreen();
-        } else if (elem.mozRequestFullScreen) {
-          elem.mozRequestFullScreen();
-        } else if (elem.webkitRequestFullscreen) {
-          elem.webkitRequestFullscreen();
-        } else if (elem.webkitEnterFullscreen) {
-          elem.webkitEnterFullscreen();
-        }
-      }
-      else {
-        originalOnClick.apply(this, arguments);
-      }
-    }
-  };
-
-  vjs.PlayToggle.prototype.createEl = function(tagName, attributes){
-    return vjs.Button.prototype.createEl.call(this, tagName || 'a', attributes);
-  };
-}());

data/app/assets/javascripts/pageflow/video_player/player_buffered_patch.js

@@ -1,47 +0,0 @@
-// look for maximal buffered time range instead of first
-vjs.Player.prototype.buffered = function(){
-  var buffered = this.techGet('buffered'),
-      max = 0,
-      start = 0,
-      // Default end to 0 and store in values
-      end = this.cache_.bufferEnd = this.cache_.bufferEnd || 0;
-
-  if (buffered && buffered.length > 0) {
-    for (var i = 0; i < buffered.length; i++) {
-      if (getEnd(buffered, i) > max) {
-        max = getEnd(buffered, i);
-      }
-    }
-
-    if (max !== end) {
-      end = max;
-      // Storing values allows them be overridden by setBufferedFromProgress
-      this.cache_.bufferEnd = max;
-    }
-  }
-
-  return vjs.createTimeRange(start, end);
-
-  function getEnd(buffered, i) {
-    // Firefox 32 sometimes reports negative values as start and
-    // end. If both are negative, treat difference as end time stamp.
-    if (buffered.start(i) < 0 && buffered.end(i) < 0) {
-      return buffered.end(i) - buffered.start(i);
-    }
-    else {
-      return buffered.end(i);
-    }
-  }
-};
-
-// If end is after duration return buffered percent 0
-vjs.Player.prototype.bufferedPercent = function(){
-  // Sometimes duration is rounded to less digits than end causing end
-  // to be just a little bit greater. Therefore round.
-  if (this.duration() && Math.floor(this.buffered().end(0)) <= this.duration()) {
-    return this.buffered().end(0) / this.duration();
-  }
-  else {
-    return 0;
-  }
-};

data/app/assets/javascripts/pageflow/video_player/src_from_options_method.js

@@ -1,31 +0,0 @@
-pageflow.VideoPlayer.srcFromOptionsMethod = function(player) {
-  var extensions = ['webm', 'm3u8', 'mp4'];
-
-  player.srcFromOptions = function() {
-    var extension = getVideoExtension(player.currentSrc()),
-        source = detectSourceWithExtension(extension);
-
-    if (extension && source) {
-      return source.src;
-    }
-    else {
-      return player.currentSrc();
-    }
-  };
-
-  function getVideoExtension(src) {
-    return _.detect(extensions, function(extension) {
-      return matchesExtension(src, extension);
-    });
-  }
-
-  function detectSourceWithExtension(extension) {
-    return _.detect(player.options().sources, function(source) {
-      return matchesExtension(source.src, extension);
-    });
-  }
-
-  function matchesExtension(src, extension) {
-    return src.indexOf('.' + extension + '?') >= 0;
-  }
-};