pageflow 0.11.4 → 12.0.0.rc1

data/app/assets/javascripts/pageflow/editor/collections/file_usages_collection.js

@@ -1,21 +0,0 @@
-pageflow.FileUsagesCollection = Backbone.Collection.extend({
-  model: pageflow.FileUsage,
-
-  name: 'file_usages',
-
-  initialize: function(models, options) {
-    options = options || {};
-    this.entry = options.entry;
-  },
-
-  url: function() {
-    return '/editor/entries/' + this.entry.get('id') + '/file_usages';
-  },
-
-  createForFile: function(file, options) {
-    return this.create({
-      file_id: file.get('id'),
-      file_type: file.fileType().typeName
-    }, options);
-  }
-});

data/app/assets/javascripts/pageflow/editor/models/file_usage.js

@@ -1,8 +0,0 @@
-pageflow.FileUsage = Backbone.Model.extend({
-  modelName: 'file_usage',
-  paramRoot: 'file_usage',
-
-  urlRoot: function() {
-    return this.isNew() ? this.collection.url() : '/editor/file_usages/';
-  }
-});

data/app/assets/javascripts/pageflow/editor/views/configuration_editors/audio_loop.js

@@ -1,20 +0,0 @@
-pageflow.ConfigurationEditorView.register('audio_loop', {
-  configure: function() {
-    this.tab('general', function() {
-      this.group('general');
-    });
-
-    this.tab('files', function() {
-      this.input('audio_file_id', pageflow.FileInputView, {collection: pageflow.audioFiles});
-      this.input('background_image_id', pageflow.FileInputView, {collection: pageflow.imageFiles});
-      this.input('thumbnail_image_id', pageflow.FileInputView, {
-        collection: pageflow.imageFiles,
-        positioning: false
-      });
-    });
-
-    this.tab('options', function() {
-      this.group('options');
-    });
-  }
-});

data/app/assets/javascripts/pageflow/editor/views/configuration_editors/background_video.js

@@ -1,24 +0,0 @@
-pageflow.ConfigurationEditorView.register('background_video', {
-  configure: function() {
-    this.tab('general', function() {
-      this.group('general');
-    });
-
-    this.tab('files', function() {
-      this.input('video_file_id', pageflow.FileInputView, {collection: pageflow.videoFiles});
-      this.input('poster_image_id', pageflow.FileInputView, {collection: pageflow.imageFiles});
-      this.input('thumbnail_image_id', pageflow.FileInputView, {
-        collection: pageflow.imageFiles,
-        positioning: false
-      });
-      this.input('mobile_poster_image_id', pageflow.FileInputView, {
-        collection: pageflow.imageFiles,
-        imagePositioning: false
-      });
-    });
-
-    this.tab('options', function() {
-      this.group('options');
-    });
-  }
-});

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

@@ -1,135 +0,0 @@
-pageflow.pageType.register('audio', _.extend({
-  enhance: function(pageElement, configuration) {
-    pageElement.find('.contentText').before(pageElement.find('.page_header'));
-    pageElement.find('audio').hide();
-  },
-
-  prepare: function(pageElement, configuration) {
-  },
-
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
-  activating: function(pageElement, configuration) {
-    // for SkipLinks
-    $('#firstContent').attr("id","");
-    var firstContentElement = pageElement.find('*[tabindex], a');
-
-    $(firstContentElement[0]).attr('id','firstContent');
-    //
-
-    this._ensureAudioPlayer(pageElement, configuration);
-    pageElement.find('.audioPage').markWithPlayedStates('reset', {
-      autoplay: configuration.autoplay !== false
-    });
-
-    var that = this;
-
-    $('body').on('keyup', function(e) {
-      if(e.keyCode == 32){
-        if(!that.audioPlayer.playing) {
-          that.audioPlayer.play();
-        }
-        else {
-          that.audioPlayer.pause();
-        }
-      }
-    });
-  },
-
-  activated: function(pageElement, configuration) {
-    this.active = true;
-    var that = this;
-
-    if (!pageflow.browser.has('mobile platform')) {
-      if (configuration.autoplay !== false) {
-        this.fadeInTimeout = setTimeout(function() {
-          that.audioPlayer.readyPromise.then(function() {
-            if (that.active) {
-              that.audioPlayer.playAndFadeIn(1000);
-            }
-          });
-        }, 1000);
-      }
-    }
-  },
-
-  deactivating: function(pageElement, configuration) {
-    this.active = false;
-    var that = this;
-
-    clearTimeout(this.fadeInTimeout);
-    this.audioPlayer.loadedPromise.then(function() {
-      that.fadeSound(that.audioPlayer, 0, 400);
-    });
-    this.stopListening();
-    $('body').off('keyup');
-  },
-
-  deactivated: function(pageElement, configuration) {
-    this.audioPlayer.pause();
-  },
-
-  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._ensureAudioPlayer(pageElement, configuration.attributes);
-    this.audioPlayer.src(configuration.getAudioFileSources('audio_file_id'));
-  },
-
-
-  embeddedEditorViews: function() {
-    return {
-      '.background_image': {
-        view: pageflow.BackgroundImageEmbeddedView,
-        options: {propertyName: 'background_image_id'}
-      }
-    };
-  },
-
-  _ensureAudioPlayer: function(pageElement, configuration) {
-    this.audioPlayer = this.audioPlayer ||
-      pageflow.AudioPlayer.fromScriptTag(pageElement.find('script[data-audio]'), {
-        mediaEvents: true,
-
-        volumeFading: true,
-        hooks: pageflow.atmo.createMediaPlayerHooks(configuration),
-
-        context: {
-          page: pageElement.page('instance')
-        }
-      });
-
-    pageElement.find('.vjs-controls').playerControls({
-      player: this.audioPlayer
-    });
-
-    pageElement.find('.volume-control').volumeSlider({
-      orientation: 'v'
-    });
-
-    pageElement.find('.player_mute').muteButton();
-    pageElement.find('.player_skip').skipPageButton();
-
-    pageElement.find('.audioPage')
-      .markWithPlayedStates()
-      .markWithPlayedStates('attach', this.audioPlayer);
-
-    pageElement
-      .hideContentDuringPlayback({
-        scrollIndicator: this.scrollIndicator
-      })
-      .hideContentDuringPlayback('attach', this.audioPlayer);
-  }
-}, pageflow.volumeFade, pageflow.infoBox, pageflow.commonPageCssClasses));

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

