pages_core 3.4.2

data/app/assets/javascripts/pages/admin/features/page_images.js

@@ -0,0 +1,329 @@
+(function ($) {
+  $(function () {
+    $('.page_images').each(function () {
+      var container = this;
+      var $editor = $(container).find('.editor');
+
+      $editor.hide();
+
+      var baseURL = $editor.closest('form').attr('action');
+
+      var selectedImage = false;
+      var selectedImageId = false;
+      var images = [];
+      var imagesData = false;
+
+      function loadImagesData () {
+        $.getJSON(baseURL + '/images.json', function (json) {
+          imagesData = json["page_images"];
+        });
+      }
+      loadImagesData();
+
+      function updateImageData(data) {
+        for (var a = 0; a < imagesData.length; a++) {
+          if (imagesData[a].id == data.id) {
+            imagesData[a] = data;
+          } else if (data.primary) {
+            imagesData[a].primary = false;
+          }
+        }
+      }
+
+      function getImageData (imageId) {
+        var data = false;
+        for (var a = 0; a < imagesData.length; a++) {
+          if (imagesData[a].id == parseInt(imageId, 10)) {
+            data = imagesData[a];
+          }
+        }
+        return data;
+      }
+
+      function getImageSize (imageId) {
+        var imageData = getImageData(imageId).image;
+        return [imageData.real_width, imageData.real_height];
+      }
+
+      function getImageURL (imageId, maxWidth, maxHeight) {
+        return imageData;
+      }
+
+      function showImage (image) {
+
+        // Delay execution if imageData is unavailable
+        if (imagesData === false) {
+          setTimeout(function () {
+            showImage(image);
+          }, 100);
+          return false;
+        }
+
+        if (image) {
+          var imageId   = parseInt($(image).data('page-image-id'), 10);
+          var imageURL  = $(image).data('uncropped-url');
+          var imageData = getImageData(imageId);
+
+          // Show the editor
+          $('.page_images .uploadButton').hide();
+          $editor.find('.caption').val(imageData.image.caption);
+          $editor.find('.alternative').val(imageData.image.alternative);
+          $editor.find('.embed').val("[image:" + imageData.image.id + "]");
+          $editor.find('.image_id').val(imageData.image.id);
+
+          if (imageData.primary) {
+            $editor.find('#page_image_primary').attr('checked', 'checked');
+          } else {
+            $editor.find('#page_image_primary').attr('checked', false);
+          }
+          $(container).find('.image').removeClass('selected');
+          $(image).addClass('selected');
+          selectedImage = image;
+          selectedImageId = imageId;
+          $editor.slideDown(400);
+
+          // Determine resized size
+          var maxSize   = [($editor.width() - 40), ($(window).height() - 200)];
+          var imageSize = getImageSize(imageId);
+          var scaleFactor = maxSize[1] / imageSize[1];
+          if ((imageSize[0] * scaleFactor) > maxSize[0]) {
+            scaleFactor = maxSize[0] / imageSize[0];
+          }
+          if (scaleFactor > 1.0) {
+            scaleFactor = 1.0;
+          }
+          var resizedSize = [
+            Math.floor(imageSize[0] * scaleFactor),
+            Math.floor(imageSize[1] * scaleFactor)
+          ];
+
+          // Load the image
+          $editor.find('.edit-image').html(
+            '<img src="' +
+            imageURL + '" width="' + resizedSize[0] +
+            '" height="' + resizedSize[1] + '" />'
+          );
+
+          // Handle cropping
+          var cropStart = [
+            imageData.image.crop_start_x,
+            imageData.image.crop_start_y
+          ];
+
+          var cropSize = [
+            (imageSize[0] - cropStart[0]),
+            (imageSize[1] - cropStart[1])
+          ]
+
+          if (imageData.image.crop_width && imageData.image.crop_height) {
+            cropSize = [
+              imageData.image.crop_width,
+              imageData.image.crop_height
+            ];
+          }
+
+          var updateCrop = function (crop) {
+            var start = [0, 0];
+            var size = imageSize;
+            if (crop.w > 0 && crop.h > 0) {
+              start = [
+                Math.floor(crop.x / scaleFactor),
+                Math.floor(crop.y / scaleFactor)
+              ];
+              size = [
+                Math.floor(crop.w / scaleFactor),
+                Math.floor(crop.h / scaleFactor)
+              ];
+            }
+            $editor.find('.crop_start_x').val(start[0]);
+            $editor.find('.crop_start_y').val(start[1]);
+            $editor.find('.crop_width').val(size[0]);
+            $editor.find('.crop_height').val(size[1]);
+          };
+
+          $editor.find('.edit-image img').Jcrop({
+            setSelect: [
+              Math.floor(cropStart[0] * scaleFactor),
+              Math.floor(cropStart[1] * scaleFactor),
+              Math.floor(cropStart[0] * scaleFactor) + Math.floor(cropSize[0] * scaleFactor),
+              Math.floor(cropStart[1] * scaleFactor) + Math.floor(cropSize[1] * scaleFactor)
+            ],
+            onSelect: updateCrop,
+            onChange: updateCrop
+          });
+
+        }
+      }
+
+      function closeEditor () {
+        $(container).find('.image').removeClass('selected');
+        selectedImage = false;
+        selectedImageId = false;
+        $editor.slideUp(400);
+        $('.page_images .uploadButton').slideDown(400);
+        return false;
+      }
+
+      function showNextImage () {
+        var nextIndex = false;
+        if (selectedImage) {
+          nextIndex = $.inArray(selectedImage, images) + 1;
+        }
+        if (nextIndex !== false) {
+          if (images[nextIndex]) {
+            showImage(images[nextIndex]);
+          } else {
+            showImage(images[0]);
+          }
+        }
+        return false;
+      }
+
+      function showPreviousImage () {
+        var nextIndex = false;
+        if (selectedImage) {
+          nextIndex = $.inArray(selectedImage, images) - 1;
+        }
+        if (nextIndex !== false) {
+          if (nextIndex < 0) {
+            nextIndex = images.length - 1;
+          }
+          if (images[nextIndex]) {
+            showImage(images[nextIndex]);
+          } else {
+            showImage(images[0]);
+          }
+        }
+        return false;
+      }
+
+      // Sorting images
+      var saveImageOrder = function () {
+        var ids = [];
+        images = [];
+        $('.page_images .images .image').each(function () {
+          images.push(this);
+          ids.push(parseInt($(this).data('page-image-id'), 10));
+        });
+        $('.page_images .images').animate({opacity: 0.8}, 300);
+        var url = baseURL + '/images/reorder.json';
+        var data = {
+          ids: ids,
+          authenticity_token: $("input[name=authenticity_token]").val()
+        };
+        $.put(url, data, function (json) {
+          $('.page_images .images').animate({opacity: 1.0}, 300);
+        });
+      };
+
+      function setPrimaryImage (newPrimary) {
+        var $previousPrimary = $(container).find('.primary');
+        if ($previousPrimary.length > 0) {
+          var thumbURL = $previousPrimary.find('img').attr('src').replace('220x220', '100x100');
+          $previousPrimary.find('img').attr('src', thumbURL);
+          $previousPrimary
+            .removeClass('primary')
+            .remove()
+            .appendTo($(container).find('.images'));
+          $previousPrimary.hide().fadeIn(400);
+        }
+
+        if (newPrimary) {
+          $(newPrimary)
+            .addClass('primary')
+            .remove()
+            .appendTo($(container).find('.primary_container'));
+          var bigURL = $(newPrimary).find('img').attr('src').replace('100x100', '220x220');
+          $(newPrimary).find('img').attr('src', bigURL);
+          $(newPrimary).hide().fadeIn(400);
+        }
+        saveImageOrder();
+      }
+
+      function saveImage () {
+        var savedId = selectedImageId;
+        var savedImage = selectedImage;
+        $editor.animate({opacity: 0.8}, 300);
+        var data = {
+          'page_image[primary]': $editor.find('#page_image_primary').is(':checked'),
+          'page_image[image_attributes][id]': $editor.find('.image_id').val(),
+          'page_image[image_attributes][caption]': $editor.find('.caption').val(),
+          'page_image[image_attributes][alternative]': $editor.find('.alternative').val(),
+          'page_image[image_attributes][crop_start_x]': $editor.find('.crop_start_x').val(),
+          'page_image[image_attributes][crop_start_y]': $editor.find('.crop_start_y').val(),
+          'page_image[image_attributes][crop_width]': $editor.find('.crop_width').val(),
+          'page_image[image_attributes][crop_height]': $editor.find('.crop_height').val(),
+          authenticity_token: $("input[name=authenticity_token]").val()
+        };
+        var url = baseURL + '/images/' + savedId + '.json';
+        $.put(url, data, function (json) {
+          updateImageData(json);
+
+          // Shuffle primary image around
+          if (json.primary && !$(savedImage).hasClass('primary')) {
+            setPrimaryImage(savedImage);
+          } else if (!json.primary && $(savedImage).hasClass('primary')) {
+            setPrimaryImage(false);
+          }
+
+          $editor.animate({opacity: 1.0}, 300);
+        });
+        return false;
+      }
+
+      function deleteImage () {
+        if (selectedImage && selectedImageId) {
+          if (confirm('Are you sure you want to delete this image?')) {
+            var url = baseURL + '/images/' + selectedImageId + '.json';
+            $.ajax(url, {
+              type: 'DELETE',
+              authenticity_token: $("input[name=authenticity_token]").val(),
+              success: function () {
+                var deletedImage = selectedImage;
+                if (images.length > 1) {
+                  showNextImage();
+                } else {
+                  $(container).find('.no_images').slideDown();
+                  closeEditor();
+                }
+                images = _.reject(images, function (i) {
+                  return i == deletedImage;
+                });
+                $(deletedImage).remove();
+              }
+            });
+          }
+        }
+        return false;
+      }
+
+      $editor.find('a.next').click(showNextImage);
+      $editor.find('a.previous').click(showPreviousImage);
+      $editor.find('a.close').click(closeEditor);
+      $editor.find('button.save').click(saveImage);
+      $editor.find('a.delete').click(deleteImage);
+
+      // Find images
+      $(container).find('.image').each(function () {
+        images.push(this);
+        $(this).find('img').removeAttr('width').removeAttr('height');
+      });
+      if (images.length > 0) {
+        $(container).find('.no_images').hide();
+      }
+
+      $(container).on('click', '.image', function () {
+        showImage(this);
+        return false;
+      });
+
+      $('.page_images .images').sortable({
+        forcePlaceholderSize: true,
+        update:               saveImageOrder,
+        distance:             5
+      });
+      $('.page_images .image').disableSelection();
+
+    });
+  });
+})(jQuery);

