pageflow 0.8.2 → 0.9.0

data/app/assets/javascripts/pageflow/editor/templates/embedded/page_link.jst.ejs

@@ -1,3 +0,0 @@
-<a class="reset" href="" title="<%= I18n.t('pageflow.editor.templates.embedded.page_link.reset') %>"></a>
-<div class="placeholder"></div>
-<span class="title"></span>

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

@@ -1,24 +0,0 @@
-pageflow.ConfigurationEditorView.register('internal_links', {
-  configure: function() {
-    this.tab('general', function() {
-      this.group('general');
-    });
-
-    this.tab('files', function() {
-      this.input('background_image_id', pageflow.FileInputView, {collection: pageflow.imageFiles});
-      this.input('thumbnail_image_id', pageflow.FileInputView, {
-        collection: pageflow.imageFiles,
-        positioning: false
-      });
-    });
-
-    this.tab('links', function() {
-      this.input('linked_pages_layout', pageflow.SelectInputView, {values: pageflow.Page.linkedPagesLayouts});
-      this.input('linked_page_ids', pageflow.PageReferenceInputView);
-    });
-
-    this.tab('options', function() {
-      this.group('options');
-    });
-  }
-});

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

@@ -1,31 +0,0 @@
-pageflow.DraggablePageItemView = pageflow.PageItemView.extend({
-  className: 'draggable',
-
-  events: {
-    'mouseenter': function() {
-      this.model.set('highlighted', true);
-    },
-
-    'mouseleave': function() {
-      this.model.unset('highlighted');
-    }
-  },
-
-  onRender: function() {
-    var view = this;
-
-    this.$el.draggable({
-      helper: function() {
-        return view.$el
-          .clone()
-          .width(view.$el.width())
-          .wrap('<div class="editor"><ul class="dragged pages outline" /></div>')
-          .parents('.editor')
-          .css('z-index', 100);
-      },
-      appendTo: 'body'
-    });
-
-    pageflow.PageItemView.prototype.onRender.call(this);
-  }
-});

data/app/assets/javascripts/pageflow/editor/views/embedded/page_link_embedded_view.js

