pageflow 0.0.1

data/app/assets/javascripts/pageflow/editor/views/select_button_view.js

@@ -0,0 +1,40 @@
+pageflow.SelectButtonView = Backbone.Marionette.ItemView.extend({
+  template: 'templates/select_button',
+  className: 'select_button',
+
+  ui: {
+    button: 'button',
+    label: 'button .label',
+    menu: '.dropdown-menu',
+    dropdown: '.dropdown'
+  },
+
+  events: {
+    'click .dropdown-menu li': function(e, x) {
+      e.preventDefault();
+      var index = getClickedIndex(e.target);
+
+      this.model.get('options')[index].handler();
+
+      function getClickedIndex(target) {
+        var $target = $(target),
+            index = parseInt($target.data('index'), 10);
+
+        if (isNaN(index)) {
+          index = parseInt($target.find('a').data('index'), 10);
+        }
+
+        return index;
+      }
+    }
+  },
+
+  onRender: function() {
+    this.ui.label.text(this.model.get('label'));
+    this.model.get('options').forEach(this.addOption.bind(this));
+  },
+
+  addOption: function(option, index) {
+    this.ui.menu.append('<li><a href="#" data-index="'+ index +'">' + option.label + '</a></li>');
+  }
+});

data/app/assets/javascripts/pageflow/editor/views/sortable_collection_view.js

@@ -0,0 +1,57 @@
+pageflow.SortableCollectionView = pageflow.CollectionView.extend({
+  render: function() {
+    pageflow.CollectionView.prototype.render.call(this);
+
+    this.$el.sortable({
+      connectWith: this.options.connectWith,
+      placeholder: 'sortable-placeholder',
+      forcePlaceholderSize: true,
+      delay: 200,
+
+      update: _.bind(function(event, ui) {
+        if (ui.item.parent().is(this.el)) {
+          this.updateOrder();
+        }
+      }, this),
+
+      receive: _.bind(function(event, ui) {
+        var view = ui.item.data('view');
+
+        this.updateOrder();
+
+        this.itemViews.add(view);
+        this.collection.add(view.model);
+      }, this),
+
+      remove: _.bind(function(event, ui) {
+        var view = ui.item.data('view');
+
+        this.itemViews.remove(view);
+        this.collection.remove(view.model);
+      }, this)
+    });
+
+    return this;
+  },
+
+  addItem: function(item) {
+    if (!this.itemViews.findByModel(item)) {
+      pageflow.CollectionView.prototype.addItem.call(this, item);
+    }
+  },
+
+  removeItem: function(item) {
+    if (this.itemViews.findByModel(item)) {
+      pageflow.CollectionView.prototype.removeItem.call(this, item);
+    }
+  },
+
+  updateOrder: function() {
+    this.$el.children().each(function(index) {
+      $(this).data('view').model.set('position', index);
+    });
+
+    this.collection.sort();
+    this.collection.saveOrder();
+  }
+});

data/app/assets/javascripts/pageflow/editor/views/tabs_view.js

@@ -0,0 +1,61 @@
+pageflow.TabsView = Backbone.Marionette.Layout.extend({
+  template: 'templates/tabs_view',
+  className: 'tabs_view',
+
+  ui: {
+    headers: '> ul',
+  },
+
+  regions: {
+    container: '> div'
+  },
+
+  events: {
+    'click > ul > li': function(event) {
+      this.changeTab($(event.target).data('tab-name'));
+    }
+  },
+
+  initialize: function() {
+    this.tabFactoryFns = {};
+    this.tabNames = [];
+    this.currentTabName = null;
+  },
+
+  tab: function(name, factoryFn) {
+    this.tabFactoryFns[name] = factoryFn;
+    this.tabNames.push(name);
+  },
+
+  onRender: function() {
+    _.each(this.tabNames, function(name) {
+      this.ui.headers.append(
+        $('<li />')
+          .attr('data-tab-name', name)
+          .text(I18n.t(this.options.i18n + '.' + name))
+      );
+    }, this);
+
+    this.changeTab(this.options.defaultTab || _.first(this.tabNames));
+  },
+
+  changeTab: function(name) {
+    this.container.show(this.tabFactoryFns[name]());
+    this._updateActiveHeader(name);
+    this.currentTabName = name;
+  },
+
+  refresh: function() {
+    this.changeTab(this.currentTabName);
+  },
+
+  toggleSpinnerOnTab: function(name, visible) {
+    this.$('[data-tab-name=' + name + ']').toggleClass('spinner', visible);
+  },
+
+  _updateActiveHeader: function(activeTabName) {
+    this.ui.headers.children().each(function() {
+      $(this).toggleClass('active', $(this).data('tab-name') === activeTabName);
+    });
+  }
+});

