forest_cms 0.98.1

data/app/assets/javascripts/forest/admin/partials/persisted_value_warnings.js

@@ -0,0 +1,38 @@
+// Persisted value warning
+
+(function() {
+  var warningMessage = '<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> You are changing the currently saved value for this input.';
+
+  $(document).on('keyup', '[data-persisted-value]', function() {
+    var $input = $(this);
+    var persistedValue = $input.attr('data-persisted-value');
+    var $wrapper = $input.closest('.form-group');
+
+    if ( !persistedValue ) return;
+
+    var value = $input.val();
+    var $label = $wrapper.find('.control-label');
+
+    if ( !$label.length ) return;
+
+    var $warning = $wrapper.find('.persisted-value-warning');
+    var warningMessageOverride = $input.attr('data-persisted-value-warning');
+
+    if ( warningMessageOverride ) {
+      warningMessage = warningMessageOverride;
+    }
+
+    if ( value != persistedValue ) {
+      $wrapper.addClass('has-persisted-value-warning');
+
+      if ( $warning.length ) {
+        $warning.html(warningMessage);
+      } else {
+        $label.before('<div class="alert alert-warning persisted-value-warning" role="alert">' + warningMessage + '</div>');
+      }
+    } else {
+      $warning.remove();
+      $wrapper.removeClass('has-persisted-value-warning');
+    }
+  });
+})();

data/app/assets/javascripts/forest/admin/partials/repeater_inputs.js

@@ -0,0 +1,24 @@
+// Repeater inputs
+
+$(document).on('click', '.repeater__add-item-button', function() {
+  var $repeater = $(this).closest('.form-group.repeater');
+  var $template = $repeater.find('.repeater__template').attr('data-template');
+  var $itemWrapper = $repeater.find('.repeater__group-wrapper');
+
+  $itemWrapper.append( $template );
+});
+
+$(document).on('click', '.repeater__controls__add-row-button', function() {
+  var $repeater = $(this).closest('.form-group.repeater');
+  var $group = $(this).closest('.repeater__group');
+  var $template = $repeater.find('.repeater__template').attr('data-template');
+
+  $group.before( $template );
+});
+
+$(document).on('click', '.repeater__controls__remove-row-button', function() {
+  var $group = $(this).closest('.repeater__group');
+
+  $group.remove();
+});
+

data/app/assets/javascripts/forest/admin/partials/select2_init.js