data/app/assets/javascripts/pages/admin/features/rich_text.js.coffee

@@ -0,0 +1,40 @@
+$ ->
+  $("textarea.rich").each ->
+    ta = new jRichTextArea(this)
+
+    ta.toolbar.addButton("Bold", ->
+      @textArea.wrapSelection "<b>", "</b>"
+
+    ).addButton("Italics", ->
+      @textArea.wrapSelection "<i>", "</i>"
+
+    ).addButton("Heading 2", ->
+      @textArea.wrapSelection "h2. ", ""
+
+    ).addButton("Heading 3", ->
+      @textArea.wrapSelection "h3. ", ""
+
+    ).addButton("Heading 4", ->
+      @textArea.wrapSelection "h4. ", ""
+
+    ).addButton("Link", ->
+      selection = @textArea.selectedText()
+      selection = prompt("Link text", "")  if selection is ""
+      response = prompt("Enter link URL", "http://")
+      if response
+        @textArea.replaceSelection "\"" + ((if selection is "" then "Link text" else selection)) + "\":" + ((if response is "" then "http://link_url/" else response)).replace(/^(?!(f|ht)tps?:\/\/)/, "http://")
+
+    ).addButton("Email", ->
+      selection = @textArea.selectedText()
+      response = prompt("Enter mail address", "")
+      if response
+        @textArea.replaceSelection "\"" + ((if selection is "" then response else selection)) + "\":mailto:" + ((if response is "" then "" else response))
+
+    ).addButton "Image", ->
+      selection = @textArea.selectedText()
+      if selection is ""
+        response = prompt("Enter image URL", "")
+        return  unless response?
+        @textArea.replaceSelection "!" + response + "!"
+      else
+        @textArea.replaceSelection "!" + selection + "!"

