forest_cms 0.98.1

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

@@ -0,0 +1,89 @@
+App.MarkdownTextEditor = {
+  instances: [],
+  initialize: function($textAreas) {
+    var that = this;
+
+    $(document).one('turbolinks:before-cache.markdownTextEditor', function() {
+      that.teardown();
+    });
+
+    $textAreas.each(function() {
+      var $textArea = $(this);
+      var placeholder = $textArea.attr('placeholder');
+
+      if ( ( $textArea.data('forest') && $textArea.data('forest').markdownInitialized ) || $textArea.closest('.CodeMirror').length ) {
+        return;
+      }
+
+      $textArea.data('forest') || $textArea.data('forest', {});
+      $textArea.data('forest', { markdownInitialized: true });
+
+      var editor = new SimpleMDE({
+        element: this,
+        placeholder: placeholder,
+        spellChecker: false,
+        status: false,
+        autoDownloadFontAwesome: false,
+        toolbar: [
+          'bold',
+          'italic',
+          'heading',
+          '|',
+          'unordered-list',
+          'ordered-list',
+          '|',
+          'link',
+          '|',
+          {
+            name: 'guide',
+            action: 'https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet',
+            className: 'fa fa-question-circle',
+            title: 'Markdown Guide',
+            default: true
+          },
+        ],
+        shortcuts: {
+          'drawImage': null,
+          'drawLink': null,
+          'cleanBlock': null,
+          'toggleBlockquote': null,
+          'toggleCodeBlock': null,
+          'toggleFullScreen': null,
+          'toggleHeadingBigger': null,
+          'toggleHeadingSmaller': null,
+          'toggleOrderedList': null,
+          'togglePreview': null,
+          'toggleSideBySide': null,
+          'toggleUnorderedList': null,
+        }
+      });
+
+      editor.codemirror.options.extraKeys['Tab'] = false;
+      editor.codemirror.options.extraKeys['Shift-Tab'] = false;
+
+      that.instances.push( editor );
+    });
+  },
+  teardown: function() {
+    for ( var i = this.instances.length - 1; i >= 0; i-- ) {
+      this.instances[i].toTextArea();
+    }
+    this.instances = [];
+  }
+};
+
+App.pageLoad.push(function() {
+  App.MarkdownTextEditor.initialize( $('.markdown-editor').filter(':visible') );
+});
+
+$(document).on('forest:block-slot-after-insert', function(event, nestedFields) {
+  App.MarkdownTextEditor.initialize( $(nestedFields).find('.form-group.text .markdown-editor').filter(':visible') );
+});
+
+$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function(e) {
+  var $tab = $(e.target);
+  var tabId = $tab.attr('href');
+  var $tabContent = $(tabId);
+
+  App.MarkdownTextEditor.initialize( $tabContent.find('.markdown-editor').filter(':visible') );
+});

data/app/assets/javascripts/forest/admin/partials/media_item_chooser_modal.js.erb