@@ -0,0 +1,165 @@
+// Set the default theme for all select2 widgets
+$.fn.select2.defaults.set('theme', 'bootstrap');
+
+App.teardown.push(function() {
+  $('select').each(function() {
+    var $select = $(this);
+    var $sortableList = $select.closest('.form-group.select').find('.is-ui-sortable');
+
+    if ( $sortableList.length ) {
+      $sortableList.sortable('destroy');
+    }
+
+    if ( $select.data('select2') ) {
+      $select.select2('destroy');
+    }
+  });
+});
+
+App.Select2 = {
+  initialize: function($elements) {
+    var that = this;
+
+    this.add($elements);
+  },
+  sortable: function($select2) {
+    var ul = $select2.next('.select2-container').first('ul.select2-selection__rendered');
+
+    ul.addClass('is-ui-sortable');
+
+    ul.sortable({
+      placeholder: 'ui-state-highlight',
+      forcePlaceholderSize: true,
+      items: 'li:not(.select2-search)',
+      start: function(e, ui) {
+        ui.placeholder.height( ui.item.outerHeight(true) );
+      },
+      stop: function() {
+        $( $(ul).find('.select2-selection__choice').get().reverse() ).each(function() {
+          var id = $(this).data('data').id;
+          var option = $select2.find('option[value="' + id + '"]')[0];
+
+          $select2.prepend(option);
+        });
+      }
+    });
+  },
+  add: function($elements) {
+    var that = this;
+
+    $elements.each(function() {
+      var $select = $(this);
+      var remotePath = $select.attr('data-remote-path');
+      var allowClear = $select.find('option:first:empty').length;
+      var placeholder = $select.attr('placeholder');
+      placeholder = (placeholder == 'false' ? false : (placeholder || ''));
+      var selectOptions = {
+        allowClear: allowClear,
+        placeholder: placeholder
+      };
+
+      if ( remotePath && remotePath.length ) {
+        selectOptions = {
+          placeholder: placeholder,
+          allowClear: allowClear,
+          ajax: {
+            url: remotePath,
+            dataType: 'json',
+            delay: 250,
+            data: function (params) {
+              var returnObj = {};
+              var remoteScope = $select.attr('data-remote-scope'); // TODO: remote scope default?
+
+              // TODO: support multiple scopes
+
+              returnObj[remoteScope] = params.term; // search term
+              returnObj['page'] = params.page;
+
+              return returnObj;
+            },
+            processResults: function (data, params) {
+              params.page = params.page || 1;
+              return {
+                results: data.items,
+                pagination: {
+                  more: (params.page * data.per_page) < data.total_count
+                }
+              };
+            },
+            cache: true,
+          },
+          escapeMarkup: function (markup) {
+            return markup;
+          },
+          templateResult: function(data) {
+            if ( data.loading ) return data.text;
+            return data.select2_response;
+          },
+          templateSelection: function(data) {
+            var selection = data.select2_selection;
+
+            if ( !selection ) {
+              if ( data.element ) {
+                selection = $(data.element).attr('data-select2-selection');
+              }
+            }
+
+            if ( !selection ) {
+              selection = data.select2_response;
+            }
+
+            if ( !selection ) {
+              if ( data.element ) {
+                selection = $(data.element).attr('data-select2-response');
+              }
+            }
+
+            if ( !selection ) {
+              selection = placeholder;
+            }
+
+            return selection;
+          }
+        };
+      }
+
+      $select.select2( selectOptions );
+
+      if ( $select.attr('data-sortable') == 'true' ) {
+        App.Select2.sortable( $select );
+      }
+    });
+  }
+};
+
+App.pageLoad.push(function() {
+  App.Select2.initialize( $('select').filter(':visible') );
+});
+
+$(document).on('forest:show-media-item-chooser', function() {
+  App.Select2.initialize( $('#media-item-chooser').find('select').filter(':visible') );
+});
+
+$(document).on('forest:block-slot-after-insert', function(e, blockSlot) {
+  App.Select2.initialize( $(blockSlot).find('select').filter(':visible') );
+});
+
+$(document).on('forest:add-menu-item', function(e, $menuItem) {
+  App.Select2.add( $menuItem.find('select').filter(':visible') );
+});
+
+$(document).on('cocoon:after-insert', function(e, insertedItem) {
+  var $item = $(insertedItem);
+
+  if ( $item.hasClass('block-slot') ) return;
+
+  App.Select2.initialize( $(insertedItem).find('select').filter(':visible') );
+});
+
+$(document).on('shown.bs.tab', function(e) {
+  var $tabContent = $( $(e.target).attr('href') );
+
+  if ( !$tabContent.length ) return;
+
+  App.Select2.add( $tabContent.find('select').filter(':visible') );
+});

data/app/assets/javascripts/forest/admin/partials/select_tag_form_submitter.js

@@ -0,0 +1,40 @@
+// Default selects
+$(document).on('change', '.select-tag--default', function() {
+  $(this).closest('.select-tag-form').submit();
+});
+
+$(document).on('submit', '.select-tag-form', function(e) {
+  e.preventDefault();
+
+  var separator = this.action.indexOf('?') == -1 ? '?' : '&';
+  var url = [this.action, $(this).serialize()].join(separator);
+
+  Turbolinks.visit(url);
+});
+
+// Remote selects
+$(document).on('change', '.select-tag--remote', function() {
+  $(this).closest('.select-tag-remote-form').submit();
+});
+
+$(document).on('submit', '.select-tag-remote-form', function(e) {
+  e.preventDefault();
+
+  var $form = $(this);
+  var $select = $form.find('.select-tag--remote');
+  var $parent = $form.closest( $select.attr('data-remote-parent') );
+  var $target = $parent.find( $select.attr('data-remote-target') );
+  var responseTargetSelector = $select.attr('data-remote-response-target');
+  var $mediaItemChooser = $form.closest('.media-item-chooser');
+  var url = $form.attr('action');
+
+  $.get(url, $form.serialize(), function(data) {
+    var content = $(data).find( responseTargetSelector ).html();
+
+    $target.html(content);
+
+    if ( $mediaItemChooser.length ) {
+      App.InfiniteLoader.initialize( $mediaItemChooser.find('[data-infinite-load]'), { $scrollListener: $mediaItemChooser } );
+    }
+  });
+});

