pageflow 0.0.1

data/app/assets/javascripts/pageflow/admin.js

@@ -0,0 +1 @@
+//= require ./admin/entries

data/app/assets/javascripts/pageflow/admin/entries.js

@@ -0,0 +1,68 @@
+jQuery(function($) {
+  $('.admin_entries').each(function() {
+    if ($('#folders_sidebar_section .editable').length) {
+      $('#index_table_entries tr').draggable({
+        helper: function() {
+          var title = $('.title a', this).text();
+          return $('<div class="dragged_entry" />').text(title);
+        },
+
+        cursorAt: { left: 5, top: 5 },
+        distance: 3,
+        appendTo: '#wrapper'
+      });
+
+      $('#folders_sidebar_section ul.folders > li').droppable({
+        tolerance: 'pointer',
+        hoverClass: 'drop_over',
+
+        accept: function(draggable) {
+          var entryAccountId = $(draggable).find('.account a').data('id');
+          var folderAccountId = $(this).parents('.accounts > li').data('id');
+
+          return !entryAccountId ||
+            entryAccountId == folderAccountId ||
+            isAllFolder(this);
+        },
+
+        activate: function() {
+          $(this).addClass('drop_target');
+        },
+
+        deactivate: function() {
+          $(this).removeClass('drop_target drop_over');
+        },
+
+        drop: function(event, ui) {
+          var folderId = $(this).data('id');
+          var entryId = $(ui.draggable).attr('id').replace('entry_', '');
+
+          $.ajax({
+            url: '/admin/entries/' + entryId,
+            method: 'put',
+            dataType: 'json',
+            data: {
+              entry: {
+                folder_id: folderId || ''
+              }
+            }
+          }).done(function() {
+            location.reload();
+          });
+        }
+      });
+
+      $('#folders_sidebar_section')
+        .append('<a href="#" class="edit_toggle edit" title="Bearbeiten"></a>')
+        .append('<a href="#" class="edit_toggle done" title="Fertig"></a>');
+
+      $('#folders_sidebar_section .edit_toggle').on('click', function() {
+        $('#folders_sidebar_section').toggleClass('editable');
+      });
+    }
+
+    function isAllFolder(folder) {
+      return $(folder).data('role') === 'all';
+    }
+  });
+});

data/app/assets/javascripts/pageflow/asset_urls.js.erb

@@ -0,0 +1,7 @@
+pageflow.assetUrls = {
+  largeBandwidthProbe: '<%= Rails.env.test? ? asset_path("bandwidth_probe_large.png") : "http://#{File.join(Pageflow.config.zencoder_options[:s3_host_alias], "bandwidth_probe_large.png")}" %>',
+  smallBandwidthProbe: '<%= Rails.env.test? ? asset_path("bandwidth_probe_small.png") : "http://#{File.join(Pageflow.config.zencoder_options[:s3_host_alias], "bandwidth_probe_small.png")}" %>',
+  audioSwf: '<%= asset_path "audio5js.swf" %>',
+  emptyMp4: '<%= asset_path "empty.mp4" %>',
+  emptyWebm: '<%= asset_path "empty.webm" %>'
+};

data/app/assets/javascripts/pageflow/audio_player.js

@@ -0,0 +1,69 @@
+pageflow.AudioPlayer = function(sources, tag) {
+  var codecMapping = {
+    vorbis: 'audio/ogg',
+    mp4: 'audio/mp4',
+    mp3: 'audio/mpeg'
+  };
+
+  var ready = new $.Deferred();
+  var audio = new Audio5js({
+    reusedTag: tag,
+    swf_path: pageflow.assetUrls.audioSwf,
+    throw_errors: false,
+    format_time: false,
+    codecs: ['vorbis', 'mp4', 'mp3'],
+    ready: ready.resolve
+  });
+
+  audio.readyPromise = ready.promise();
+  audio.src = function(sources) {
+    ready.then(function() {
+      var source = _.detect(sources || [], function(source) {
+        if (codecMapping[audio.settings.player.codec] === source.type) {
+          return source.src;
+        }
+      });
+
+      audio.load(source ? source.src : '');
+    });
+  };
+
+  var originalLoad = audio.load;
+  audio.load = function(src) {
+    if (!src) {
+      this.duration = 0;
+    }
+
+    this.currentSrc = src;
+    this.position = 0;
+    this.trigger('timeupdate', this.position, this.duration);
+
+    originalLoad.apply(this, arguments);
+  };
+
+  var originalSeek = audio.seek;
+  audio.seek = function() {
+    if (this.currentSrc) {
+      originalSeek.apply(this, arguments);
+    }
+  };
+
+  var originalPlay = audio.play;
+  audio.play = function() {
+    if (this.currentSrc) {
+      originalPlay.apply(this, arguments);
+    }
+  };
+
+  audio.src(sources);
+  return audio;
+};
+
+pageflow.AudioPlayer.fromAudioTag = function(element) {
+  return new pageflow.AudioPlayer(element.find('source').map(function() {
+    return {
+      src: $(this).attr('src'),
+      type: $(this).attr('type')
+    };
+  }).get(), element[0]);
+};