@@ -0,0 +1,259 @@
+// TODO: refactor this whole file
+App.MediaItemChooser = {
+  instances: [],
+  initialize: function($elements) {
+    var that = this;
+
+    $(document).one('turbolinks:before-cache.mediaItemChooser', function() {
+      that.teardown();
+    });
+
+    $elements.each(function() {
+      var $element = $(this);
+      var xhr;
+
+      that.instances.push( $element );
+
+      $element
+        .on('show.bs.modal', function(e) {
+          var $modalBody = $element.find('.modal-body');
+
+          if ( $modalBody.find('.media-library').length ) {
+            App.InfiniteLoader.initialize( $element.find('[data-infinite-load]'), { $scrollListener: $element } );
+          } else {
+            // TODO: add a js.erb file to handle ajax routes?
+            $.ajax('<%= Rails.application.routes.url_helpers.admin_media_items_path %>')
+              .done(function(data) {
+                $modalBody.html( $(data).find('.media-library') );
+                App.InfiniteLoader.initialize( $element.find('[data-infinite-load]'), { $scrollListener: $element } );
+              }).fail(function() {
+                var error = 'Unable to fetch media items index.';
+                console.warn(error);
+                $modalBody.html(error);
+              });
+          }
+        })
+        .on('shown.bs.modal', function() {
+          $(document).trigger('forest:show-media-item-chooser');
+
+          var $modalBody = $element.find('.modal-body');
+          var lastSearchValue;
+          var $loadingIndicator = $('#media-item-chooser__modal-title__loading-indicator');
+
+          $(document).on('keydown.mediaItemModalSearch', '#media_item_modal_fuzzy_search', function(e) {
+            if ( e.which == 13 ) e.preventDefault();
+          });
+
+          $(document).on('change.mediaItemModalSearch keyup.mediaItemModalSearch', '#media_item_modal_fuzzy_search', $.debounce(300, function(e) {
+            var $input = $(this);
+            var searchValue = $input.val();
+
+            if ( searchValue == lastSearchValue ) {
+              return;
+            }
+
+            lastSearchValue = searchValue;
+
+            $loadingIndicator.html('<span class="glyphicon glyphicon-hourglass"></span> Loading...');
+
+            xhr = $.ajax({
+                url: '<%= Rails.application.routes.url_helpers.admin_media_items_path %>',
+                type: 'GET',
+                data: {
+                  fuzzy_search: searchValue
+                }
+              })
+              .done(function(data) {
+                $modalBody.html( $(data).find('.media-library') );
+                App.InfiniteLoader.initialize( $element.find('[data-infinite-load]'), { $scrollListener: $element } );
+              }).fail(function() {
+                var error = 'Unable to fetch media items index.';
+                console.warn(error);
+                $modalBody.html(error);
+              }).always(function() {
+                $loadingIndicator.empty();
+              });
+          }));
+        })
+        .on('hide.bs.modal', function() {
+          if ( xhr ) xhr.abort();
+          that.destroyModal();
+        })
+        .on('hidden.bs.modal', function() {
+          $('.media-item-chooser .media-library-link--selected').removeClass('media-library-link--selected');
+        });
+    });
+  },
+  destroyModal: function() {
+    for ( var i = this.instances.length - 1; i >= 0; i-- ) {
+      App.InfiniteLoader.unbindScroll( this.instances[i] );
+    }
+    $('.media-item-chooser__button--active').removeClass('media-item-chooser__button--active');
+    $(document).off('change.mediaItemModalSearch keyup.mediaItemModalSearch keydown.mediaItemModalSearch');
+  },
+  createThumbnail: function(id, url) {
+    return '<div class="media-item--grid col-xs-4 col-sm-3 col-md-2">' +
+            '<div class="media-library-image img-rounded " style="background-image: url(' + url + ')" data-media-item-id="' + id + '" data-media-item-url="' + url + '"></div>' +
+            '<div class="media-item__buttons">' +
+              '<div class="media-item__button media-item__buttons__remove glyphicon glyphicon-remove"></div>' +
+            '</div>' +
+          '</div>';
+  },
+  updateSelectedGalleryItems: function($gallery) {
+    if ( !$gallery ) return;
+
+    var thumbnailIds = [];
+    var $preview = $gallery.find('.media-gallery-preview');
+    var $input = $gallery.find('.gallery__input');
+
+    $preview.find('[data-media-item-id]').each(function() {
+      var id = $(this).attr('data-media-item-id');
+
+      thumbnailIds.push(id);
+    });
+
+    $input.empty();
+
+    for ( var i = 0; i < thumbnailIds.length; i++ ) {
+      $input.append('<option value="' + thumbnailIds[i] + '" selected="selected">');
+    }
+  },
+  teardown: function() {
+    this.destroyModal();
+    for ( var i = this.instances.length - 1; i >= 0; i-- ) {
+      this.instances[i].removeClass('fade').modal('hide');
+    }
+    this.instances = [];
+    $('.media-item-chooser__button--active').removeClass('media-item-chooser__button--active');
+  }
+};
+
+App.pageLoad.push(function() {
+  App.MediaItemChooser.initialize( $('.media-item-chooser') );
+});
+
+$(document).on('click', '[data-media-item-input]', function() {
+  // TODO: refactor this
+  App.MediaItemChooser.scope = $(this);
+  App.MediaItemChooser.inputSelector = $(this).attr('data-media-item-input');
+  App.MediaItemChooser.input = false;
+  App.MediaItemChooser.preview = false;
+  App.MediaItemChooser.toPath = $(this).hasClass('media-item-chooser-to-path');
+  App.MediaItemChooser.multiple = $(this).attr('data-multiple') == 'true';
+});
+
+$(document).on('click', '.media-item-chooser .media-library-link', function(e) {
+  e.preventDefault();
+
+  var $wrapper = $('.media-item-chooser__button--active').closest('.image-to-path-wrapper');
+
+  if ( !$wrapper.length ) {
+    $wrapper = $('.media-item-chooser__button--active').closest('.image');
+  }
+
+  var id = $(this).attr('data-media-item-id');
+  var imageUrl = $(this).attr('data-image-url-large');
+  var value = App.MediaItemChooser.toPath ? imageUrl : id;
+  var $removeButton = $(this).closest('.image').find('.media-item-chooser__remove-image');
+
+  if ( App.MediaItemChooser.inputSelector ) {
+    if ( App.MediaItemChooser.toPath ) {
+      App.MediaItemChooser.input = App.MediaItemChooser.scope.closest('.image-to-path-wrapper').find( App.MediaItemChooser.inputSelector );
+    } else {
+      App.MediaItemChooser.input = App.MediaItemChooser.scope.closest('.gallery, .image, .collage').find( App.MediaItemChooser.inputSelector );
+    }
+    App.MediaItemChooser.preview = App.MediaItemChooser.scope.closest('.gallery, .image, .collage').find( App.MediaItemChooser.inputSelector + '_preview' );
+
+    if ( App.MediaItemChooser.multiple ) {
+      // Multiple upload
+      $(this).addClass('media-library-link--selected');
+    } else {
+      // Single item
+      App.MediaItemChooser.input.val( value );
+
+      if ( App.MediaItemChooser.preview.length )  {
+        App.MediaItemChooser.preview.removeClass('hidden').attr('src', imageUrl);
+        $removeButton.removeClass('hidden');
+      }
+
+      $(this).closest('.modal').modal('hide');
+    }
+  }
+
+  $(document).trigger('forest:update-media-gallery-preview', [ App.MediaItemChooser.preview ]);
+});
+
+$(document).on('click.mediaItemChooser', '.media-library-link--selected', function() {
+  $(this).removeClass('media-library-link--selected');
+});
+
+$(document).on('click.mediaItemChooser', '.media-item-chooser__select-button', function() {
+  var $gallery = App.MediaItemChooser.preview.closest('.gallery, .collage');
+  var $selected = $('.media-item-chooser .media-library-link--selected');
+  var thumbnails = [];
+  var $existingThumbnails = $gallery.find('.media-library-image');
+  var existingThumbnailIds = $existingThumbnails.map(function() {
+    return parseInt( $(this).attr('data-media-item-id') );
+  });
+
+  $selected.each(function() {
+    var id = parseInt( $(this).attr('data-media-item-id') );
+    var url = $(this).attr('data-image-url-large');
+    var $thumbnail = $( App.MediaItemChooser.createThumbnail(id, url) );
+
+    if ( $.inArray(id, existingThumbnailIds) == -1 ) {
+      thumbnails.push($thumbnail);
+    }
+  });
+
+  $('.modal.media-item-chooser').modal('hide');
+  if ( App.MediaItemChooser.preview.length ) {
+    if ( App.MediaItemChooser.preview.closest('.media-gallery-preview-wrapper').hasClass('media-gallery-preview-wrapper--no-images') ) {
+      App.MediaItemChooser.preview.closest('.media-gallery-preview-wrapper').removeClass('media-gallery-preview-wrapper--no-images').addClass('media-gallery-preview-wrapper--has-images');
+      App.MediaItemChooser.preview.empty();
+    }
+
+    App.MediaItemChooser.preview.append( thumbnails );
+  }
+
+  App.MediaItemChooser.updateSelectedGalleryItems( $gallery );
+});
+
+$(document).on('click.mediaItemChooser', '.media-item-chooser__button, [data-media-item-input]', function() {
+  $(this).addClass('media-item-chooser__button--active');
+});
+
+$(document).on('click', '.media-item-chooser__remove-image', function() {
+  var $wrapper = $(this).closest('.image');
+  var $image = $wrapper.find('.media-item-chooser__image');
+  var $button = $wrapper.find('.media-item-chooser__button');
+  var $input = $wrapper.find( $button.attr('data-media-item-input') );
+
+  $image.attr('src', '').attr('alt', '').addClass('hidden');
+  $input.val('');
+  $(this).addClass('hidden');
+});
+
+$(document).on('click', '#admin-container .media-item__buttons__remove', function() {
+  var $gallery = $(this).closest('.gallery, .collage');
+  var $mediaItem = $(this).closest('.media-item--grid');
+
+  $mediaItem.remove();
+
+  App.MediaItemChooser.updateSelectedGalleryItems( $gallery );
+});
+
+$(document).on('click', '.media-gallery-preview', function(e) {
+  e.preventDefault();
+});
+
+$(document).on('click', '#admin-container .media-item__button[data-path]', function() {
+  var url = $(this).attr('data-path');
+
+  window.open( url, '_blank' );
+  window.focus();
+});
+
+$(document).on('click', '.media-gallery-preview', function(e) {
+  e.preventDefault();
+});

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