data/app/assets/javascripts/forest/admin/partials/sortable_gallery.js

@@ -0,0 +1,45 @@
+// Sortable galleries
+
+$(document).on('turbolinks:load forest:block-slot-after-insert', function() {
+  var $galleries = $('.media-gallery-preview');
+
+  $galleries.each(function() {
+    var $gallery = $(this);
+    var $wrapper = $gallery.closest('.gallery');
+    var $hiddenGallerySelect = $wrapper.find('.gallery__input');
+
+    $gallery.sortable({
+      items: '.media-item--grid',
+      containment: $gallery,
+      tolerance: 'pointer',
+      placeholder: 'sortable-placeholder col-xs-4 col-sm-3 col-md-2'
+    });
+
+    if ( $hiddenGallerySelect.length ) {
+      $gallery.on('sortupdate.sortable', function() {
+        calculatePositions( $wrapper );
+      });
+    }
+  });
+
+  function calculatePositions($wrapper) {
+    var $gallery = $wrapper.find('.media-gallery-preview');
+    var $galleryItems = $gallery.children();
+    var $hiddenGallerySelect = $wrapper.find('.gallery__input');
+
+    $galleryItems.each(function(index) {
+      var itemId = $(this).find('[data-media-item-id]').attr('data-media-item-id');
+
+      $hiddenGallerySelect.find('option[value="' + itemId + '"]').appendTo( $hiddenGallerySelect );
+    });
+  }
+
+  $(document).one('turbolinks:before-cache.sortableGalleries', function() {
+    $galleries.each(function() {
+      var $gallery = $(this);
+
+      $gallery.off('sortupdate.sortable');
+      $gallery.sortable('destroy');
+    });
+  });
+});

data/app/assets/javascripts/forest/admin/partials/sortable_page_block_position_setter.js

@@ -0,0 +1,37 @@
+$(document).on('turbolinks:load forest:block-slot-after-insert', function() {
+  var $blockSlotWrapper = $('.block_slots');
+  var $blockSlots = $('.block_slots > .nested-fields');
+
+  updateBlockSlotPosition();
+
+  $blockSlots.sortable({
+    items: $blockSlots,
+    handle: '.sortable-handle:not(button), .sortable-handle:not(a)',
+    placeholder: 'ui-state-highlight',
+    forcePlaceholderSize: true,
+    tolerance: 'pointer',
+    containment: 'parent',
+    start: function(e, ui) {
+      ui.placeholder.height( ui.item.outerHeight(true) );
+    }
+  });
+
+  $blockSlots.offOn('sortupdate.blockSlotSort', function(e, ui) {
+    updateBlockSlotPosition();
+  });
+
+  function updateBlockSlotPosition() {
+    var $blockLayouts = $('.block-layout');
+
+    $blockLayouts.each(function() {
+      var $layout = $(this);
+
+      $layout.find('.block_slots > .nested-fields').each(function(index) {
+        var $blockSlot = $(this);
+        var $positionInput = $blockSlot.find('.block-position');
+
+        $positionInput.val(index);
+      });
+    });
+  }
+});

data/app/assets/javascripts/forest/admin/partials/status_scheduler.js