data/app/assets/javascripts/pages/admin/features/tag_editor.js

@@ -0,0 +1,159 @@
+(function($){
+
+  var TagEditor = function(container){
+    this.initialize(container);
+  }
+
+  $.extend(TagEditor.prototype, {
+    initialize: function(container){
+      var tagEditor = this;
+      tagEditor.container = container;
+      tagEditor.tags = Array();
+      tagEditor.serializeField = $(tagEditor.container).find('.serialized_tags').get(0);
+      tagEditor.findTags(true);
+
+      tagEditor.inputField = $(tagEditor.container).find('.add-tag').get(0);
+      $(tagEditor.container).find('.add-tag-button').click(function(){
+        tagEditor.addTag();
+        $(tagEditor.container).find('.add-tag').blur();
+        return false;
+      });
+      $(tagEditor.container).find('.add-tag').keydown(function(event){
+        if(event.which == 13){
+          tagEditor.addTag();
+          return false;
+        }
+      });
+
+      $(tagEditor.container).find('.add-tag').each(function(){
+        var field = this;
+        field.exampleText = $(field).val();
+        $(field).addClass('example');
+        $(field).focus(function(event){
+          $(tagEditor.container).find('.add-tag-button').fadeIn('fast');
+          $(field).removeClass('example');
+          if($(field).val() == field.exampleText){
+            $(field).val('');
+          }
+        });
+        $(field).blur(function(event){
+          $(tagEditor.container).find('.add-tag-button').fadeOut('fast');
+          if(!$(field).val() || $(field).val() == field.exampleText){
+            $(field).addClass('example').val(field.exampleText);
+          }
+        });
+      });
+      $(tagEditor.container).find('.add-tag-button').hide();
+    },
+
+    addTag: function(){
+      var tagEditor = this;
+      var tagName = $(tagEditor.inputField).val().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+      if(tagName){
+        if(this.hasTag(tagName)){
+          this.enable(this.getTagByName(tagName));
+        } else {
+          $(tagEditor.container).find('.tags').append('<span class="tag"><input type="checkbox" name="tag-'+tagName+'" value="1" checked="checked"><span class="name">'+tagName+'</span></span>');
+          tagEditor.findTags();
+        }
+      }
+      $(tagEditor.inputField).val('');
+    },
+
+    findTags: function(permanentize){
+      var tagEditor = this;
+      $(this.container).find('.tag').each(function(){
+        var tag = this;
+        if(!tag.tagEditorApplied){
+          tag.checkBox = $(tag).find('input[type=checkbox]').get(0);
+          tag.name = $(tag).find('.name').text();
+          if(tagEditor.isChecked(tag)){
+            tag.enabled = true;
+            $(tag).addClass('enabled');
+          } else {
+            tag.enabled = false;
+          }
+          $(tag).click(function(){
+            tagEditor.toggle(tag);
+          });
+          tagEditor.tags[tagEditor.tags.length] = tag;
+          tag.tagEditorApplied = true;
+        }
+      });
+      tagEditor.serializeTags();
+    },
+
+    hasTag: function(tagName){
+      var hasTag = false;
+      $(this.tags).each(function(){
+        if(tagName.toLowerCase() == this.name.toLowerCase()){
+          hasTag = true;
+        }
+      });
+      return hasTag;
+    },
+
+    toggle: function(tag){
+      if(tag.enabled){
+        this.disable(tag);
+      } else {
+        this.enable(tag);
+      }
+    },
+
+    enable: function(tag){
+      tag.enabled = true;
+      $(tag).addClass('enabled');
+      $(tag.checkBox).attr('checked', tag.enabled);
+      this.serializeTags();
+    },
+
+    disable: function(tag){
+      tag.enabled = false;
+      $(tag).removeClass('enabled');
+      $(tag.checkBox).attr('checked', tag.enabled);
+      this.serializeTags();
+    },
+
+    getTagByName: function(tagName){
+      var tag = null;
+      $(this.tags).each(function(){
+        if(this.name.toLowerCase() == tagName.toLowerCase()){
+          tag = this;
+        }
+      });
+      return tag;
+    },
+
+    isChecked: function(tag){
+      return $(tag.checkBox).attr('checked');
+    },
+
+    enabledTags: function(){
+      var enabledTags = Array();
+      $(this.tags).each(function(){
+        if(this.enabled){
+          enabledTags[enabledTags.length] = this;
+        }
+      });
+      return enabledTags;
+    },
+
+    serializeTags: function(){
+      var tagNames = Array();
+      $(this.enabledTags()).each(function(){
+        tagNames[tagNames.length] = '"' + this.name.replace('"', '\\"') + '"';
+      })
+      $(this.serializeField).val('['+tagNames.join(', ')+']');
+      $(this.container).find('.add-tag').attr('disabled', false);
+    }
+  });
+
+  // Apply the tag editor to each instance
+  $(function(){
+    $('.tag-editor').each(function(){
+      this.tagEditor = new TagEditor(this);
+    });
+  });
+
+})(jQuery);