@@ -1,176 +0,0 @@
-pageflow.PageLinkEmbeddedView = Backbone.Marionette.ItemView.extend({
-  template: 'templates/embedded/page_link',
-
-  modelEvents: {
-    'change': 'update'
-  },
-
-  ui: {
-    title: 'span.title'
-  },
-
-  events: {
-    'click .reset': function() {
-      this.save(null);
-    },
-
-    'click .thumbnail': function () {
-      if (!this.$el.hasClass('editable')) {
-        pageflow.slides.goToById(this.linkedPage().id);
-      }
-
-      return false;
-    },
-
-    'mousedown': function() {
-      if (this.$el.hasClass('editable') && !this.$el.hasClass('unassigned')) {
-        return false;
-      }
-    }
-  },
-
-  onRender: function() {
-    var view = this;
-
-    this.$el.droppable({
-      tolerance: 'pointer',
-
-      accept: function() {
-        return view.$el.hasClass('editable') && view.$el.hasClass('unassigned');
-      },
-
-      activate: function() {
-        view.$el.addClass('droppable');
-      },
-
-      deactivate: function() {
-        view.$el.removeClass('droppable over');
-      },
-
-      over: function() {
-        view.$el.addClass('over');
-      },
-
-      out: function() {
-        view.$el.removeClass('over');
-      },
-
-      drop: function(event, ui) {
-        view.$el.removeClass('droppable over');
-        view.save(ui.draggable.data('permaId'));
-      }
-    });
-
-    this.$el.draggable({
-      disabled: true,
-
-      helper: 'clone',
-
-      revert: function(droppable) {
-        if (droppable) {
-          view.save(null);
-        }
-
-        return !droppable;
-      },
-
-      start: function() {
-        view.$el.addClass('dragged');
-      },
-
-      stop: function() {
-        view.$el.removeClass('dragged');
-      },
-
-      revertDuration: 200
-    });
-
-    this.listenTo(this.model.page, 'change:' + this.options.propertyName + '_editable', function() {
-      view.updateClassName();
-      view.updateDraggable();
-      view.options.container.refreshScroller();
-    });
-
-    this.update();
-  },
-
-  update: function() {
-    var linkedPage = this.linkedPage();
-
-    this.$el.data('permaId', linkedPage ? linkedPage.get('perma_id') : null);
-
-    this.updateTitle();
-    this.updateThumbnailView();
-    this.updateClassName();
-    this.updateDraggable();
-  },
-
-  updateTitle: function() {
-    var linkedPage = this.linkedPage();
-
-    this.ui.title.html(linkedPage ? linkedPage.configuration.get('description') : '');
-  },
-
-  updateThumbnailView: function() {
-    var linkedPage = this.linkedPage();
-
-    if (this.currentLinkedPage !== linkedPage) {
-      if (this.currentLinkedPage) {
-        this.stopListening(this.currentLinkedPage, 'change:highlighted');
-        this.stopListening(this.currentLinkedPage.configuration, 'change:description');
-      }
-
-      this.currentLinkedPage = linkedPage;
-
-      if (this.thumbnailView) {
-        this.thumbnailView.close();
-      }
-
-      if (linkedPage) {
-        this.thumbnailView = this.subview(new pageflow.PageThumbnailView({
-          model: linkedPage,
-          imageUrlPropertyName: 'link_thumbnail_url'
-        }));
-
-        this.$el.append(this.thumbnailView.el);
-
-        this.listenTo(linkedPage, 'change:highlighted', this.updateClassName);
-        this.listenTo(linkedPage.configuration, 'change:description', this.updateTitle);
-      }
-    }
-  },
-
-  updateClassName: function() {
-    var editable = this.model.page.get(this.options.propertyName + '_editable');
-    var linkedPage = this.linkedPage();
-
-    this.$el.toggleClass('title_hover', !editable);
-    this.$el.toggleClass('editable', !!editable);
-    this.$el.toggleClass('empty', !linkedPage && !editable);
-    this.$el.toggleClass('unassigned', !linkedPage);
-    this.$el.toggleClass('highlighted', !!linkedPage && !!linkedPage.get('highlighted'));
-  },
-
-  updateDraggable: function() {
-    this.$el.draggable('option', 'disabled', !this.$el.hasClass('editable') || this.$el.hasClass('unassigned'));
-  },
-
-  save: function(pagePermaId) {
-    var references = _.clone(this.model.get(this.options.propertyName) || {});
-    references[this.keyName()] = pagePermaId;
-
-    this.model.set(this.options.propertyName, references);
-  },
-
-  linkedPage: function() {
-    return pageflow.pages.getByPermaId(this.linkedPagePermaId());
-  },
-
-  linkedPagePermaId: function() {
-    return (this.model.get(this.options.propertyName) || {})[this.keyName()];
-  },
-
-  keyName: function() {
-    return this.$el.data('referenceKey');
-  }
-});

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

@@ -1,16 +0,0 @@
-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/page_types/internal_links.js

@@ -1,55 +0,0 @@
-pageflow.pageType.register('internal_links', _.extend({
-
-  prepareNextPageTimeout: 0,
-
-  enhance: function(pageElement, configuration) {
-    pageElement.on('click', 'nav .thumbnail', function() {
-      pageflow.slides.goToById($(this).data('page'));
-      return false;
-    });
-  },
-
-  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
-    });
-
-    pageElement.find('nav').attr('data-layout', configuration.get('linked_pages_layout'));
-  },
-
-  embeddedEditorViews: function() {
-    return {
-      'nav li': {
-        view: pageflow.PageLinkEmbeddedView,
-        options: {propertyName: 'linked_page_ids'}
-      },
-
-      '.background_image': {
-        view: pageflow.BackgroundImageEmbeddedView,
-        options: {propertyName: 'background_image_id'}
-      }
-    };
-  }
-}, pageflow.commonPageCssClasses));