data/app/assets/javascripts/pageflow/editor/views/uploader_view.js

@@ -0,0 +1,68 @@
+pageflow.UploaderView = Backbone.Marionette.View.extend({
+  el: 'form#upload',
+
+  ui: {
+    input: 'input#image_file_attachment',
+    authToken: 'input[name="authenticity_token"]'
+  },
+
+  initialize: function() {
+    this.listenTo(pageflow.app, 'request-upload', this.openFileDialog);
+  },
+
+  render: function() {
+    var that = this;
+
+    this.bindUIElements();
+
+    this.$el.fileupload({
+      acceptFileTypes: /(\.|\/)(bmp|gif|jpe?g|png|ti?f|wmv|mp4|mpg|mov|asf|asx|avi|m?v|mpeg|qt|3g2|3gp|3ivx|divx|3vx|vob|flv|dvx|xvid|mkv)$/i,
+      dataType: 'json',
+
+      add: function(event, data) {
+        data.record = pageflow.entry.addFile(data.files[0]);
+        var xhr = data.submit();
+
+        that.listenTo(data.record, 'uploadCancelled', function() {
+          xhr.abort();
+        });
+      },
+
+      progress: function(event, data) {
+        data.record.set('uploading_progress', parseInt(data.loaded / data.total * 100, 10));
+      },
+
+      submit: function(event, data) {
+        var record = data.record;
+
+        this.action = record.url();
+
+        data.paramName = record.modelName + '[attachment]';
+        data.formData = {
+          authenticity_token: that.ui.authToken.attr('value')
+        };
+      },
+
+      done: function(event, data) {
+        data.record.unset('uploading_progress');
+        data.record.set(data.result);
+      },
+
+      fail: function(event, data) {
+        if (data.errorThrown !== 'abort') {
+          data.record.uploadFailed();
+        }
+      },
+
+      always: function(event, data) {
+        that.stopListening(data.record);
+      }
+    });
+
+    return this;
+  },
+
+  openFileDialog: function() {
+    this.$('input:file').click();
+  }
+});

data/app/assets/javascripts/pageflow/editor/views/video_file_item_view.js

@@ -0,0 +1,18 @@
+pageflow.VideoFileItemView = pageflow.FileItemView.extend({
+  metaDataViews: function() {
+    return [
+      new pageflow.FileMetaDataItemView({
+        model: this.model,
+        attribute: 'format'
+      }),
+      new pageflow.FileMetaDataItemView({
+        model: this.model,
+        attribute: 'dimensions'
+      }),
+      new pageflow.FileMetaDataItemView({
+        model: this.model,
+        attribute: 'duration'
+      })
+    ];
+  }
+});

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

@@ -0,0 +1,98 @@
+//= require_self
+//= require_tree ./features
+
+pageflow.features = (function(){
+  var tests = {},
+      results = {},
+      ready = new $.Deferred();
+
+  return {
+    off: {},
+    on: {},
+    unset: {},
+
+    add: function(name, test) {
+      var s = name.replace(/ /g, '_');
+
+      this.off[s] = function() {
+        window.localStorage['override ' + name] = 'off';
+        pageflow.log('Feature off: ' + name, {force: true});
+      };
+
+      this.on[s] = function() {
+        window.localStorage['override ' + name] = 'on';
+        pageflow.log('Feature on: ' + name, {force: true});
+      };
+
+      this.unset[s] = function() {
+        window.localStorage.removeItem('override ' + name);
+        pageflow.log('Feature unset: ' + name, {force: true});
+      };
+
+      tests[name] = test;
+    },
+
+    has: function(name) {
+      if (this.ready().state() != 'resolved') {
+        throw 'Feature detection has not finished yet.';
+      }
+
+      if (!results.hasOwnProperty(name)) {
+        throw 'Unknown feature "' + name +'".';
+      }
+
+      return results[name];
+    },
+
+    ready: function() {
+      return ready.promise();
+    },
+
+    detect: function() {
+      var promises = {};
+
+      var asyncHas = function(name) {
+        var runTest = function() {
+          if (pageflow.debugMode() &&
+              window.localStorage &&
+              typeof window.localStorage['override ' + name] !== 'undefined') {
+            var value = (window.localStorage['override ' + name] === 'on');
+            pageflow.log('FEATURE OVERRIDDEN ' + name + ': ' + value, {force: true});
+            return value;
+          }
+          else {
+            return tests[name](asyncHas);
+          }
+        };
+
+        promises[name] = promises[name] || $.when(runTest(name));
+        return promises[name];
+      };
+
+      asyncHas.not = function(name) {
+        return asyncHas(name).pipe(function(result) {
+          return !result;
+        });
+      };
+
+      asyncHas.all = function(/* arguments */) {
+        return $.when.apply(null, arguments).pipe(function(/* arguments */) {
+          return _.all(arguments);
+        });
+      };
+
+      $.when.apply(null, _.map(_.keys(tests), function(name) {
+        return asyncHas(name).then(function(result) {
+          var cssClassName = name.replace(/ /g, '_');
+
+          $('body').toggleClass('has_' + cssClassName, !!result);
+          $('body').toggleClass('has_no_' + cssClassName, !result);
+
+          results[name] = !!result;
+        });
+      })).then(ready.resolve);
+
+      return this.ready();
+    }
+  };
+}());

