forest_cms 0.98.1

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

@@ -0,0 +1,24 @@
+// Color inputs
+
+$(document).on('change', '.form-control.color', function() {
+  var $input = $(this);
+  var $wrapper = $input.closest('.form-group.color');
+  var $target = $wrapper.find('.color-input__hex-tracker');
+  var value = $input.val();
+
+  $target.val(value);
+});
+
+$(document).on('keyup', '.color-input__hex-tracker', function() {
+  var $input = $(this);
+  var $wrapper = $input.closest('.form-group.color');
+  var $target = $wrapper.find('.form-control.color');
+  var value = $input.val();
+
+  if ( /(^#?[0-9A-F]{6}$)/i.test( value ) ) {
+    if ( value[0] != '#' ) {
+      value = '#' + value;
+    }
+    $target.val(value);
+  }
+});

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

@@ -0,0 +1,70 @@
+App.Datepicker = {
+  instances: [],
+  initialize: function($elements) {
+    var that = this;
+
+    $(document).one('turbolinks:before-cache.Datepicker', function() {
+      that.teardown();
+    });
+
+    this.add( $elements );
+  },
+  add: function($elements) {
+    var that = this;
+    var date = new Date();
+    var year = date.getFullYear().toString();
+    var month = (date.getMonth() + 1).toString().padStart(2, 0);
+    var day = date.getDate().toString().padStart(2, 0);
+    var defaultDate = year + '-' + month + '-' + day;
+
+    $elements.each(function() {
+      var $el = $(this);
+      var showTimepicker = $el.attr('data-timepicker') == 'true';
+      var timezone = parseInt( $el.attr('data-timezone-utc-offset') ) / 60;
+      var options = {
+        dateFormat: 'yy-mm-dd',
+        timeFormat: 'HH:mm:ss z',
+        timezone: timezone,
+        timeInput: true,
+        showTimepicker: showTimepicker
+      };
+
+      if ( $el.data('datepicker') && $el.data('datepicker')['input'] ) {
+        // Already initialized
+      } else {
+        that.instances.push( $el );
+      }
+
+      $el.datetimepicker( options );
+
+      if ( $el.hasClass('required') && $el.datetimepicker('getDate') == null ) {
+        $el.datetimepicker('setDate', defaultDate);
+      }
+    });
+  },
+  teardown: function() {
+    $.datepicker.dpDiv.remove();
+    for ( var i = this.instances.length - 1; i >= 0; i-- ) {
+      $(this.instances[i]).datetimepicker('destroy');
+    }
+    this.instances = [];
+  }
+};
+
+$(document).on('turbolinks:before-render', function(e) {
+  $.datepicker.dpDiv.appendTo(e.originalEvent.data.newBody);
+});
+
+App.pageLoad.push(function() {
+  App.Datepicker.initialize( $('.form-group[class*="_scheduled_date"] input[name$="[scheduled_date]"]').filter(':visible') );
+  App.Datepicker.initialize( $('.form-group [data-datepicker="true"]').filter(':visible') );
+});
+
+$(document).on('shown.bs.tab', function(e) {
+  var $tabContent = $( $(e.target).attr('href') );
+
+  if ( !$tabContent.length ) return;
+
+  App.Datepicker.initialize( $tabContent.find('[data-datepicker="true"]').filter(':visible') );
+});
+

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

@@ -0,0 +1,22 @@
+// Documentation sidebar affix
+
+$(document).on('turbolinks:load', function() {
+  var $documentationWrapper = $('#documentation-wrapper');
+
+  if ( !$documentationWrapper.length ) return;
+
+  var $sidebar = $('#documentation-sidebar');
+
+  $sidebar.affix({
+    offset: {
+      top: function() {
+        return $documentationWrapper.offset().top - 15;
+      }
+    }
+  });
+
+  $(document).one('turbolinks:before-cache', function() {
+    $documentationWrapper = null;
+    $sidebar = null;
+  });
+});

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

@@ -0,0 +1,106 @@
+App.blockKindSelector = {};
+
+App.blockKindSelector.select2 = function($select) {
+  var selectOptions = {
+    placeholder: 'Select a block',
+    dropdownCssClass: 'block-kind-selector',
+    escapeMarkup: function (markup) {
+      return markup;
+    },
+    templateResult: function(data) {
+      var result;
+
+      if ( $(data.element).is('optgroup') ) {
+        result = data.text;
+      } else {
+        result = $(data.element).attr('data-select2-response');
+      }
+
+      return result;
+    }
+  }
+
+  $select.select2( selectOptions );
+};
+
+App.pageLoad.push(function() {
+  var $blockLayouts = $('.block-layout');
+
+  $blockLayouts.each(function() {
+    var $blockLayout = $(this);
+    var $blockSlots = $blockLayout.find('.block_slots');
+    var $emptyLayoutDescription = $blockLayout.find('.block-layout__empty-description');
+
+    $blockSlots.offOn('cocoon:after-insert.blockDropdownAfterInsert', function(e, $blockSlot) {
+      var $blockKindSelect = $blockSlot.find('.block-kind-select');
+      var $blockTemplates = $blockSlot.find('.block-slot-field-template');
+      var previousBlockKindId;
+
+      App.blockKindSelector.select2( $blockKindSelect );
+
+      $emptyLayoutDescription.hide();
+
+      $blockKindSelect.select2('open');
+
+      // If a block kind hasn't been chosen, remove the block slot
+      $blockKindSelect.offOn('select2:close.blockDropdownSelectClose', function(e) {
+        if ( $blockKindSelect.val() ) {
+          $blockKindSelect.select2('destroy')
+                          .closest('.form-group')
+                          .hide();
+        } else {
+          $blockSlot.remove();
+          $emptyLayoutDescription.show();
+        }
+      });
+
+      $blockKindSelect.offOn('select2:select.blockDropdownSelect', function(e) {
+        var blockKindId = $blockKindSelect.val();
+        var $activeBlockTemplate = $blockSlot.find('.block-slot-field-template[data-block-kind-id="' + blockKindId + '"]');
+
+        if ( previousBlockKindId != blockKindId ) {
+          disableBlockFieldTemplate( $blockTemplates.not( $activeBlockTemplate ) );
+          enableBlockFieldTemplate( $activeBlockTemplate );
+        }
+
+        previousBlockKindId = blockKindId;
+
+        $blockSlot.find('.block-slot__inputs').filter(':input:visible').not(':disabled').first().focus();
+
+        $(document).trigger('forest:block-slot-after-insert', $blockSlot);
+      });
+    });
+
+    $blockSlots.offOn('cocoon:after-remove.blockDropdownAfterRemove', function(e, $blockSlot) {
+      if ( blockCount() < 1 ) {
+        $emptyLayoutDescription.show();
+      }
+    });
+
+    function blockCount() {
+      return $blockLayout.find('.nested-fields').length;
+    }
+  });
+
+  function disableBlockFieldTemplate($templates) {
+    $templates.each(function() {
+      var $template = $(this);
+      var $inputs = $template.find(':input');
+
+      $inputs.attr('disabled', 'disabled');
+
+      $template.hide();
+    });
+  }
+
+  function enableBlockFieldTemplate($templates) {
+    $templates.each(function() {
+      var $template = $(this);
+      var $inputs = $template.find(':input');
+
+      $template.show();
+
+      $inputs.removeAttr('disabled');
+    });
+  }
+});

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

@@ -0,0 +1,22 @@
+$(document).on('click', '.update-record-button', function() {
+  var $form = $('form[class*="edit_"]:first');
+  var $submitButton = $form.find('input[type="submit"]:last');
+
+  $submitButton.trigger('click');
+});
+
+$(document).on('turbolinks:load', function() {
+  var $fixedButton = $('#fixed-update-record-button');
+
+  if ( $fixedButton.length ) {
+    $(window).on('scroll.editHeader', $.throttle( 500, function() {
+      if ( App.scrollTop > App.windowHeight / 2 ) {
+        $fixedButton.addClass('fixed-update-record-button--active');
+      } else {
+        $fixedButton.removeClass('fixed-update-record-button--active');
+      }
+    }));
+  } else {
+    $(window).off('scroll.editHeader');
+  }
+});

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

@@ -0,0 +1,111 @@
+App.FileUploader = {
+  instances: [],
+  initialize: function($fileuploads) {
+    if ( !$fileuploads.length ) return;
+
+    var that = this;
+
+    $(document).one('turbolinks:before-cache.FileUploader', function() {
+      that.teardown();
+    });
+
+    $(document).on('dragover.FileUploader dragenter.FileUploader', function() {
+      $('html').addClass('fileupload-dragover');
+    });
+
+    $(document).on('dragleave.FileUploader dragend.FileUploader drop.FileUploader', function() {
+      $('html').removeClass('fileupload-dragover');
+    });
+
+    $fileuploads.each(function() {
+      var $fileupload = $(this);
+
+      that.instances.push( $fileupload );
+
+      $fileupload.fileupload({
+        autoUpload: true,
+        sequentialUploads: true
+      }).on('fileuploadstart', function (e) {
+        $('#progress').removeClass('hidden').addClass('fade in');
+      }).on('fileuploadprogressall', function (e, data) {
+        var progress = parseInt( data.loaded / data.total * 100, 10 );
+
+        $('#progress .progress-bar').css( 'width', progress + '%' );
+      }).on('fileuploadcompleted', function(e, data) {
+        var $table = $('.forest-table');
+        var previewHTML;
+
+        if ( $fileupload.hasClass('fileupload--media_item') ) {
+          // Media items
+          var previewLink = $('.template-download .preview a').attr('href');
+          var fileId = data.result.files[0].id;
+          var mediaItemName = data.result.files[0].name;
+          var fileName = data.result.files[0].file_name;
+          var isImage = data.result.files[0].is_image;
+          var glyphicon = data.result.files[0].glyphicon;
+          var previewImageUrl = isImage ? $('.template-download .preview img').attr('src') : '';
+          var fileIcon = '<span class="media-library-image--grid__icon glyphicon ' + glyphicon + '"></span>';
+
+          // This previewHTML needs to match the _media_item_grid_layout.html.erb partial
+          // media-library-image--grid__icon glyphicon glyphicon-file
+          previewHTML = '<div class="media-item--grid col-xs-4 col-sm-3 col-md-2">\
+                          <a class="media-library-link" href="' + previewLink + '" data-media-item-id="' + fileId + '" data-image-url="' + previewImageUrl + '" data-image-url-large="' + previewImageUrl + '">\
+                            <div class="media-library-image img-rounded" style="background-image: url(' + previewImageUrl + ')">\
+                              ' + (isImage ? '' : fileIcon) + ' \
+                              <div class="media-library-image__label small well" title="' + fileName + '">' + mediaItemName + '</div>\
+                            </div>\
+                          </a>\
+                          <div class="media-item__buttons">\
+                            <div class="media-item__button media-item__buttons__edit glyphicon glyphicon-pencil" data-path="/admin/media-items/' + fileId + '/edit"></div>\
+                          </div>\
+                        </div>';
+
+          $('.template-download').remove();
+          $(previewHTML).prependTo( $('.media-library [data-infinite-load]') );
+        } else if ( $table.length ) {
+          var columns = [];
+          var $tableHeaders = $table.find('thead th');
+
+          for ( var i = 0; i < data.result.files.length; i++ ) {
+            var result = data.result.files[i];
+
+            columns.push('<tr>');
+
+            $tableHeaders.each(function() {
+              var $header = $(this);
+              var headerAttr = $header.attr('data-column');
+              var columnValue = result[headerAttr];
+              var colSpan = parseInt( $header.attr('colspan') );
+
+              columns.push( '<td>' + columnValue + '</td>' );
+            });
+
+            for ( var ii = 0; ii < 3; ii++ ) {
+              columns.push( '<td></td>' );
+            }
+
+            columns.push('</tr>');
+          }
+
+          $table.find('tbody').prepend( columns.join() );
+        } else {
+          console.warn('[Forest] Can\'t find suitable element to prepend file upload to.');
+        }
+      }).on('fileuploadstop', function(e, data) {
+        $('#progress').addClass('hidden').removeClass('fade in');
+      });
+    });
+  },
+  teardown: function() {
+    for ( var i = this.instances.length - 1; i >= 0; i-- ) {
+      this.instances[i].fileupload('destroy');
+    }
+    this.instances = [];
+    $('html').removeClass('fileupload-dragover');
+    $(document).off('dragover.FileUploader dragenter.FileUploader dragleave.FileUploader dragend.FileUploader drop.FileUploader');
+  }
+};
+
+App.pageLoad.push(function() {
+  App.FileUploader.initialize( $('#fileupload') );
+});

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

@@ -0,0 +1,42 @@
+// Forest tables
+
+$(document).on('mouseenter', '.forest-table tbody tr', function() {
+  var $row = $(this);
+
+  $row.addClass('active');
+
+  $(document).one('turbolinks:before-cache.forestTables', function() {
+    $row.removeClass('active');
+  });
+});
+
+$(document).on('mouseleave', '.forest-table tbody tr', function() {
+  var $row = $(this);
+
+  $row.removeClass('active');
+});
+
+$(document).on('click', '.forest-table tbody tr', function(e) {
+  var $row = $(this);
+
+  if ( !$(e.target).closest('a, input').length ) {
+    var $button = $row.find('a.forest-table__link:first');
+
+    if ( !$button.length ) {
+      $button = $row.find('a.btn-primary:first');
+    }
+
+    var url = $button.attr('href');
+
+    if ( url ) {
+      if ( e.metaKey || e.ctrlKey ) {
+        window.open( url, '_blank' );
+      } else if ( e.shiftKey ) {
+        window.open( url, '_blank' );
+        window.focus();
+      } else {
+        Turbolinks.visit(url);
+      }
+    }
+  }
+});

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

@@ -0,0 +1,89 @@
+App.InfiniteLoader = {
+  instances: [],
+  scrollListeners: [],
+  initialize: function($elements, options) {
+    var that = this;
+    options = options ? options : {};
+    $scrollListener = options.$scrollListener ? options.$scrollListener : $(window);
+    this.scrollListeners.push($scrollListener);
+
+    $(document).one('turbolinks:before-cache.infiniteLoader', function() {
+      that.teardown();
+    });
+
+    $elements.each(function(index) {
+      var $element = $(this);
+      var $nextPageLink = $element.find('[rel="next"]');
+
+      that.instances.push( $element );
+
+      if ( $element.length && $nextPageLink.length ) {
+        var nextPageUrl = $nextPageLink.attr('href');
+        var nextPageLinkOffset = $nextPageLink.position().top;
+        var scrollOffsetPoint = App.windowHeight * 2;
+
+        $(window).on('resize.infiniteLoader', function() {
+          scrollOffsetPoint = App.windowHeight * 2;
+        });
+
+        $scrollListener.off('scroll.infiniteLoader');
+        $scrollListener.on('scroll.infiniteLoader', function() {
+          if ( $element.data('disabled') ) return;
+
+          var scrollTop = $scrollListener.scrollTop();
+
+          if ( nextPageLinkOffset - scrollTop < scrollOffsetPoint ) {
+            $nextPageLink.trigger('click').after('<div class="loading-indicator col-sm-12 text-center"><span class="glyphicon glyphicon-hourglass"></span> Loading...</div>');
+
+            $.get(nextPageUrl, function(data) {
+              var content = $(data).find('[data-infinite-load]').html();
+
+              $nextPageLink.remove();
+              $element.find('.loading-indicator').remove();
+              $element.append(content);
+              $nextPageLink = $element.find('[rel="next"]');
+
+              if ( $nextPageLink.length ) {
+                nextPageUrl = $nextPageLink.attr('href');
+                nextPageLinkOffset = $nextPageLink.position().top;
+                $element.data('disabled', false);
+                $scrollListener.trigger('scroll.infiniteLoader');
+              } else {
+                $scrollListener.off('scroll.infiniteLoader');
+                $(window).off('resize.infiniteLoader');
+              }
+            });
+
+            $element.data('disabled', true);
+          }
+        });
+      } else {
+        if ( this.scrollListeners ) {
+          for ( var i = this.scrollListeners.length - 1; i >= 0; i-- ) {
+            this.scrollListeners[i].off('scroll.infiniteLoader');
+          }
+        }
+        $(window).off('resize.infiniteLoader');
+      }
+    });
+
+    $scrollListener.trigger('scroll.infiniteLoader');
+  },
+  unbindScroll: function($element) {
+    $element.off('scroll.infiniteLoader');
+  },
+  teardown: function() {
+    for ( var i = this.scrollListeners.length - 1; i >= 0; i-- ) {
+      this.scrollListeners[i].off('scroll.infiniteLoader');
+    }
+    if ( this.instances.length ) {
+      $(window).off('resize.infiniteLoader');
+    }
+    this.instances = [];
+    this.scrollListeners = [];
+  }
+};
+
+App.pageLoad.push(function() {
+  App.InfiniteLoader.initialize( $('[data-infinite-load]') );
+});