data/app/assets/javascripts/pages/admin/lib/ajax_extensions.js.coffee

@@ -0,0 +1,17 @@
+_ajax_request = (url, data, callback, type, method) ->
+  if $.isFunction(data)
+    callback = data
+    data = {}
+  $.ajax
+    type: method
+    url: url
+    data: data
+    success: callback
+    dataType: type
+
+jQuery.extend
+  put: (url, data, callback, type) ->
+    _ajax_request url, data, callback, type, "PUT"
+
+  #delete_: (url, data, callback, type) ->
+  #  _ajax_request url, data, callback, type, "DELETE"

data/app/assets/javascripts/pages/admin/lib/center_on_screen.js.coffee

@@ -0,0 +1,21 @@
+jQuery.fn.centerOnScreen = ->
+  win_width = $(window).width()
+  scrollToLeft = $(window).scrollLeft()
+  win_height = $(window).height()
+  scrollToBottom = $(window).scrollTop()
+  box_width = 200
+  box_height = 200
+
+  @css "position", "absolute"
+  @css "z-index", (1000 + (Math.round(Math.random() * 5000)))
+
+  x = (($(window).width() / 2) - (@width() / 2)) + $(window).scrollLeft()
+  y = (($(window).height() / 2) - (@height() / 2)) + $(window).scrollTop()
+  x = 0  if x < 0
+  y = 0  if y < 0
+
+  @css
+    left: x + "px"
+    top: y + "px"
+
+  this