@@ -1,102 +0,0 @@
-pageflow.pageType.register('audio_loop', _.extend({
-  enhance: function(pageElement, configuration) {
-    pageElement.find('.contentText').before(pageElement.find('.page_header'));
-    pageElement.find('audio').hide();
-  },
-
-  prepare: function(pageElement, configuration) {
-  },
-
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
-  activating: function(pageElement, configuration) {
-    // for SkipLinks
-    $('#firstContent').attr("id","");
-    var firstContentElement = pageElement.find('*[tabindex], a');
-
-    $(firstContentElement[0]).attr('id','firstContent');
-    //
-
-    this._ensureAudioPlayer(pageElement);
-
-    var that = this;
-
-    this.audioPlayer.readyPromise.then(function() {
-      that.audioPlayer.volume(pageflow.settings.get('volume'));
-      that.listenTo(pageflow.settings, "change:volume", function(model, value) {
-        that.audioPlayer.loadedPromise.then(function() {
-          that.fadeSound(that.audioPlayer, value, 40);
-        });
-      });
-    });
-  },
-
-  activated: function(pageElement, configuration) {
-    this.active = true;
-    var that = this;
-
-    this.fadeInTimeout = setTimeout(function() {
-      that.audioPlayer.readyPromise.then(function() {
-        if (that.active) {
-          that.audioPlayer.volume(0);
-          that.audioPlayer.play();
-          that.audioPlayer.loadedPromise.then(function() {
-            that.fadeSound(that.audioPlayer, pageflow.settings.get('volume'), 1000);
-          });
-        }
-      });
-    }, 1000);
-  },
-
-  deactivating: function(pageElement, configuration) {
-    this.active = false;
-    var that = this;
-
-    clearTimeout(this.fadeInTimeout);
-    this.audioPlayer.loadedPromise.then(function() {
-      that.fadeSound(that.audioPlayer, 0, 400);
-    });
-    this.stopListening();
-  },
-
-  deactivated: function(pageElement, configuration) {
-    this.audioPlayer.pause();
-  },
-
-  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._ensureAudioPlayer(pageElement);
-    this.audioPlayer.src(configuration.getAudioFileSources('audio_file_id'));
-  },
-
-
-  embeddedEditorViews: function() {
-    return {
-      '.background_image': {
-        view: pageflow.BackgroundImageEmbeddedView,
-        options: {propertyName: 'background_image_id'}
-      }
-    };
-  },
-
-  _ensureAudioPlayer: function(pageElement) {
-    this.audioPlayer = this.audioPlayer || pageflow.AudioPlayer.fromScriptTag(pageElement.find('script[data-audio]'), {loop: true});
-
-    pageElement.find('.vjs-controls').playerControls({
-      player: this.audioPlayer
-    });
-  }
-}, pageflow.volumeFade, pageflow.infoBox, pageflow.commonPageCssClasses));

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

@@ -1,44 +0,0 @@
-pageflow.pageType.register('background_image', _.extend({
-
-  prepareNextPageTimeout: 0,
-
-  enhance: function(pageElement, configuration) {},
-
-  prepare: function(pageElement, configuration) {
-  },
-
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
-  activating: function(pageElement, configuration) {},
-
-  activated: function(pageElement, configuration) {},
-
-  deactivating: function(pageElement, configuration) {},
-
-  deactivated: function(pageElement, configuration) {},
-
-  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.updateCommonPageCssClasses(pageElement, configuration);
-
-    pageElement.find('.shadow').css({
-      opacity: configuration.get('gradient_opacity') / 100
-    });
-  },
-
-  embeddedEditorViews: function() {
-    return {
-      '.background_image': {
-        view: pageflow.BackgroundImageEmbeddedView,
-        options: {propertyName: 'background_image_id'}
-      }
-    };
-  }
-}, pageflow.commonPageCssClasses));

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

