pageflow 0.9.2 → 0.10.0

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

@@ -0,0 +1,97 @@
+pageflow.EditStorylineView = Backbone.Marionette.Layout.extend({
+  template: 'templates/edit_storyline',
+  className: 'edit_storyline',
+
+  mixins: [pageflow.failureIndicatingView, pageflow.tooltipContainer],
+
+  regions: {
+    formContainer: '.form_container'
+  },
+
+  ui: {
+    destroyButton: 'a.destroy'
+  },
+
+  events: {
+    'click a.back': 'goBack',
+    'click a.destroy': 'destroy'
+  },
+
+  onRender: function() {
+    var configurationEditor = new pageflow.ConfigurationEditorView({
+      model: this.model.configuration,
+      attributeTranslationKeyPrefixes: ['pageflow.storyline_attributes']
+    });
+
+    this.configure(configurationEditor, this.model.transitiveChildPages());
+    this.formContainer.show(configurationEditor);
+
+    this.updateDestroyButton();
+  },
+
+  updateDestroyButton: function() {
+    var disabled = (this.model.chapters.length > 0);
+
+    this.ui.destroyButton.toggleClass('faded', disabled);
+
+    if (disabled) {
+      this.ui.destroyButton.attr('data-tooltip', 'pageflow.editor.views.edit_storyline_view.cannot_destroy');
+    }
+    else {
+      this.ui.destroyButton.removeAttr('data-tooltip');
+    }
+  },
+
+  configure: function(configurationEditor, storylineChildPages) {
+    configurationEditor.tab('general', function() {
+      this.input('title', pageflow.TextInputView);
+      this.input('main', pageflow.CheckBoxInputView, {
+        disabled: true,
+        visibleBinding: 'main'
+      });
+      this.input('page_transition', pageflow.SelectInputView, {
+        translationKeyPrefix: 'pageflow.page_transitions',
+        includeBlank: true,
+        blankTranslationKey: 'pageflow.editor.views.edit_storyline_view.default_parent_page_transition',
+        values: pageflow.pageTransitions.names()
+      });
+      this.input('main', pageflow.CheckBoxInputView, {
+        visibleBinding: 'main',
+        visible: function(isMain) {
+          return !isMain;
+        }
+      });
+      this.input('parent_page_perma_id', pageflow.PageLinkInputView, {
+        visibleBinding: 'main',
+        visible: function(isMain) {
+          return !isMain && pageflow.storylines.length > 1;
+        },
+        isAllowed: function(page) {
+          return !storylineChildPages.contain(page);
+        }
+      });
+      this.input('scroll_successor_id', pageflow.PageLinkInputView);
+
+      if (pageflow.features.isEnabled('chapter_hierachy')) {
+        this.input('navigation_bar_mode', pageflow.SelectInputView, {
+          values: pageflow.ChapterFilter.strategies
+        });
+      }
+    });
+  },
+
+  destroy: function() {
+    if (this.model.chapters.length) {
+      return;
+    }
+
+    if (confirm(I18n.t('pageflow.editor.views.edit_storyline_view.confirm_destroy'))) {
+      this.model.destroy();
+      this.goBack();
+    }
+  },
+
+  goBack: function() {
+    editor.navigate('/?storyline=' + this.model.id, {trigger: true});
+  }
+});

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