data/app/assets/javascripts/pages/admin/lib/jrichtextarea.js

@@ -0,0 +1,57 @@
+window.jRichTextArea = function(textArea, options){
+  this.textArea = textArea;
+
+  // Default options
+  settings = $.extend({
+       className: "richTextToolbar"
+  }, options);
+
+  this.toolbar = {
+    settings : settings,
+    textArea : textArea,
+    listElement : false,
+    buttons : new Array(),
+    addButton : function(name, callback, options) {
+      // Default options
+      settings = $.extend({
+           className: name.replace(/[\s]+/, '')+"Button"
+      }, options);
+      var li = document.createElement("li");
+      var a = document.createElement("a");
+      a.title = name;
+      a.textArea = this.textArea;
+      //callback.this = this;
+      $(a).mousedown(callback);
+      $(a).addClass(settings.className);
+      $(li).append(a).appendTo(this.listElement);
+      this.buttons.push(li);
+      return this;
+    },
+    create : function() {
+      if(!this.listElement) {
+        this.listElement = document.createElement("ul");
+        $(this.listElement).addClass(this.settings.className);
+        $(this.listElement).insertBefore(this.textArea);
+      }
+    }
+  }
+
+  this.textArea.selectedText = function() {
+    return $(this).getSelection().text;
+  }
+  this.textArea.replaceSelection = function(replacement) {
+    return $(this).replaceSelection(replacement);
+  }
+  this.textArea.wrapSelection = function() {
+    var prepend = arguments[0];
+    var append = (arguments.length > 1) ? arguments[1] : prepend
+    var selectedText = this.selectedText();
+    var trailingSpace = selectedText.match(/(\s)*$/)[0];
+    selectedText = selectedText.replace(/(\s)*$/, '');
+    return this.replaceSelection(prepend + selectedText + append + trailingSpace);
+  }
+
+  // Delegates
+  this.textArea.toolbar = this.toolbar;
+  this.toolbar.create();
+}

