alchemy_cms 2.5.3.1 → 2.6.0.rc5

data/.gitignore

@@ -21,4 +21,4 @@ spec/dummy/db/seeds.rb
 spec/dummy/config/locales/**/*
 /coverage/
 *.gem
-.ruby-version
+/.ruby-version

data/.travis.yml

@@ -1,19 +1,11 @@
 language: ruby
 rvm:
   - 1.9.3
+  - 2.0.0
 branches:
   only:
-    - 2.5-stable
-before_script:
-  # - sudo spec/support/ci/install_phantomjs
-  # - "export PATH=phantomjs/bin:$PATH"
-  - phantomjs --version
-  - "sh -c 'cd spec/dummy && RAILS_ENV=test bundle exec rake db:create db:schema:load --trace'"
-script: "bundle exec rspec spec $SPEC_FLAGS"
+    - master
+script: rake
 env:
-  - DB=mysql SPEC_FLAGS="-t ~type:request"
-  - DB=postgresql SPEC_FLAGS="-t ~type:request"
-  - DB=mysql SPEC_FLAGS="-t type:request"
-matrix:
-  allow_failures:
-    - env: DB=mysql SPEC_FLAGS="-t type:request"
+  - DB=mysql
+  - DB=postgresql

data/Gemfile

@@ -2,18 +2,20 @@ source 'http://rubygems.org'
 
 gemspec
 
-#For some strange reason it's only loaded outside any group
+# For some strange reason it's only loaded outside any group
 gem 'jasmine'
 gem 'jasminerice'
 
+# Code coverage plattform
+gem 'coveralls', require: false
+
 group :test do
   gem 'sqlite3'               if ENV['DB'].nil? || ENV['DB'] == 'sqlite'
   gem 'mysql2'                if ENV['DB'] == 'mysql'
   gem 'pg'                    if ENV['DB'] == 'postgresql'
-  gem 'poltergeist', '1.0.2'
+  gem 'poltergeist', '1.1.0'
   unless ENV['CI']
     gem 'launchy'
-    gem 'simplecov', :require => false
   end
 end
 
@@ -30,4 +32,5 @@ group :development do
     gem 'quiet_assets' # Mute assets loggin
     gem 'thin' # Get rid off 'Could not determine content-length of response body' Warning. Start with 'rails s thin'
   end
+  gem 'rspec-rails', github: 'rspec/rspec-rails', branch: '2-13-maintenance'
 end

data/README.md