@@ -0,0 +1,79 @@
+// TODO: Implement teardown method for turbolinks:before-cache
+
+App.NestableMenus = {};
+
+App.pageLoad.push(function() {
+  var $nestable = $('.dd');
+
+  if ( !$nestable.length ) return;
+
+  $nestable.nestable();
+
+  App.NestableMenus.getSerializedJSON = function() {
+    var $items = $nestable.find('.dd-item');
+
+    $items.each(function() {
+      var $item = $(this);
+      var $inputs = $item.find('.dd-input__input');
+
+      $inputs.each(function() {
+        var $thisInput = $(this);
+        var inputName = $thisInput.attr('name');
+        var inputValue = $thisInput.val();
+
+        $thisInput.closest('.dd-item').data(inputName, inputValue);
+      });
+    });
+
+    return window.JSON.stringify( $nestable.nestable( 'serialize' ) );
+  }
+
+  $('#menu_structure').val( App.NestableMenus.getSerializedJSON() );
+
+  $nestable.on('change', function() {
+    if ( $(this).closest('#dd-primary').length ) {
+      var $selects = $nestable.find('select');
+
+      $selects.each(function() {
+        var $select = $(this);
+
+        var $parent = $select.closest('.dd-input');
+        var $hiddenInput = $parent.find('.dd-input__input-for-select');
+        var value = $select.find(':selected').val();
+
+        $hiddenInput.val(value);
+      });
+
+      $('#menu_structure').val( App.NestableMenus.getSerializedJSON() );
+    }
+  });
+});
+
+$(document).on('click', '#menu__add-item-button', function() {
+  var $menu = $('#dd-primary');
+
+  if ( $menu.find('.dd-empty').length ) {
+    $menu.html('<ol class="dd-list"></ol>');
+  }
+
+  var $ddList = $menu.find('.dd-list:first');
+  var itemId = $menu.find('.dd-item').length + 1;
+  var $template = $('#dd-item-template');
+
+  $template.find('.dd-item').attr('data-id', itemId);
+  $template.find('.dd-handle').html('Item ' + itemId);
+
+  $ddList.append( $template.html() );
+
+  var $ddItem = $ddList.find('.dd-item[data-id="' + itemId + '"]');
+
+  $(document).trigger('forest:add-menu-item', [$ddItem]);
+});
+
+$(document).on('click', '.dd-content__remove-item', function() {
+  var $item = $(this).closest('.dd-item');
+
+  $item.remove();
+
+  $('#menu_structure').val( App.NestableMenus.getSerializedJSON() );
+});

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

@@ -0,0 +1,27 @@
+// Multi checkbox selector
+
+$(document).on('turbolinks:load', function() {
+  var $parentElements = $('.multi-checkbox-parent');
+
+  $parentElements.each(function() {
+    var $parentElement = $(this);
+    var $inputs = $parentElement.find(':checkbox');
+    var lastChecked = null;
+
+    $inputs.click(function(e) {
+      if ( !lastChecked ) {
+        lastChecked = this;
+        return;
+      }
+
+      if ( e.shiftKey ) {
+        var start = $inputs.index(this);
+        var end = $inputs.index(lastChecked);
+
+        $inputs.slice(Math.min(start, end), Math.max(start, end)+ 1).prop('checked', lastChecked.checked);
+      }
+
+      lastChecked = this;
+    });
+  });
+});