@@ -1,137 +0,0 @@
-pageflow.pageType.register('background_video', _.extend({
-
-  enhance: function(pageElement, configuration) {
-    this._initVideoPlayer(pageElement, configuration);
-  },
-
-  prepare: function(pageElement, configuration) {
-
-    if (!pageflow.browser.has('mobile platform')) {
-      this.videoPlayer.ensureCreated();
-    }
-  },
-
-  preload: function(pageElement, configuration) {
-    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
-  },
-
-  activating: function(pageElement, configuration) {
-    var that = this;
-
-    this.videoPlayer.ensureCreated();
-    this._resizeToCover(pageElement, configuration);
-
-    if (!pageflow.browser.has('mobile platform')) {
-      this.prebufferingPromise = this.videoPlayer.prebuffer().then(function() {
-        that.videoPlayer.volume(0);
-        that.videoPlayer.play();
-      });
-
-      this.listenTo(pageflow.settings, "change:volume", function(model, value) {
-        this.fadeSound(this.videoPlayer, value, 10);
-      });
-    }
-
-    pageflow.activeBackgroundVideo = this.videoPlayer;
-  },
-
-  activated: function(pageElement, configuration) {
-    var that = this;
-
-    if (!pageflow.browser.has('mobile platform')) {
-      this.prebufferingPromise.then(function() {
-        that.fadeSound(that.videoPlayer, pageflow.settings.get('volume'), 1000);
-      });
-    }
-  },
-
-  deactivating: function(pageElement, configuration) {
-    this.fadeSound(this.videoPlayer, 0, 400);
-    this.stopListening();
-
-    pageflow.activeBackgroundVideo = undefined;
-  },
-
-  deactivated: function(pageElement, configuration) {
-    this.videoPlayer.pause();
-    this.videoPlayer.scheduleDispose();
-  },
-
-  resize: function(pageElement, configuration) {
-    this._resizeToCover(pageElement, configuration);
-  },
-
-  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.updateCommonPageCssClasses(pageElement, configuration);
-    pageElement.find('.shadow').css({opacity: configuration.get('gradient_opacity') / 100});
-
-    var x = configuration.getFilePosition('video_file_id', 'x'),
-        y = configuration.getFilePosition('video_file_id', 'y'),
-        posterUrl = configuration.getVideoPosterUrl();
-
-    this.updateBackgroundVideoPosters(pageElement, posterUrl, x, y);
-
-    if (this.videoPlayer.isPresent()) {
-      this._resizeToCover(pageElement, configuration.attributes);
-    }
-  },
-
-  embeddedEditorViews: function() {
-    return {
-      '.backgroundArea': {
-        view: pageflow.LazyVideoEmbeddedView,
-        options: {
-          propertyName: 'video_file_id'
-        }
-      }
-    };
-  },
-
-  _initVideoPlayer: function(pageElement, configuration) {
-    var that = this;
-    var template = pageElement.find('[data-template=video]');
-
-    this.min_w = 300; // minimum video width allowed
-    this.vid_w_orig = template.attr("data-video-width") || 1280;
-    this.vid_h_orig = template.attr("data-video-height") || 720;
-
-    this.videoPlayer = new pageflow.VideoPlayer.Lazy(template, {
-      width: '100%',
-      height: '100%'
-    });
-    pageElement.find('.backgroundArea').data('videoPlayer', this.videoPlayer);
-
-    this.videoPlayer.ready(function() {
-      that._resizeToCover(pageElement, configuration);
-    });
-  },
-
-  _resizeToCover: function(pageElement, configuration) {
-    var x = configuration.hasOwnProperty('video_file_x') ? configuration.video_file_x : 50;
-    var y = configuration.hasOwnProperty('video_file_y') ? configuration.video_file_y : 50;
-    var video = pageElement.find('video');
-
-    // use largest scale factor of horizontal/vertical
-    var scale_h = jQuery(window).width() / this.vid_w_orig;
-    var scale_v = jQuery(window).height() / this.vid_h_orig;
-    var scale = scale_h > scale_v ? scale_h : scale_v;
-
-    // don't allow scaled width < minimum video width
-    if (scale * this.vid_w_orig < this.min_w) {
-      scale = this.min_w / this.vid_w_orig;
-    }
-
-    // now scale the video
-    video.width(scale * this.vid_w_orig).height(scale * this.vid_h_orig);
-
-    video.css({
-      "left": "-" + ((video.width() - jQuery(pageElement).width()) * x / 100) + "px",
-      "top": "-" + ((video.height() - jQuery(pageElement).height()) * y / 100) + "px"
-    });
-  }
-}, pageflow.volumeFade, pageflow.videoHelpers, pageflow.commonPageCssClasses));