data/app/assets/javascripts/pageflow/ui/templates/inputs/page_reference.jst.ejs

@@ -1,6 +0,0 @@
-<label>
-  <span class="name"></span>
-  <span class="inline_help"></span>
-</label>
-<p><%= I18n.t('pageflow.ui.templates.inputs.page_reference.drag_hint') %></p>
-<ul class="chapters outline"></ul>

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

@@ -1,44 +0,0 @@
-pageflow.PageReferenceInputView = Backbone.Marionette.ItemView.extend({
-  mixins: [pageflow.inputView],
-
-  template: 'pageflow/ui/templates/inputs/page_reference',
-  className: 'page_reference_input',
-
-  ui: {
-    chapters: 'ul.chapters'
-  },
-
-  modelEvents: {
-    'change:linked_page_ids': function() {
-      this._highlightUsedPages();
-    }
-  },
-
-  onRender: function() {
-    this.model.page.set('linked_page_ids_editable', true);
-
-    this.subview(new pageflow.CollectionView({
-      el: this.ui.chapters,
-      collection: pageflow.entry.chapters,
-      itemViewConstructor: pageflow.ChapterItemView,
-      itemViewOptions: {
-        pageItemView: pageflow.DraggablePageItemView
-      }
-    }));
-
-    this._highlightUsedPages();
-  },
-
-  onClose: function() {
-    this.model.page.unset('linked_page_ids_editable');
-  },
-
-  _highlightUsedPages: function() {
-    var model = this.model;
-
-    this.$('ul.pages > li').each(function() {
-      var usedPageIds = _.values(model.get('linked_page_ids') || {});
-      $(this).toggleClass('used', _.contains(usedPageIds, $(this).data('permaId')));
-    });
-  }
-});

data/app/assets/stylesheets/pageflow/editor/embedded.css.scss

@@ -1,104 +0,0 @@
-.page_links li {
-  position: relative;
-  cursor: pointer;
-
-  .placeholder {
-    display: none;
-  }
-
-  .title {
-    pointer-events: none;
-  }
-
-  .reset {
-    @include icon-only-button(white);
-    @include cancel-icon;
-    position: absolute;
-    display: none;
-    z-index: 1;
-    top: 5px;
-    right: 15px;
-    background-color: #fff;
-    border: solid 1px #888;
-  }
-
-  @import "./file_thumbnails";
-
-  .pictogram {
-    pointer-events: none;
-    background-color: #444;
-    position: absolute !important;
-    bottom: 0;
-  }
-
-  &.editable {
-    cursor: default;
-
-    &:hover .reset {
-      display: block;
-    }
-
-    &.unassigned {
-      .reset {
-        display: none;
-      }
-
-      .placeholder {
-        display: block;
-      }
-    }
-
-    %highlight {
-      z-index: 0;
-      position: relative;
-      outline: solid 1px #000;
-
-      &:before {
-        content: "";
-        position: absolute;
-        top: -1px;
-        left: -1px;
-        width: 100%;
-        height: 100%;
-        border: solid 1px #fff;
-        @include animation(blink 3s linear infinite);
-        z-index: 1;
-      }
-    }
-  }
-
-  &.droppable %highlight {
-    background-color: rgba(0, 0, 0, 0.3);
-
-    &:before {
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-  }
-
-  &.editable.highlighted %highlight,
-  &.over %highlight {
-    &:after {
-      content: "";
-      position: absolute;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      background-color: rgba(255, 255, 255, 0.6);
-    }
-  }
-
-  .placeholder,
-  .thumbnail {
-    @extend %highlight;
-  }
-
-  &.dragged {
-    .thumbnail {
-      background-image: none !important;
-    }
-
-    .pictogram {
-      display: none;
-    }
-  }
-}