@@ -1,9 +1,10 @@
 ![Alchemy CMS](http://alchemy-cms.com/assets/alchemy_logo.png)
 
-[![Build Status](https://secure.travis-ci.org/magiclabs/alchemy_cms.png?branch=master)](http://travis-ci.org/magiclabs/alchemy_cms) [![Maintenance Status](http://stillmaintained.com/magiclabs/alchemy_cms.png)](http://stillmaintained.com/magiclabs/alchemy_cms) [![Code Climate](https://codeclimate.com/badge.png)](https://codeclimate.com/github/magiclabs/alchemy_cms)
+[![Build Status](https://secure.travis-ci.org/magiclabs/alchemy_cms.png?branch=master)](http://travis-ci.org/magiclabs/alchemy_cms) [![Dependency Status](https://gemnasium.com/magiclabs/alchemy_cms.png)](https://gemnasium.com/magiclabs/alchemy_cms) [![Code Climate](https://codeclimate.com/github/magiclabs/alchemy_cms.png)](https://codeclimate.com/github/magiclabs/alchemy_cms) [![Coverage Status](https://coveralls.io/repos/magiclabs/alchemy_cms/badge.png?branch=master)](https://coveralls.io/r/magiclabs/alchemy_cms)
 
 About
 -----
+**This branch is a beta development branch. For productive environments use the current rubygems version, or the [latest stable branch (2.5-stable)](https://github.com/magiclabs/alchemy_cms/tree/2.5-stable).**
 
 Alchemy is a powerful, userfriendly and flexible Rails 3 CMS.
 
@@ -67,7 +68,7 @@ Add to existing Rails project
 
 In your Gemfile:
 
-    gem 'alchemy_cms', '~> 2.5.0', github: 'magiclabs/alchemy_cms', branch: '2.5-stable'
+    gem 'alchemy_cms', github: 'magiclabs/alchemy_cms', branch: 'master'
 
 Run in terminal:
 

data/alchemy_cms.gemspec

@@ -32,31 +32,31 @@ POST_INSTALL
   s.executables           = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths         = ["lib"]
 
-  s.add_runtime_dependency %q<rails>,                      ["~> 3.2.12"]
-  s.add_runtime_dependency %q<devise>,                     ["~> 2.2.3"]
-  s.add_runtime_dependency %q<devise-encryptable>,         ["~> 0.1.1"]
-  s.add_runtime_dependency %q<awesome_nested_set>,         ["~> 2.0"]
-  s.add_runtime_dependency %q<acts-as-taggable-on>,        ["~> 2.1"]
-  s.add_runtime_dependency %q<declarative_authorization>,  ["= 0.5.5"]
-  s.add_runtime_dependency %q<dragonfly>,                  ["~> 0.9.14"]
-  s.add_runtime_dependency %q<kaminari>,                   ["~> 0.13.0"]
-  s.add_runtime_dependency %q<acts_as_ferret>,             ["~> 0.5"]
-  s.add_runtime_dependency %q<acts_as_list>,               ["~> 0.1.9"]
-  s.add_runtime_dependency %q<magiclabs-userstamp>,        ["~> 2.0.2"]
-  s.add_runtime_dependency %q<dynamic_form>,               ["~> 1.1"]
-  s.add_runtime_dependency %q<jquery-rails>,               ["~> 2.1.3"]
-  s.add_runtime_dependency %q<jquery-ui-rails>,            ["~> 3.0.1"]
-  s.add_runtime_dependency %q<attachment_magic>,           [">= 0.2.1"]
-  s.add_runtime_dependency %q<sass-rails>,                 ['~> 3.2.3']
-  s.add_runtime_dependency %q<coffee-rails>,               ['~> 3.2.1']
-  s.add_runtime_dependency %q<compass-rails>,              ['~> 1.0.3']
-  s.add_runtime_dependency %q<sassy-buttons>,              ['~> 0.1.3']
-  s.add_runtime_dependency %q<rails3-jquery-autocomplete>, ['~> 1.0.10']
+  s.add_runtime_dependency %q<rails>,                            ["~> 3.2.13"]
+  s.add_runtime_dependency %q<devise>,                           ["~> 2.2.3"]
+  s.add_runtime_dependency %q<devise-encryptable>,               ["~> 0.1.1"]
+  s.add_runtime_dependency %q<awesome_nested_set>,               ["~> 2.0"]
+  s.add_runtime_dependency %q<acts-as-taggable-on>,              ["~> 2.1"]
+  s.add_runtime_dependency %q<declarative_authorization>,        ["~> 0.5.7"]
+  s.add_runtime_dependency %q<dragonfly>,                        ["~> 0.9.14"]
+  s.add_runtime_dependency %q<kaminari>,                         ["~> 0.14.1"]
+  s.add_runtime_dependency %q<acts_as_ferret>,                   ["~> 0.5"]
+  s.add_runtime_dependency %q<acts_as_list>,                     ["~> 0.2.0"]
+  s.add_runtime_dependency %q<magiclabs-userstamp>,              ["~> 2.0.2"]
+  s.add_runtime_dependency %q<dynamic_form>,                     ["~> 1.1"]
+  s.add_runtime_dependency %q<jquery-rails>,                     ["~> 2.2.1"]
+  s.add_runtime_dependency %q<jquery-ui-rails>,                  ["~> 3.0.1"]
+  s.add_runtime_dependency %q<sass-rails>,                       ['~> 3.2.3']
+  s.add_runtime_dependency %q<coffee-rails>,                     ['~> 3.2.1']
+  s.add_runtime_dependency %q<compass-rails>,                    ['~> 1.0.3']
+  s.add_runtime_dependency %q<sassy-buttons>,                    ['~> 0.1.3']
+  s.add_runtime_dependency %q<rails3-jquery-autocomplete>,       ['~> 1.0.10']
+  s.add_runtime_dependency %q<tvdeyen-handles_sortable_columns>, ['~> 0.1.5']
 
   s.add_development_dependency %q<bumpy>
-  s.add_development_dependency %q<capybara>,               ['1.1.4']
+  s.add_development_dependency %q<capybara>,               ['~> 2.0.3']
   s.add_development_dependency %q<factory_girl_rails>
-  s.add_development_dependency %q<rspec-rails>,            ['2.12.0']
+  #s.add_development_dependency %q<rspec-rails>,            ['~> 2.13.0']
   s.add_development_dependency %q<sqlite3>
   s.add_development_dependency %q<yard>
   s.add_development_dependency %q<redcarpet>

data/app/assets/fonts/alchemy-icons.svg

@@ -0,0 +1,54 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20100429 at Sun Feb 24 00:13:31 2013
+ By root
+Copyright (C) 2012 by original authors @ fontello.com
+</metadata>
+<defs>
+<font id="alchemy" horiz-adv-x="830" >
+  <font-face 
+    font-family="alchemy"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1000"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="850"
+    descent="-150"
+    bbox="14 -150 955 850"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+229E-1F50E"
+  />
+<missing-glyph horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="364" 
+d="M33 0v666h265v-666h-265zM66 33h199v600h-199v-600z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="333" 
+ />
+    <glyph glyph-name="uni229E" unicode="&#x229e;" 
+d="M715 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h600zM665 300v100h-200v200h-100v-200h-200v-100h200v-200h100v200h200z" />
+    <glyph glyph-name="uni229F" unicode="&#x229f;" 
+d="M715 750q42 0 71 -29t29 -71v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-40 0 -70 30t-30 70v600q0 41 29.5 70.5t70.5 29.5h600zM665 300v100h-500v-100h500z" />
+    <glyph glyph-name="uni27F2" unicode="&#x27f2;" horiz-adv-x="970" 
+d="M547 736q171 0 289 -120q119 -121 119 -290t-119 -290q-118 -120 -289 -120q-143 0 -252 88l70 74q84 -60 182 -60q126 0 216 90t90 218t-90 218t-216 90q-124 0 -214 -87q-91 -87 -92 -211h142l-184 -204l-184 204h124q1 166 122 283q120 117 286 117z" />
+    <glyph glyph-name="uniE74F" unicode="&#xe74f;" horiz-adv-x="490" 
+d="M245 850l230 -364h-460zM245 -150l-230 366h460z" />
+    <glyph glyph-name="uniE800" unicode="&#xe800;" horiz-adv-x="930" 
+d="M171 146l-106 100h296v-296l-100 106l-146 -156l-100 100zM915 700l-154 -144l104 -100h-294v294l100 -104l144 154z" />
+    <glyph glyph-name="uniE801" unicode="&#xe801;" horiz-adv-x="927" 
+d="M914 728v-242l-536 -536l-364 364l535 536h243zM770 584q25 26 25 61t-25.5 60.5t-60.5 25.5t-60.5 -25.5t-25.5 -60.5t25.5 -60.5t60.5 -25.5t61 25z" />
+    <glyph glyph-name="uniE802" unicode="&#xe802;" horiz-adv-x="822" 
+d="M491 746h316v-316l-100 124l-146 -152l-100 100l152 146zM261 302l100 -100l-152 -146l122 -100h-316v316l100 -122z" />
+    <glyph glyph-name="uniE803" unicode="&#xe803;" horiz-adv-x="500" 
+d="M467 194q18 -18 18 -43t-17.5 -42t-43.5 -17t-43 16l-132 152l-132 -152q-17 -16 -43 -16t-43 16q-16 17 -16 43t16 43l138 156l-138 158q-16 17 -16 43t16 43q17 16 43 16t43 -16l132 -152l132 152q17 16 43 16t43.5 -17t17.5 -42t-18 -43l-138 -158z" />
+    <glyph glyph-name="uniE804" unicode="&#xe804;" horiz-adv-x="610" 
+d="M565 400q30 0 30 -50t-30 -50h-210v-210q0 -30 -50 -30t-50 30v210h-210q-30 0 -30 50t30 50h210v210q0 30 50 30t50 -30v-210h210z" />
+    <glyph glyph-name="u1F50E" unicode="&#x1f50e;" horiz-adv-x="928" 
+d="M335 290l25 -25l-86 -86l-72 -74l-27 27l74 73zM579.5 841q136.5 0 234 -97t97.5 -234t-97.5 -233.5t-233.5 -96.5q-64 0 -123 24l-255 -256l-184 184l256 255q-26 63 -26 123q0 137 97.5 234t234 97zM579.5 290q91.5 0 155.5 64.5t64 155.5t-64 155t-155.5 64
+t-155.5 -64t-64 -155t64 -155.5t155.5 -64.5z" />
+  </font>
+</defs></svg>

data/app/assets/javascripts/alchemy/alchemy.base.js.coffee

@@ -0,0 +1,151 @@
+window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
+
+# Setting jQueryUIs global animation duration to something more snappy
+$.fx.speeds._default = 400
+
+# The Alchemy object contains all base functions, that don't fit in its own module.
+# All other modules uses this global Alchemy object as namespace.
+$.extend Alchemy,
+
+  # Multiple picture select handler for the picture archive.
+  pictureSelector: ->
+    $selected_item_tools = $(".selected_item_tools")
+    $picture_selects = $(".picture_tool.select input")
+    $picture_selects.on "change", ->
+      if $picture_selects.filter(":checked").size() > 0
+        $selected_item_tools.show()
+      else
+        $selected_item_tools.hide()
+      if @checked
+        $(this).parent().addClass("visible").removeClass "hidden"
+      else
+        $(this).parent().removeClass("visible").addClass "hidden"
+      return
+    $("a#edit_multiple_pictures").on "click", (e) ->
+      $this = $(this)
+      picture_ids = $("input:checkbox", "#picture_archive").serialize()
+      e.preventDefault()
+      Alchemy.openWindow $this.attr("href") + "?" + picture_ids, {title: $this.attr("title"), height: 230, overflow: false}
+      false
+    return
+
+  # To show the "Please wait" overlay.
+  # Pass false to hide it.
+  pleaseWaitOverlay: (show = true) ->
+    $overlay = $("#overlay")
+    spinner = Alchemy.Spinner.medium()
+    if show
+      spinner.spin($("#overlay")[0])
+      $overlay.css "visibility", "visible"
+    else
+      spinner.stop()
+      $overlay.css "visibility", "hidden"
+    return
+
+  # Checks if the element is dirty (has unsaved changes)
+  # and only calls the Alchemy.ElementEditors.toggleFold function, if it is not dirty.
+  toggleElement: (id, text) ->
+    if Alchemy.isPageDirty()
+      Alchemy.openConfirmWindow
+        title: text.title
+        message: text.message
+        okLabel: text.okLabel
+        cancelLabel: text.cancelLabel
+        okCallback: ->
+          Alchemy.ElementEditors.toggleFold id
+          return
+      false
+    else
+      Alchemy.ElementEditors.toggleFold id
+    return
+
+  # Shows spinner while loading images and
+  # fades the image after its been loaded
+  ImageLoader: (scope = document, options = {color: '#fff'}) ->
+    $('img', scope).each ->
+      image = $(this).hide()
+      parent = image.parent()
+      spinner = Alchemy.Spinner.small options
+      spinner.spin parent[0]
+      image.on 'load', ->
+        image.fadeIn 600
+        spinner.stop()
+      image.on 'error', ->
+        spinner.stop()
+        image.parent().html('<span class="icon warn"/>')
+
+  removePicture: (selector) ->
+    $form_field = $(selector)
+    $element = $form_field.parents(".element_editor")
+    if $form_field
+      $form_field.val ""
+      $form_field.prev().remove()
+      $form_field.parent().addClass "missing"
+      Alchemy.setElementDirty $element
+    return
+
+  # Sets the element to saved state
+  setElementSaved: (selector) ->
+    $element = $(selector)
+    Alchemy.setElementClean selector
+    Alchemy.Buttons.enable $element
+    return
+
+  # Initializes all select tag with .alchemy_selectbox class as selectBoxIt instance
+  # Pass a jQuery scope to only init a subset of selectboxes.
+  SelectBox: (scope) ->
+    $("select.alchemy_selectbox", scope).selectBoxIt()
+    return
+
+  Buttons: (options) ->
+    $("button, input:submit, a.button").button options
+    return
+
+  # Selects cell tab for given name.
+  # Creates it if it's not present yet.
+  selectOrCreateCellTab: (cell_name, label) ->
+    if $("#cell_" + cell_name).size() is 0
+      $("#cells").tabs "add", "#cell_" + cell_name, label
+      $("#cell_" + cell_name).addClass "sortable_cell"
+    $("#cells").tabs "select", "cell_" + cell_name
+    return
+
+  # Inits the cell tabs
+  buildTabbedCells: (label) ->
+    $cells = $("<div id=\"cells\"/>")
+    $("#cell_for_other_elements").wrap $cells
+    $("#cells").prepend "<ul><li><a href=\"#cell_for_other_elements\">" + label + "</a></li></ul>"
+    $("#cells").tabs().tabs "paging",
+      follow: true
+      followOnSelect: true
+    return
+
+  # Logs exception to js console, if present.
+  debug: (e) ->
+    if window["console"]
+      console.debug e
+      console.trace()
+    return
+
+  getUrlParam: (name) ->
+    results = new RegExp("[\\?&]" + name + "=([^&#]*)").exec(window.location.href)
+    results[1] or 0  if results
+    return
+
+  isiPhone: navigator.userAgent.match(/iPhone/i) isnt null
+  isiPad: navigator.userAgent.match(/iPad/i) isnt null
+  isiPod: navigator.userAgent.match(/iPod/i) isnt null
+  isiOS: navigator.userAgent.match(/iPad|iPhone|iPod/i) isnt null
+  isFirefox: navigator.userAgent.match(/Firefox/i) isnt null
+  isChrome: navigator.userAgent.match(/Chrome/i) isnt null
+  isSafari: navigator.userAgent.match(/Safari/i) isnt null
+  isIE: navigator.userAgent.match(/MSIE/i) isnt null
+
+Alchemy.getBrowserVersion = (browser) ->
+  (if Alchemy["is" + browser] then parseInt(navigator.userAgent.match(new RegExp(browser + ".[0-9]+", "i"))[0].replace(new RegExp(browser + "."), ""), 10) else null)
+  return
+
+Alchemy.ChromeVersion = Alchemy.getBrowserVersion("Chrome")
+Alchemy.FirefoxVersion = Alchemy.getBrowserVersion("Firefox")
+Alchemy.SafariVersion = Alchemy.getBrowserVersion("Safari")
+Alchemy.IEVersion = Alchemy.getBrowserVersion("MSIE")

data/app/assets/javascripts/alchemy/alchemy.buttons.js.coffee

@@ -14,13 +14,14 @@ Alchemy.Buttons =
 
   disable: (button) ->
     $button = $(button)
-    spinner = '<img src="/assets/alchemy/ajax_loader.gif" style="width: 16px; height: 16px">'
+    spinner = Alchemy.Spinner.small()
     $button.data('label', $button.text())
     $button.attr('disabled', true)
     $button.addClass('disabled')
     $button.css
       width: $button.outerWidth()
-    $button.html(spinner)
+    $button.text('')
+    spinner.spin($button[0])
     return true
 
   enable: (scope) ->

data/app/assets/javascripts/alchemy/alchemy.datepicker.js.coffee

@@ -0,0 +1,31 @@
+window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
+
+$.extend Alchemy,
+
+  Datepicker: (scope) ->
+    browserHasDatepicker = Alchemy.isiOS
+    datepicker_options =
+      dateFormat: "yy-mm-dd"
+      changeMonth: true
+      changeYear: true
+      showWeek: true
+      showButtonPanel: true
+      showOtherMonths: true
+      onSelect: ->
+        Alchemy.setElementDirty $(this).parents("div.element_editor")
+
+    if Alchemy.locale is "de"
+      $.extend datepicker_options,
+        dateFormat: "dd.mm.yy"
+        dayNames: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"]
+        dayNamesMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"]
+        monthNames: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]
+        monthNamesShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"]
+        closeText: "Ok"
+        currentText: "Heute"
+        weekHeader: "KW"
+        nextText: "nächster"
+        prevText: "vorheriger"
+
+    # Initializes the jQueryUI datepicker and disables the browsers default Datepicker unless the browser is iOS.
+    $('input[type="date"], input.date', scope).datepicker(datepicker_options).prop "type", "text" unless browserHasDatepicker

data/app/assets/javascripts/alchemy/alchemy.dragndrop.js

@@ -47,7 +47,7 @@ if (typeof(Alchemy) === 'undefined') {
             data: params_string,
             complete: function() {
               $(event.target).css("cursor", "auto");
-              Alchemy.refreshTrashWindow(page_id);
+              Alchemy.TrashWindow.refresh(page_id);
             }
           });
         },

data/app/assets/javascripts/alchemy/alchemy.element_editors.js.coffee

@@ -0,0 +1,98 @@
+window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
+
+# Handlers for element editors.
+#
+# It provides folding of element editors and
+# selecting element editors from the preview frame
+# and the elenents window.
+#
+Alchemy.ElementEditors =
+
+  # Binds all events to element editor partials.
+  # Calles once per page load.
+  init: ->
+    $elements = $("#element_area .element_editor")
+    self = Alchemy.ElementEditors
+    self.reinit $elements
+    return
+
+  # Binds events to all given element editors
+  # Called after replacing element editors via ajax.
+  reinit: (elements) ->
+    self = Alchemy.ElementEditors
+    $elements = $(elements)
+    $elements.each ->
+      self.bindEvent this
+      return
+    $elements.find(".element_head").click self.onClickElement
+    $elements.find(".element_head").dblclick ->
+      id = $(this).parent().attr("id").replace(/\D/g, "")
+      self.toggleFold id
+      return
+    return
+
+  # Click event handler.
+  # Also triggers custom 'Alchemy.SelectElement' event on target element in preview frame.
+  onClickElement: (e) ->
+    self = Alchemy.ElementEditors
+    $element = $(this).parent(".element_editor")
+    id = $element.attr("id").replace(/\D/g, "")
+    e.preventDefault()
+    $("#element_area .element_editor").removeClass "selected"
+    $element.addClass "selected"
+    self.scrollToElement this
+    $frame_elements = document.getElementById("alchemyPreviewWindow").contentWindow.jQuery("[data-alchemy-element]")
+    $selected_element = $frame_elements.closest("[data-alchemy-element=\"" + id + "\"]")
+    $selected_element.trigger "Alchemy.SelectElement"
+    return
+
+  # Binds the custom 'Alchemy.SelectElementEditor' event.
+  # Triggered, if an element gets selected inside the preview iframe.
+  bindEvent: (element) ->
+    self = Alchemy.ElementEditors
+    $(element).bind "Alchemy.SelectElementEditor", self.selectElement
+    return
+
+  # Selects an element in the element window.
+  # Expands the element, if necessary.
+  # Also chooses the right cell, if necessary.
+  # Can be triggered through custom event 'Alchemy.SelectElementEditor'
+  # Used by the elements on click events in the preview frame.
+  selectElement: (e) ->
+    self = Alchemy.ElementEditors
+    id = @id.replace(/\D/g, "")
+    $element = $(this)
+    $elements = $("#element_area .element_editor")
+    $cells = $("#cells .sortable_cell")
+    e.preventDefault()
+    $elements.removeClass "selected"
+    $element.addClass "selected"
+    if $cells.size() > 0
+      $cell = $element.parent(".sortable_cell")
+      $("#cells").tabs "option", "active", $cells.index($cell)
+    if $element.hasClass("folded")
+      self.toggleFold id
+    else
+      self.scrollToElement this
+    return
+
+  # Scrolls the element window to given element editor dom element.
+  scrollToElement: (el) ->
+    $("#alchemyElementWindow").scrollTo el,
+      duration: 400
+      offset: -10
+    return
+
+  # Folds or expands the element editor with the given id.
+  toggleFold: (id) ->
+    self = Alchemy.ElementEditors
+    spinner = Alchemy.Spinner.small()
+    element = $('.ajax_folder', '#element_' + id)
+    $("#element_" + id + "_folder").hide()
+    element.prepend(spinner.spin().el)
+    $.post Alchemy.routes.fold_admin_element_path(id), ->
+      $("#element_" + id + "_folder").show()
+      spinner.stop()
+      self.scrollToElement "#element_" + id
+      return
+    return