alchemy_cms 2.1.12 → 2.2.rc1

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

@@ -2,43 +2,43 @@ if (typeof(Alchemy) === 'undefined') {
   var Alchemy = {};
 }
 
-(function($) {
-  
+(function ($) {
+
   var Growler = {};
   $.extend(Alchemy, Growler);
-  
+
   Alchemy.Growler = {
-    
-    build : function(message, flash_type) {
-      var $flash_container = $('<div class="flash '+flash_type+'" />');
+
+    build:function (message, flash_type) {
+      var $flash_container = $('<div class="flash ' + flash_type + '" />');
       var icon_class = flash_type === 'notice' ? 'tick' : flash_type;
-      $flash_container.append('<span class="icon '+icon_class+'" />');
+      $flash_container.append('<span class="icon ' + icon_class + '" />');
       $flash_container.append(message);
       $('#flash_notices').append($flash_container);
       $('#flash_notices').show();
       Alchemy.Growler.fade();
     },
-    
-    fade : function() {
-      $('#flash_notices div[class="flash notice"]').delay(5000).hide('drop', { direction: "up" }, 400, function() {
+
+    fade:function () {
+      $('#flash_notices div[class="flash notice"]').delay(5000).hide('drop', { direction:"up" }, 400, function () {
         $(this).remove();
       });
       $('#flash_notices div[class!="flash notice"]')
-      .css({cursor: 'pointer'})
-      .click(function() {
-        $(this).hide('drop', { direction: "up" }, 400, function() {
-          $(this).remove();
+        .css({cursor:'pointer'})
+        .click(function () {
+          $(this).hide('drop', { direction:"up" }, 400, function () {
+            $(this).remove();
+          });
         });
-      });
     }
-    
+
   },
-  
-  Alchemy.growl = function(message, style) {
-    if (typeof(style) === 'undefined') {
-      style = 'notice';
+
+    Alchemy.growl = function (message, style) {
+      if (typeof(style) === 'undefined') {
+        style = 'notice';
+      }
+      Alchemy.Growler.build(message, style);
     }
-    Alchemy.Growler.build(message, style);
-  }
-  
+
 })(jQuery);

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

@@ -0,0 +1,23 @@
+// Testing for HTML5 features
+
+if (typeof(Alchemy) === 'undefined') {
+  var Alchemy = {};
+}
+
+Alchemy.HTML5 = {};
+
+Alchemy.HTML5.hasUploadSupport = function () {
+  return typeof(window.FileReader) !== 'undefined' && supportFileAPI() && supportAjaxUploadProgressEvents();
+
+  function supportFileAPI() {
+    var fi = document.createElement('INPUT');
+    fi.type = 'file';
+    return 'files' in fi;
+  }
+
+  function supportAjaxUploadProgressEvents() {
+    var xhr = new XMLHttpRequest();
+    return !!(xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
+  }
+
+};

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

@@ -1,57 +1,58 @@
 if (typeof(Alchemy) === 'undefined') {
-	var Alchemy = {};
+  var Alchemy = {};
 }
 
-(function($) {
-
-	var ImageCropper = {};
-	ImageCropper.initialized = false;
-	$.extend(Alchemy, ImageCropper);
-
-	Alchemy.ImageCropper = {
-
-		init : function (box, size_x, size_y, default_box, ratio) {
-			var crop_from_field = $('#essence_picture_crop_from');
-			var crop_size_field = $('#essence_picture_crop_size');
-			var options = {
-				onSelect: function(coords) {
-					crop_from_field.val(coords.x + "x" + coords.y);
-					crop_size_field.val(coords.w + "x" + coords.h);
-				},
-				setSelect: box,
-				aspectRatio: ratio ? ratio : undefined,
-				minSize: [size_x, size_y]
-			};
-			Alchemy.ImageCropper.box = box;
-			Alchemy.ImageCropper.default_box = default_box;
-			Alchemy.ImageCropper.crop_from_field = crop_from_field;
-			Alchemy.ImageCropper.crop_size_field = crop_size_field;
-			
-			if (!Alchemy.ImageCropper.initialized) {
-				Alchemy.ImageCropper.api = $.Jcrop('#imageToCrop', options);
-				Alchemy.ImageCropper.initialized = true;
-			}
-			$('.ui-dialog-titlebar-close').click(Alchemy.ImageCropper.destroy);
-		},
-
-		undo : function() {
-			Alchemy.ImageCropper.api.setSelect(Alchemy.ImageCropper.box);
-		},
-
-		reset : function() {
-			Alchemy.ImageCropper.api.setSelect(Alchemy.ImageCropper.default_box);
-			Alchemy.ImageCropper.crop_from_field.val('');
-			Alchemy.ImageCropper.crop_size_field.val('');
-		},
-
-		destroy : function() {
-			try {
-				Alchemy.ImageCropper.api.destroy();
-			} catch(e) {} finally {
-				Alchemy.ImageCropper.initialized = false;
-			}
-		}
-
-	}
+(function ($) {
+
+  var ImageCropper = {};
+  ImageCropper.initialized = false;
+  $.extend(Alchemy, ImageCropper);
+
+  Alchemy.ImageCropper = {
+
+    init:function (box, size_x, size_y, default_box, ratio) {
+      var crop_from_field = $('#essence_picture_crop_from');
+      var crop_size_field = $('#essence_picture_crop_size');
+      var options = {
+        onSelect:function (coords) {
+          crop_from_field.val(coords.x + "x" + coords.y);
+          crop_size_field.val(coords.w + "x" + coords.h);
+        },
+        setSelect:box,
+        aspectRatio:ratio ? ratio : undefined,
+        minSize:[size_x, size_y]
+      };
+      Alchemy.ImageCropper.box = box;
+      Alchemy.ImageCropper.default_box = default_box;
+      Alchemy.ImageCropper.crop_from_field = crop_from_field;
+      Alchemy.ImageCropper.crop_size_field = crop_size_field;
+
+      if (!Alchemy.ImageCropper.initialized) {
+        Alchemy.ImageCropper.api = $.Jcrop('#imageToCrop', options);
+        Alchemy.ImageCropper.initialized = true;
+      }
+      $('.ui-dialog-titlebar-close').click(Alchemy.ImageCropper.destroy);
+    },
+
+    undo:function () {
+      Alchemy.ImageCropper.api.setSelect(Alchemy.ImageCropper.box);
+    },
+
+    reset:function () {
+      Alchemy.ImageCropper.api.setSelect(Alchemy.ImageCropper.default_box);
+      Alchemy.ImageCropper.crop_from_field.val('');
+      Alchemy.ImageCropper.crop_size_field.val('');
+    },
+
+    destroy:function () {
+      try {
+        Alchemy.ImageCropper.api.destroy();
+      } catch (e) {
+      } finally {
+        Alchemy.ImageCropper.initialized = false;
+      }
+    }
+
+  }
 
 })(jQuery);

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

@@ -1,41 +1,44 @@
 if (typeof(Alchemy) === 'undefined') {
-	var Alchemy = {};
+  var Alchemy = {};
 }
 
 // Load jQuery on demand. Use this if jQuery is not present.
 // Found on http://css-tricks.com/snippets/jquery/load-jquery-only-if-not-present/
-Alchemy.loadjQuery = function(callback) {
+Alchemy.loadjQuery = function (callback) {
 
-	var thisPageUsingOtherJSLibrary = false;
+  var thisPageUsingOtherJSLibrary = false;
 
-	if (typeof($) === 'function') {
-		thisPageUsingOtherJSLibrary = true;
-	}
+  if (typeof($) === 'function') {
+    thisPageUsingOtherJSLibrary = true;
+  }
 
-	function getScript(url, success) {
-		var script = document.createElement('script');
-		var head = document.getElementsByTagName('head')[0], done = false;
-		script.src = url;
-		// Attach handlers for all browsers
-		script.onload = script.onreadystatechange = function() {
-			if (!done && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
-				done = true;
-				// callback function provided as param
-				success();
-				script.onload = script.onreadystatechange = null;
-				head.removeChild(script);
-			};
-		};
-		head.appendChild(script);
-	};
+  function getScript(url, success) {
+    var script = document.createElement('script');
+    var head = document.getElementsByTagName('head')[0], done = false;
+    script.src = url;
+    // Attach handlers for all browsers
+    script.onload = script.onreadystatechange = function () {
+      if (!done && (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete')) {
+        done = true;
+        // callback function provided as param
+        success();
+        script.onload = script.onreadystatechange = null;
+        head.removeChild(script);
+      }
+      ;
+    };
+    head.appendChild(script);
+  }
 
-	getScript('/assets/jquery.min.js', function() {
-		if (typeof(jQuery) !== 'undefined') {
-			if (thisPageUsingOtherJSLibrary) {
-				jQuery.noConflict();
-			}
-			callback();
-		}
-	});
+  ;
+
+  getScript('/assets/jquery.min.js', function () {
+    if (typeof(jQuery) !== 'undefined') {
+      if (thisPageUsingOtherJSLibrary) {
+        jQuery.noConflict();
+      }
+      callback();
+    }
+  });
 
 }

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

@@ -18,6 +18,8 @@
 //= require alchemy/alchemy.js_extensions
 //= require alchemy/alchemy.link_overlay
 //= require alchemy/alchemy.page_sorter
+//= require alchemy/alchemy.uploader.js
+//= require alchemy/alchemy.file_progress
 //= require alchemy/alchemy.swf_upload
 //= require alchemy/alchemy.windows
 //= require alchemy/alchemy.preview_window

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

@@ -1,17 +1,17 @@
-String.prototype.beginsWith = function(t, i) {
-	if (i==false) {
-		return (t == this.substring(0, t.length));
-	}
-	else {
-		return (t.toLowerCase() == this.substring(0, t.length).toLowerCase());
-	}
+String.prototype.beginsWith = function (t, i) {
+  if (i == false) {
+    return (t == this.substring(0, t.length));
+  }
+  else {
+    return (t.toLowerCase() == this.substring(0, t.length).toLowerCase());
+  }
 };
 
-String.prototype.endsWith = function(t, i) {
-	if (i==false) {
-		return (t == this.substring(this.length - t.length));
-	} 
-	else {
-		return (t.toLowerCase() == this.substring(this.length - t.length).toLowerCase());
-	}
+String.prototype.endsWith = function (t, i) {
+  if (i == false) {
+    return (t == this.substring(this.length - t.length));
+  }
+  else {
+    return (t.toLowerCase() == this.substring(this.length - t.length).toLowerCase());
+  }
 };

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

@@ -0,0 +1,181 @@
+''
+(($, window, document) ->
+
+  if (typeof(Alchemy) is 'undefined')
+    window.Alchemy = {}
+
+  LinkOverlay = {}
+  $.extend(Alchemy, LinkOverlay)
+
+  Alchemy.LinkOverlay = {
+
+    open:  (linked_element, width) ->
+      $dialog = $('<div style="display:none" id="alchemyLinkOverlay"></div>')
+
+      $dialog.html(Alchemy.getOverlaySpinner({x: width}))
+
+      Alchemy.LinkOverlay.current = $dialog.dialog({
+        modal: true,
+        minWidth: if parseInt(width) < 600 then 600 else parseInt(width),
+        minHeight: 450,
+        title: 'Link setzen',
+        show: "fade",
+        hide: "fade",
+        resizable: false,
+        open: (event, ui) ->
+          $.ajax({
+            url: Alchemy.routes.link_admin_pages_path,
+            success: (data, textStatus, XMLHttpRequest) ->
+              $dialog.html(data)
+              Alchemy.SelectBox('#alchemyLinkOverlay select.alchemy_selectbox')
+            error: (XMLHttpRequest, textStatus, errorThrown) ->
+              Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown)
+          })
+        close: ->
+          $dialog.remove()
+      })
+      Alchemy.LinkOverlay.current.linked_element = linked_element
+
+    close : ->
+      Alchemy.LinkOverlay.current.dialog('close')
+      return true
+
+    selectPage : (selected_element, urlname) ->
+      $('#page_anchor').removeAttr('value')
+      # We have to remove the Attribute. If not the value does not get updated.
+      $('.elements_for_page').hide()
+      $('#internal_urlname').val('/' + urlname)
+      $('#alchemyLinkOverlay #sitemap .selected_page').removeClass('selected_page')
+      $('#sitemap_sitename_' + selected_element).addClass('selected_page').attr('name', urlname)
+
+    createLink : (link_type, url, title, target) ->
+      element = Alchemy.LinkOverlay.current.linked_element
+      Alchemy.setElementDirty($(element).parents('.element_editor'))
+      if (element.editor)
+        # aka we are linking text inside of TinyMCE
+        editor = element.editor
+        editor.execCommand('mceInsertLink', false, {
+          href: url,
+          'class': link_type,
+          title: title,
+          'data-link-target': target,
+          target: if target == 'blank' then '_blank' else null
+        })
+        editor.selection.collapse()
+      else
+        # aka: we are linking an essence
+        essence_type = element.name.replace('essence_', '').split('_')[0]
+        content_id = null
+        switch (essence_type)
+          when "picture" then content_id = element.name.replace('essence_picture_', '')
+          when "text" then content_id = element.name.replace('essence_text_', '')
+
+        $('#contents_content_' + content_id + '_link').val(url).change()
+        $('#contents_content_' + content_id + '_link_title').val(title)
+        $('#contents_content_' + content_id + '_link_class_name').val(link_type)
+        $('#contents_content_' + content_id + '_link_target').val(target)
+        $(element).addClass('linked')
+        $(element).next().addClass('linked').removeClass('disabled')
+
+    # Selects the tab for kind of link and fills all fields.
+    selectTab : ->
+      linked_element = Alchemy.LinkOverlay.current.linked_element
+      link = '' # initialization really needed?
+
+      # Creating an temporary anchor node if we are linking an EssencePicture or EssenceText.
+      if (linked_element.nodeType)
+        link = Alchemy.LinkOverlay.createTempLink(linked_element)
+
+      # Restoring the bookmarked selection inside the TinyMCE of an EssenceRichtext.
+      else
+        if (linked_element.node.nodeName == 'A')
+          link = linked_element.node
+          linked_element.selection.moveToBookmark(linked_element.bookmark)
+        else
+          return false
+
+      $('#alchemyLinkOverlay .link_title').val(link.title)
+      $('#alchemyLinkOverlay .link_target').val($(link).attr('data-link-target'))
+
+      # Checking of what kind the link is (internal, external, file or contact_form).
+      if ($(link).is("a"))
+        title = if link.title == null then "" else link.title
+
+        # Handling an internal link.
+        if ((link.className == '') || link.className == 'internal')
+          internal_anchor = link.hash.split('#')[1]
+          internal_urlname = link.pathname
+          $('#overlay_tabs').tabs("select", '#overlay_tab_internal_link')
+          $('#internal_urlname').val(internal_urlname)
+          $sitemap_line = $('.sitemap_sitename').closest('[name="'+internal_urlname+'"]')
+          if ($sitemap_line.length > 0)
+            # Select the line where the link was detected in.
+            $sitemap_line.addClass("selected_page")
+            $('#page_selector_container').scrollTo($sitemap_line.parents('li'), {duration: 400, offset: -10})
+            # is there an anchor in the url? then request the element selector via ajax and select the correct value. yeah!
+            if (internal_anchor)
+              $select_container = $sitemap_line.parent().find('.elements_for_page')
+              $select_container.show()
+              $.get(Alchemy.routes.list_admin_elements_path, {
+                page_urlname: $(internal_urlname.split('/')).last()[0],
+                internal_anchor: internal_anchor
+              })
+
+        # Handling an external link.
+        if (link.className == 'external')
+          $('#overlay_tabs').tabs("select", '#overlay_tab_external_link')
+          $('#external_url').val(link.href)
+
+        # Handling a file link.
+        if (link.className == 'file')
+          $('#overlay_tabs').tabs("select", '#overlay_tab_file_link')
+          $('#public_filename').val(link.pathname + link.search)
+
+        # Handling a contactform link.
+        if (link.className == 'contact')
+          link_url = link.pathname;
+          link_params = link.search;
+          link_subject = link_params.split('&')[0];
+          link_mailto = link_params.split('&')[1];
+          link_body = link_params.split('&')[2];
+          $('#overlay_tabs').tabs("select", '#overlay_tab_contactform_link');
+          $('#contactform_url').val(link_url);
+          $('#contactform_subject').val(unescape(link_subject.replace(/subject=/, '')).replace(/\?/, ''));
+          $('#contactform_body').val(unescape(link_body.replace(/body=/, '')).replace(/\?/, ''));
+          $('#contactform_mailto').val(link_mailto.replace(/mail_to=/, '').replace(/\?/, ''));
+
+    showElementsSelect: (id) ->
+      $('#elements_for_page_' + id).show()
+      $('#page_selector_container').scrollTo('#sitemap_sitename_'+id, {duration: 400, offset: -10})
+
+    hideElementsSelect: (id) ->
+      $('#elements_for_page_' + id).hide()
+      $('#elements_for_page_' + id).html('<img src="/assets/alchemy/ajax_loader.gif" alt="">')
+      $('#page_anchor').removeAttr('value')
+      $('#page_selector_container').scrollTo('#sitemap_sitename_'+id, {duration: 400, offset: -10})
+
+    createTempLink: (linked_element) ->
+      $tmp_link = $("<a></a>")
+      essence_type = $(linked_element).attr('name').replace('essence_', '').split('_')[0]
+      content_id
+      switch (essence_type)
+        when "picture" then content_id = $(linked_element).attr('name').replace('essence_picture_', '')
+        when "text" then content_id = $(linked_element).attr('name').replace('essence_text_', '')
+
+      $tmp_link.attr('href', $('#contents_content_' + content_id + '_link').val())
+      $tmp_link.attr('title', $('#contents_content_' + content_id + '_link_title').val())
+      $tmp_link.attr('data-link-target', $('#contents_content_' + content_id + '_link_target').val())
+      $tmp_link.attr('target', if $('#contents_content_' + content_id + '_link_target').val() == 'blank' then '_blank' else null)
+      $tmp_link.addClass($('#contents_content_' + content_id + '_link_class_name').val())
+      return $tmp_link[0]
+
+    removeLink: (link, content_id) ->
+      Alchemy.setElementDirty($(link).parents('.element_editor'))
+      $('#contents_content_' + content_id + '_link').val('').change()
+      $('#contents_content_' + content_id + '_link_title').val('')
+      $('#contents_content_' + content_id + '_link_class_name').val('')
+      $('#contents_content_' + content_id + '_link_target').val('')
+      $(link).removeClass('linked').addClass('disabled')
+      $('#edit_link_' + content_id).removeClass('linked')
+  }
+)(jQuery, window, document)