data/app/assets/javascripts/pages/admin.js.coffee

@@ -0,0 +1,54 @@
+# Gem assets
+#= require jquery
+#= require jquery_ujs
+#= require jquery.ui.all
+#= require jquery.cookie
+#= require jquery.Jcrop
+#= require underscore
+
+# Vendored assets
+#= require jquery.dimscreen
+#= require jquery.fieldselection
+
+#= require_self
+#= require pages/login_form
+#= require pages/admin/controllers/base
+#= require pages/admin/controllers/pages_controller
+#= require pages/admin/controllers/users_controller
+#= require pages/admin/features/content_tabs
+#= require pages/admin/features/editable_image
+#= require pages/admin/features/modal
+#= require pages/admin/features/page_images
+#= require pages/admin/features/rich_text
+#= require pages/admin/features/tag_editor
+#= require pages/admin/lib/ajax_extensions
+#= require pages/admin/lib/center_on_screen
+#= require pages/admin/lib/jrichtextarea
+
+window.Admin =
+  Controllers: {}
+
+  locale: ->
+    $('body').data('locale')
+
+  controllerName: ->
+    $('body').data('controller').replace(/^Admin::/, '')
+
+  actionName: ->
+    $('body').data('action')
+
+  getController: ->
+    if @Controllers.hasOwnProperty(@controllerName())
+      new @Controllers[@controllerName()]()
+
+  init: ->
+    if controller = @getController()
+      controller.dispatch @actionName()
+
+
+$ ->
+  # Detect the sidebar and add the appropriate class to the document element.
+  if $("#sidebar").length > 0
+    $(document.body).addClass "with_sidebar"
+
+  Admin.init()

data/app/assets/javascripts/pages/login_form.js.coffee

@@ -0,0 +1,17 @@
+$ ->
+  $('.login-form').each ->
+    container = this
+
+    showTab = (tabName) ->
+      $(container).find('.login-tab').hide()
+      $(container).find(".login-tab.#{tabName}").show()
+      false
+
+    $(container).find('.show-password').click ->
+      $.cookie "login-mode", "password", expires: 1095
+      showTab('password')
+
+    $(container).find('.show-password-reset').click ->
+      showTab('password-reset')
+
+    showTab('password')