@@ -2,9 +2,9 @@ pageflow.EditorView = Backbone.View.extend({
   events: {
     'click a': function(event) {
       // prevent default for all links
-      if (!$(event.target).attr('target') &&
-          !$(event.target).attr('download') &&
-          !$(event.target).attr('href')) {
+      if (!$(event.currentTarget).attr('target') &&
+          !$(event.currentTarget).attr('download') &&
+          !$(event.currentTarget).attr('href')) {
         return false;
       }
     }
@@ -24,6 +24,9 @@ pageflow.EditorView = Backbone.View.extend({
       togglerTip_closed: I18n.t('pageflow.editor.views.editor_views.show_editor'),
       togglerTip_open: I18n.t('pageflow.editor.views.editor_views.hide_editor'),
       resizerTip: I18n.t('pageflow.editor.views.editor_views.resize_editor'),
+      enableCursorHotkey: false,
+      fxName: 'none',
+
       onresize: function() {
         pageflow.app.trigger('resize');
       }

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

@@ -3,13 +3,14 @@ pageflow.EntryPreviewView = Backbone.Marionette.ItemView.extend({
   className: 'container',
 
   ui: {
-    header: '.header',
-    entry: '.entry',
-    overview: '.overview'
+    header: '> .header',
+    entry: '> .entry',
+    overview: '> .overview'
   },
 
   initialize: function() {
     this.widgets = $();
+    this.debouncedFetchWidgets = _.debounce(this.fetchWidgets, 200);
   },
 
   onRender: function() {
@@ -29,6 +30,7 @@ pageflow.EntryPreviewView = Backbone.Marionette.ItemView.extend({
       pageflow.entry.once('sync', this.update, this);
     });
 
+    this.listenTo(pageflow.storylines, 'sync', this.update);
     this.listenTo(pageflow.chapters, 'sync', this.update);
     this.listenTo(pageflow.pages, 'sync', this.update);
 
@@ -79,13 +81,19 @@ pageflow.EntryPreviewView = Backbone.Marionette.ItemView.extend({
   },
 
   update: function() {
+    this.debouncedFetchWidgets();
+
+    this.$el.toggleClass('emphasize_chapter_beginning', !!this.model.configuration.get('emphasize_chapter_beginning'));
+  },
+
+  fetchWidgets: function() {
     var view = this;
 
     $.ajax(this.model.url() + '/partials').success(function(response) {
       var partials = $('<div />').html(response);
 
-      view.ui.header.replaceWith(partials.find('.header'));
-      view.ui.overview.replaceWith(partials.find('.overview'));
+      view.ui.header.replaceWith(partials.find('> .header'));
+      view.ui.overview.replaceWith(partials.find('> .overview'));
       view.bindUIElements();
 
       view.updateWidgets(partials);
@@ -95,8 +103,6 @@ pageflow.EntryPreviewView = Backbone.Marionette.ItemView.extend({
       });
       view.ui.overview.overview();
     });
-
-    this.$el.toggleClass('emphasize_chapter_beginning', !!this.model.configuration.get('emphasize_chapter_beginning'));
   },
 
   updateWidgets: function(partials) {

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

@@ -72,7 +72,7 @@ pageflow.FileItemView = Backbone.Marionette.ItemView.extend({
     this.ui.rights.val(this.model.get('rights'));
     this.ui.rights.attr('placeholder', pageflow.entry.get('default_file_rights'));
 
-    this.ui.downloadLink.attr('href', this.model.get('url'));
+    this.ui.downloadLink.attr('href', this.model.get('original_url'));
     this.ui.downloads.toggle(this.model.isUploaded());
 
     this.ui.selectButton.toggle(!!this.options.selectionHandler);

data/app/assets/javascripts/pageflow/editor/views/inputs/page_link_input_view.js

@@ -1,6 +1,8 @@
 pageflow.PageLinkInputView = pageflow.ReferenceInputView.extend({
   choose: function() {
-    return pageflow.editor.selectPage();
+    return pageflow.editor.selectPage({
+      isAllowed: this.options.isAllowed
+    });
   },
 
   getTarget: function(permaId) {

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

@@ -14,7 +14,7 @@ pageflow.LockedView = Backbone.Marionette.ItemView.extend({
   },
 
   modelEvents: {
-    aquired: 'hide',
+    acquired: 'hide',
 
     locked: 'show',
 
@@ -22,7 +22,7 @@ pageflow.LockedView = Backbone.Marionette.ItemView.extend({
   },
 
   breakLock: function() {
-    this.model.aquire({force: true});
+    this.model.acquire({force: true});
   },
 
   goBack: function() {
@@ -35,7 +35,7 @@ pageflow.LockedView = Backbone.Marionette.ItemView.extend({
     this.ui.message.html(I18n.t('pageflow.edit_locks.errors.' + key + '_html', {user_name: info.held_by}));
     this.ui.message.attr('data-error', key);
 
-    this.ui.breakButton.text(I18n.t('pageflow.edit_locks.break_action.aquire'));
+    this.ui.breakButton.text(I18n.t('pageflow.edit_locks.break_action.acquire'));
 
     this.$el.removeClass('checking');
     this.$el.show();

data/app/assets/javascripts/pageflow/editor/views/mixins/loadable.js

@@ -1,6 +1,6 @@
 pageflow.loadable = {
   modelEvents: {
-    sync: function() {
+    'change:id': function() {
       this.$el.removeClass('creating');
     },
 

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

@@ -27,6 +27,8 @@ pageflow.PageItemView = Backbone.Marionette.ItemView.extend({
     this.$el.attr('data-perma-id', this.model.get('perma_id'));
 
     this.$el.toggleClass('active', this.model.get('active'));
+    this.$el.toggleClass('disabled',
+                         !!(this.options.isDisabled && this.options.isDisabled(this.model)));
     this.$el.toggleClass('display_in_navigation', !!this.model.configuration.get('display_in_navigation'));
     this.$el
       .removeClass(pageflow.editor.pageTypes.pluck('name').join(' '))

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

@@ -0,0 +1,7 @@
+pageflow.PageLinkConfigurationEditorView = pageflow.ConfigurationEditorView.extend({
+  configure: function() {
+    this.tab('general', function() {
+      this.group('page_link');
+    });
+  }
+});

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

@@ -8,7 +8,8 @@ pageflow.PageLinkItemView = Backbone.Marionette.ItemView.extend({
     thumbnail: '.page_thumbnail',
     title: '.title',
     label: '.label',
-    editButton: '.edit'
+    editButton: '.edit',
+    removeButton: '.remove'
   },
 
   events: {
@@ -23,6 +24,12 @@ pageflow.PageLinkItemView = Backbone.Marionette.ItemView.extend({
 
     'mouseleave': function() {
       this.model.resetHighlight(false);
+    },
+
+    'click .remove': function() {
+      if (confirm(I18n.t('pageflow.internal_links.editor.views.edit_page_link_view.confirm_destroy'))) {
+        this.model.remove();
+      }
     }
   },
 

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

@@ -9,7 +9,7 @@ pageflow.PagePreviewView = Backbone.Marionette.View.extend({
 
     'change:position': 'updateChapterBeginningClass',
 
-    'sync': function() {
+    'change:id': function() {
       this.$el.attr('data-id', this.model.id);
       this.$el.attr('data-perma-id', this.model.get('perma_id'));
       this.$el.attr('id', this.model.get('perma_id'));

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

@@ -5,7 +5,8 @@ pageflow.PageSelectionView = Backbone.Marionette.ItemView.extend({
   mixins: [pageflow.dialogView],
 
   ui: {
-    chapters: 'ul.chapters',
+    storylines: '.storyline_picker',
+    chapters: '.chapters',
   },
 
   events: {
@@ -16,25 +17,25 @@ pageflow.PageSelectionView = Backbone.Marionette.ItemView.extend({
   },
 
   onRender: function() {
-    var onSelect = this.onSelect;
-
-    this.subview(new pageflow.CollectionView({
-      el: this.ui.chapters,
-      collection: this.model.chapters,
-      itemViewConstructor: pageflow.ChapterItemView,
-      itemViewOptions: {
-        pageItemView: pageflow.PageItemView,
-        sortable: false
+    var options = this.options;
+
+    this.subview(new pageflow.StorylinePickerView({
+      el: this.ui.storylines,
+      pageItemViewOptions: {
+        isDisabled: function(page) {
+          return options.isAllowed && !options.isAllowed(page);
+        }
       }
     }));
   }
 });
 
-pageflow.PageSelectionView.selectPage = function() {
+pageflow.PageSelectionView.selectPage = function(options) {
   return $.Deferred(function(deferred) {
     var view = new pageflow.PageSelectionView({
       model: pageflow.entry,
-      onSelect: deferred.resolve
+      onSelect: deferred.resolve,
+      isAllowed: options && options.isAllowed
     });
 
     view.on('close', function() {

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

@@ -0,0 +1,33 @@
+pageflow.StorylineOutlineView = Backbone.Marionette.Layout.extend({
+  template: 'templates/storyline_outline',
+  className: 'storyline_outline',
+
+  ui: {
+    chapters: 'ul.storyline_outline_chapters'
+  },
+
+  events: {
+    'click a.add_chapter': function() {
+      this.model.scaffoldChapter();
+    }
+  },
+
+  onRender: function() {
+    this.ui.chapters.toggleClass('outline navigatable', !!this.options.navigatable);
+
+    var collectionView = this.options.sortable ? pageflow.SortableCollectionView : pageflow.CollectionView;
+
+    new collectionView({
+      el: this.ui.chapters,
+      collection: this.model.chapters,
+      itemViewConstructor: this.options.navigatable ? pageflow.NavigatableChapterItemView : pageflow.ChapterItemView,
+      itemViewOptions: {
+        sortable: this.options.sortable,
+        pageItemView: this.options.navigatable ? pageflow.NavigatablePageItemView : pageflow.PageItemView,
+        pageItemViewOptions: _.extend({
+          displayInNavigationHint: this.options.displayInNavigationHint
+        }, this.options.pageItemViewOptions || {})
+      }
+    }).render();
+  }
+});

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

@@ -0,0 +1,114 @@
+pageflow.StorylinePickerView = Backbone.Marionette.Layout.extend({
+  template: 'templates/storyline_picker',
+  className: 'storyline_picker',
+
+  regions: {
+    selectRegion: '.storyline_picker_select_region',
+    mainRegion: '.storyline_picker_main_region'
+  },
+
+  ui: {
+    storylines: '.storyline_picker_storylines'
+  },
+
+  events: {
+    'click .add_storyline': function() {
+      var storyline = pageflow.entry.scaffoldStoryline({
+        depth: 'page'
+      }).storyline;
+
+      this.listenToOnce(storyline, 'sync', function() {
+        this.updateSelect();
+        this.model.set('storyline_id', storyline.id);
+      });
+
+      return false;
+    },
+
+    'click .edit_storyline': function() {
+      pageflow.editor.navigate('storylines/' + this.model.get('storyline_id'), {trigger: true});
+      return false;
+    }
+  },
+
+  initialize: function() {
+    this.model = new Backbone.Model({
+      storyline_id: this.defaultStorylineId()
+    });
+
+    this.listenTo(pageflow.storylines, 'add sort remove', this.updateSelect);
+    this.listenTo(this.model, 'change', this.load);
+  },
+
+  onRender: function() {
+    this.$el.toggleClass('editable', !!this.options.editable);
+    this.ui.storylines.toggle(!!pageflow.features.isEnabled('storylines'));
+
+    this.updateSelect();
+    this.load();
+  },
+
+  updateSelect: function() {
+    this.selectRegion.show(new pageflow.SelectInputView({
+      model: this.model,
+      label: I18n.t('pageflow.editor.views.storylines_picker_view.label'),
+      propertyName: 'storyline_id',
+      values: pageflow.storylines.pluck('id'),
+      texts: pageflow.storylines.map(function(storyline) {
+        return this.indentation(storyline) + storyline.displayTitle();
+      }, this),
+      groups: pageflow.storylines.reduce(function(result, storyline) {
+        if (storyline.isMain() || storyline.parentPage()) {
+          result.push(_.last(result));
+        }
+        else {
+          result.push(I18n.t('pageflow.editor.views.storylines_picker_view.without_parent_page'));
+        }
+        return result;
+      }, [])
+    }));
+  },
+
+  load: function() {
+    var storyline = pageflow.storylines.get(this.model.get('storyline_id'));
+
+    this.saveRememberedStorylineId(storyline.id);
+
+    this.mainRegion.show(new pageflow.StorylineOutlineView({
+      model: storyline,
+      navigatable: this.options.navigatable,
+      sortable: this.options.editable,
+      chapterItemView: this.options.chapterItemView,
+      pageItemView: this.options.pageItemView,
+      pageItemViewOptions: this.options.pageItemViewOptions,
+      displayInNavigationHint: this.options.displayInNavigationHint
+    }));
+  },
+
+  defaultStorylineId: function() {
+    var storyline =
+      pageflow.storylines.get(this.options.storylineId) ||
+      pageflow.storylines.get(this.rememberedStorylineId()) ||
+      pageflow.storylines.first();
+
+    return storyline.id;
+  },
+
+  rememberedStorylineId: function() {
+    if (this.options.rememberLastSelection) {
+      return pageflow.StorylinePickerView._rememberedStorylineId;
+    }
+  },
+
+  saveRememberedStorylineId: function(id) {
+    if (this.options.rememberLastSelection) {
+      pageflow.StorylinePickerView._rememberedStorylineId = id;
+    }
+  },
+
+  indentation: function(storyline) {
+    return _(storyline.get('level') || 0).times(function() {
+      return '\u00A0\u00A0\u00A0';
+    }).join('');
+  }
+});