@@ -0,0 +1,16 @@
+$(document).on('change', '.status-scheduler select[name*="[status]"]', function(e) {
+  var $select = $(this);
+  var $wrapper = $select.closest('.status-scheduler');
+  var $datepicker = $wrapper.find('input[name$="[scheduled_date]"]');
+  var $datepickerWrapper = $wrapper.find('.form-group[class*="_scheduled_date"]');
+  var value = $select.val();
+
+  if ( value == 'scheduled' ) {
+    // Show date picker
+    $datepickerWrapper.addClass('active');
+    App.Datepicker.add( $datepicker );
+  } else {
+    // Hide date picker
+    $datepickerWrapper.removeClass('active');
+  }
+});

data/app/assets/javascripts/forest/admin/partials/tab_templates.js

@@ -0,0 +1,93 @@
+// Tab templates
+//
+// Tab templates use a database column to determine which "template" to use for a particular
+// field set. Each "template" consists of a series of Bootstrap tabs. The inputs in all tabs
+// except for the active tab will be disabled on form submit, so that only the relevant data
+// for the active tab template is saved.
+//
+// In your host app, set an additional active--persisted class on the active tab item after
+// it has been stored in the database to alert users when they change the tab template.
+
+(function() {
+  var index = 0;
+
+  var generateUniqueId = function($el) {
+    var $tabs = $el.find('[data-toggle="tab"][data-generate-unique-id-for-key]');
+    var $panes = $el.find('.tab-pane[data-generate-unique-id-for-key]');
+
+    index++;
+
+    $tabs.each(function() {
+      var $tab = $(this);
+      var key = $tab.attr('data-generate-unique-id-for-key');
+      var $pane = $panes.filter('[data-generate-unique-id-for-key="' + key + '"]');
+
+      if ( !$pane.length ) {
+        console.warn('Could not find the matching pane for this key', key);
+        return;
+      }
+
+      var uniqueId = key + '_' + index;
+
+      $tab.attr('href', '#' + uniqueId);
+      $pane.attr('id', uniqueId);
+    });
+  };
+
+  $(document).on('turbolinks:load', function() {
+    index = 0;
+
+    $('.has-tab-template').each(function() {
+      generateUniqueId( $(this) );
+    });
+  });
+
+  $(document).on('cocoon:after-insert', function(e, el) {
+    generateUniqueId( $(el) );
+  });
+
+  $(document).on('shown.bs.tab', function(e) {
+    var $targetLink = $(e.target);
+    var $target = $targetLink.parent('li');
+    var $tabTemplate = $target.closest('.has-tab-template');
+    var $nav = $tabTemplate.find('.nav');
+    var $tabs = $nav.children();
+    var shouldShowWarning = $tabs.hasClass('active--persisted');
+    var $warning = $tabTemplate.find('.tab-template-persist-warning');
+    var templateName = $targetLink.html();
+    var warningMessage = '<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> You are changing the currently defined template. Saving this record will change the template to <strong>' + templateName + '</strong>.';
+
+    if ( !shouldShowWarning ) return;
+
+    if ( $target.hasClass('active--persisted') ) {
+      $tabTemplate.find('.tab-template-persist-warning').remove();
+      $warning = undefined;
+    } else {
+      if ( !$warning.length ) {
+        $nav.before('<div class="alert alert-warning tab-template-persist-warning" role="alert">' + warningMessage + '</div>');
+        $warning = $tabTemplate.find('.tab-template-persist-warning');
+      } else {
+        $warning.html(warningMessage);
+      }
+    }
+  });
+})();
+
+$(document).on('submit', 'form', function(e) {
+  var $tabTemplates = $('.has-tab-template');
+
+  if ( $tabTemplates.length ) {
+    $tabTemplates.each(function() {
+      var $tabTemplate = $(this);
+      var $panes = $tabTemplate.find('.tab-pane');
+      var $inactivePanes = $panes.not('.active');
+
+      $inactivePanes.each(function() {
+        var $inactivePane = $(this);
+        var $inputs = $inactivePane.find(':input');
+
+        $inputs.prop('disabled', true);
+      });
+    });
+  }
+});