data/app/assets/javascripts/pageflow/bandwidth.js

@@ -0,0 +1,64 @@
+pageflow.bandwidth = function() {
+  var maxLoadTime = 5000;
+
+  pageflow.bandwidth.promise = pageflow.bandwidth.promise || new $.Deferred(function(deferred) {
+    var smallFileUrl = pageflow.assetUrls.smallBandwidthProbe + "?" + new Date().getTime(),
+        largeFileUrl = pageflow.assetUrls.largeBandwidthProbe + "?" + new Date().getTime(),
+        smallFileSize = 165,
+        largeFileSize = 1081010;
+
+    $.when(timeFile(smallFileUrl), timeFile(largeFileUrl))
+      .done(function(timeToLoadSmallFile, timeToLoadLargeFile) {
+        var timeDelta = (timeToLoadLargeFile - timeToLoadSmallFile) / 1000;
+        var bitsDelta = (largeFileSize - smallFileSize) * 8;
+
+        timeDelta = Math.max(timeDelta, 0.01);
+
+        deferred.resolve({
+          durationInSeconds: timeDelta,
+          speedInBps: (bitsDelta / timeDelta).toFixed(2)
+        });
+      })
+      .fail(function() {
+        deferred.resolve({
+          durationInSeconds: Infinity,
+          speedInBps: 0
+        });
+      });
+  }).promise();
+
+  return pageflow.bandwidth.promise;
+
+  function timeFile(url) {
+    var startTime = new Date().getTime();
+
+    return withTimeout(loadFile(url), maxLoadTime).pipe(function() {
+      return new Date().getTime() - startTime;
+    });
+  }
+
+  function loadFile(url, options) {
+    return new $.Deferred(function(deferred) {
+      var image = new Image();
+
+      image.onload = deferred.resolve;
+      image.onerror = deferred.reject;
+
+      image.src = url;
+    }).promise();
+  }
+
+  function withTimeout(promise, milliseconds) {
+    return new $.Deferred(function(deferred) {
+      var timeout = setTimeout(function() {
+        deferred.reject();
+      }, milliseconds);
+
+      promise
+        .always(function() {
+          clearTimeout(timeout);
+        })
+        .then(deferred.resolve, deferred.reject);
+    }).promise();
+  }
+};

data/app/assets/javascripts/pageflow/base.js

@@ -0,0 +1,56 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+
+//= require polyfills/bind
+
+//= require jquery
+//= require jquery.ui.widget
+//= require jquery_ujs
+//= require ./jquery_utils
+//= require iscroll
+//= require audio5.min
+//= require video
+//= require jquery.fullscreen
+//= require jquery.placeholder
+
+//= require backbone-rails
+//= require_self
+
+//= require ./page_type
+//= require ./asset_urls
+//= require ./preload
+//= require ./bandwidth
+//= require ./features
+//= require ./audio_player
+//= require ./video_player
+//= require ./print_layout
+//= require ./history
+//= require ./manual_start
+
+//= require ./settings
+
+//= require ./slideshow
+//= require ./ready
+//= require_tree ./widgets
+
+pageflow = {
+  log: function(text, options) {
+    if (window.console && (pageflow.debugMode() || (options && options.force))) {
+      window.console.log(text);
+    }
+  },
+
+  debugMode: function() {
+    return (window.location.href.indexOf('debug=true') >= 0);
+  }
+};

data/app/assets/javascripts/pageflow/editor/base.js