data/app/assets/javascripts/pageflow/features/high_bandwidth.js

@@ -0,0 +1,11 @@
+pageflow.features.add('high bandwidth', function() {
+  return pageflow.bandwidth().pipe(function(result) {
+    var isHigh = result.speedInBps > 8000 * 1024;
+
+    if (window.console) {
+      window.console.log('Detected bandwidth ' + (result.speedInBps / 8 / 1024) + 'KB/s. High: ' + (isHigh ? 'Yes' : 'No'));
+    }
+
+    return isHigh;
+  });
+});

data/app/assets/javascripts/pageflow/features/ie_platform.js

@@ -0,0 +1,9 @@
+pageflow.features.add('ie', function() {
+  if (navigator.appName == 'Microsoft Internet Explorer')
+  {
+    return true;
+  }
+  else {
+    return false;
+  }
+});

data/app/assets/javascripts/pageflow/features/mobile_platform.js

@@ -0,0 +1,10 @@
+pageflow.features.add('mobile platform', function() {
+  var matchers = [/iPod/i, /iPad/i, /iPhone/i, /Android/i, /Silk/i, /IEMobile/i];
+  return _.any(matchers, function(matcher) {
+    return navigator.userAgent.match(matcher);
+  });
+});
+
+if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i) && !window.navigator.standalone) {
+    $('html').addClass('ipad ios7');
+}

data/app/assets/javascripts/pageflow/features/phone_platform.js

@@ -0,0 +1,7 @@
+pageflow.features.add('phone platform', function() {
+  var matchers = [/iPod/i, /iPad/i, /iPhone/i, /Android/i, /IEMobile/i];
+
+  return _.any(matchers, function(matcher) {
+    return navigator.userAgent.match(matcher) && ($(window).width() < 700);
+  });
+});

data/app/assets/javascripts/pageflow/features/touch_support.js

@@ -0,0 +1,7 @@
+pageflow.features.add('touch support', function() {
+  return ('ontouchstart' in window) ||
+    /* Firefox on android */
+    window.DocumentTouch && document instanceof window.DocumentTouch ||
+    /* > 0 on IE touch devices */
+    navigator.maxTouchPoints;
+});

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

@@ -0,0 +1,16 @@
+pageflow.features.add('rewrite video sources support', function() {
+  // set from conditionally included script file
+  return !pageflow.ie9;
+});
+
+pageflow.features.add('stop buffering support', function(has) {
+  return has.not('mobile platform');
+});
+
+pageflow.features.add('buffer underrun waiting support', function(has) {
+  return has.not('mobile platform');
+});
+
+pageflow.features.add('prebuffering support', function(has) {
+  return has.not('mobile platform');
+});

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

@@ -0,0 +1,16 @@
+pageflow.History = function(slideshow) {
+  slideshow.on('slideshowchangepage', function() {
+    window.location.hash = '#' + slideshow.currentPage().attr('id');
+  });
+
+  $(window).on('hashchange', function() {
+    slideshow.goToByPermaId(getHash());
+  });
+
+  slideshow.goToByPermaId(getHash());
+
+  function getHash() {
+    var match = window.location.href.match(/#(.*)$/);
+    return match ? match[1] : '';
+  }
+};

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

@@ -0,0 +1 @@
+pageflow.ie9 = true;

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

@@ -0,0 +1,12 @@
+$.fn.updateTitle = function () {
+  if (!this.data('title')) {
+    this.data('title', this.attr('title'));
+  }
+
+  if (this.hasClass('active')) {
+    this.attr('title', this.data('activeTitle'));
+  }
+  else {
+    this.attr('title', this.data('title'));
+  }
+};