@@ -0,0 +1,44 @@
+//= require cocktail
+//= require backbone.marionette
+//= require ./sync
+//= require ./renderer
+
+//= require jquery.ui.all
+//= require jquery/layout
+//= require jquery-fileupload/vendor/load-image
+//= require jquery-fileupload/vendor/canvas-to-blob
+//= require jquery-fileupload/jquery.fileupload
+//= require jquery-fileupload/jquery.fileupload-fp
+
+//= require wysihtml5
+//= require parser_rules/simple
+
+//= require i18n
+
+//= require_self
+
+//= require_tree ./models/mixins
+//= require_tree ./models
+//= require_tree ./collections/mixins
+//= require ./collections/multi_collection
+//= require_tree ./collections
+//= require_tree ./routers
+//= require_tree ./controllers
+//= require_tree ./templates
+
+//= require_tree ./views/mixins
+//= require ./views/file_item_view
+//= require ./views/chapter_item_view
+//= require ./views/page_item_view
+//= require ./views/configuration_editor_tab_view
+//= require ./views/configuration_editor_view
+//= require_tree ./views/configuration_editors
+//= require_tree ./views
+
+//= require ./initializers/setup_collections
+//= require ./initializers/setup_page_types
+//= require ./initializers/edit_lock
+//= require ./initializers/files_polling
+//= require ./initializers/boot
+
+pageflow.app = new Backbone.Marionette.Application();

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

@@ -0,0 +1,7 @@
+pageflow.AudioFilesCollection = Backbone.Collection.extend({
+  model: pageflow.AudioFile,
+
+  name: 'audio_files',
+
+  mixins: [pageflow.filesCollection]
+});

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

@@ -0,0 +1,13 @@
+pageflow.ChaptersCollection = Backbone.Collection.extend({
+  model: pageflow.Chapter,
+
+  mixins: [pageflow.orderedCollection],
+
+  url: function() {
+    return '/entries/' + pageflow.entry.get('id') + '/chapters';
+  },
+
+  comparator: function(chapter) {
+    return chapter.get('position');
+  }
+});

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

@@ -0,0 +1,18 @@
+pageflow.FailedRecordsCollection = pageflow.MultiCollection.extend({
+  watch: function(collection) {
+    this.listenTo(collection, 'sync', this.remove);
+
+    this.listenTo(collection, 'error', function(model) {
+      if (!model.isNew()) {
+        this.add(model);
+      }
+    });
+  },
+
+  retry: function() {
+    _.chain(this.records).values().each(function(record) {
+      this.remove(record);
+      record.save();
+    }, this);
+  }
+});

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

@@ -0,0 +1,9 @@
+pageflow.FileUsagesCollection = Backbone.Collection.extend({
+  model: pageflow.FileUsage,
+
+  name: 'file_usages',
+
+  url: function() {
+    return '/editor/entries/' + pageflow.entry.get('id') + '/file_usages';
+  }
+});

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

@@ -0,0 +1,8 @@
+pageflow.ImageFilesCollection = Backbone.Collection.extend({
+  model: pageflow.ImageFile,
+
+  name: 'image_files',
+
+  mixins: [pageflow.filesCollection]
+
+});

data/app/assets/javascripts/pageflow/editor/collections/mixins/files_collection.js

@@ -0,0 +1,30 @@
+// Mixin for FilesCollecions
+// Concrete collections need to set attribute "name". i.e. "audio_files"
+pageflow.filesCollection = {
+  initialize: function(models, options) {
+    options = options || {};
+    this.entry = options.entry;
+  },
+
+  comparator: function(file) {
+    return file.get('file_name');
+  },
+
+  url: function() {
+    return '/editor/entries/' + this.getEntry().get('id') + '/' + this.name;
+  },
+
+  getEntry: function() {
+    return this.entry || pageflow.entry;
+  },
+
+  fileType: function() {
+    var plural = _.map(this.name.split('_'), upperCaseFirst).join('');
+
+    return plural.substring(0, plural.length-1);
+
+    function upperCaseFirst(string) {
+      return string.charAt(0).toUpperCase() + string.slice(1);
+    }
+  }
+};

data/app/assets/javascripts/pageflow/editor/collections/mixins/ordered_collection.js

@@ -0,0 +1,15 @@
+pageflow.orderedCollection = {
+  saveOrder: function() {
+    var parentModel = this.parentModel;
+
+    Backbone.sync('patch', parentModel, {
+      url: this.url() + '/order',
+      attrs: {ids: this.pluck('id')},
+
+      success: function(response) {
+        parentModel.trigger('sync', parentModel, response, {});
+        parentModel.trigger('sync:order', parentModel, response, {});
+      }
+    });
+  }
+};