locomotive_cms 0.0.3.3 → 0.0.4.beta1

data/public/javascripts/admin/pages.js

@@ -1,80 +1,87 @@
 $(document).ready(function() {
-	
-	// open / close folder
-	$('#pages-list ul.folder img.toggler').click(function(e) {
-		var toggler = $(this);
-		var children = toggler.parent().find('> ul.folder');
-		if (children.is(':visible')) {
-			children.slideUp('fast', function() {
-				toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
-				$.cookie(children.attr('id'), 'none');
-			});
-		} else {
-			children.slideDown('fast', function() {
-				toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
-				$.cookie(children.attr('id'), 'block');
-			});
-		} 
-	});
-	
-	// sortable folder items
-	$('#pages-list ul.folder').sortable({ 
-		'handle': 'em', 
-		'axis': 'y',
-		'update': function(event, ui) {
-			var params = $(this).sortable('serialize', { 'key': 'children[]' });
-			params += '&_method=put';
-			
-			$.post($(this).attr('data_url'), params, function(data) {
-				$.growl('success', data.notice);
-			}, 'json');
-		} 
-	});
-	
-	// templatized feature
-	
-	$.subscribe('toggle.page_templatized.checked', function(event, data) {
-		$('#page_slug_input').hide();
-		$('#page_content_type_id_input').show();
-	}, []);
-	
-	$.subscribe('toggle.page_templatized.unchecked', function(event, data) {
-		$('#page_slug_input').show();
-		$('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched');
-		$('#page_content_type_id_input').hide();
-	}, []);
-	
-	// automatic slug from page title
-	$('#page_title').keypress(function() {
-		var input = $(this);
-		var slug = $('#page_slug');
-		
-		if (!slug.hasClass('filled')) {
-			setTimeout(function() {
-				slug.val(makeSlug(input.val())).addClass('touched');
-			}, 50);
-		}
-	});
-	
-	$('#page_slug').keypress(function() {
-		$(this).addClass('filled').addClass('touched');
-	});
-	
-	var lookForSlugAndUrl = function() {
-		params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val();
-		$.get($('#page_slug').attr('data_url'), params, function(data) {
-			$('#page_slug_input .inline-hints').html(data.url).effect('highlight');
-		}, 'json');
-	};	
-	
-	$('#page_parent_id').change(lookForSlugAndUrl);
-	
-	setInterval(function() {
-		var slug = $('#page_slug');
-		if (slug.hasClass('touched')) {
-			slug.removeClass('touched');
-			lookForSlugAndUrl();
-		}
-	}, 2000);
-	
-});
+
+  // open / close folder
+  $('#pages-list ul.folder img.toggler').click(function(e) {
+    var toggler = $(this);
+    var children = toggler.parent().find('> ul.folder');
+    if (children.is(':visible')) {
+      children.slideUp('fast', function() {
+        toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
+        $.cookie(children.attr('id'), 'none');
+      });
+    } else {
+      children.slideDown('fast', function() {
+        toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
+        $.cookie(children.attr('id'), 'block');
+      });
+    }
+  });
+
+  // sortable folder items
+  $('#pages-list ul.folder').sortable({
+    'handle': 'em',
+    'axis': 'y',
+    'update': function(event, ui) {
+      var params = $(this).sortable('serialize', { 'key': 'children[]' });
+      params += '&_method=put';
+
+      $.post($(this).attr('data_url'), params, function(data) {
+        $.growl('success', data.notice);
+      }, 'json');
+    }
+  });
+
+  // templatized feature
+
+  $.subscribe('toggle.page_templatized.checked', function(event, data) {
+    $('#page_slug_input').hide();
+    $('#page_content_type_id_input').show();
+  }, []);
+
+  $.subscribe('toggle.page_templatized.unchecked', function(event, data) {
+    $('#page_slug_input').show();
+    $('#page_slug').val(makeSlug($('#page_title').val())).addClass('touched');
+    $('#page_content_type_id_input').hide();
+  }, []);
+
+  // automatic slug from page title
+  $('#page_title').keypress(function() {
+    var input = $(this);
+    var slug = $('#page_slug');
+
+    if (!slug.hasClass('filled')) {
+      setTimeout(function() {
+        slug.val(makeSlug(input.val())).addClass('touched');
+      }, 50);
+    }
+  });
+
+  $('#page_slug').keypress(function() {
+    $(this).addClass('filled').addClass('touched');
+  });
+
+  var lookForSlugAndUrl = function() {
+    params = 'parent_id=' + $('#page_parent_id').val() + "&slug=" + $('#page_slug').val();
+    $.get($('#page_slug').attr('data_url'), params, function(data) {
+      $('#page_slug_input .inline-hints').html(data.url).effect('highlight');
+    }, 'json');
+  };
+
+  $('#page_parent_id').change(lookForSlugAndUrl);
+
+  setInterval(function() {
+    var slug = $('#page_slug');
+    if (slug.hasClass('touched')) {
+      slug.removeClass('touched');
+      lookForSlugAndUrl();
+    }
+  }, 2000);
+
+  if (typeof $.fn.imagepicker != 'undefined')
+    $('a#image-picker-link').imagepicker({
+      insertFn: function(link) {
+        return "{{ '" + link.attr('data-local-path') + "' | theme_image_url }}";
+      }
+    });
+
+});

data/public/javascripts/admin/plugins/imagepicker.js

@@ -0,0 +1,81 @@
+$.fn.imagepicker = function(options) {
+
+  var defaults = {
+    insertFn: null
+  };
+  var options = $.extend(defaults, options);
+
+  var copyLinkToEditor = function(link, event) {
+    var editor = CodeMirrorEditors[0].editor;
+    var handle = editor.cursorLine(), position = editor.cursorPosition(handle).character;
+
+    var value = options.insertFn != null ? options.insertFn(link) : link.attr('href');
+
+    editor.insertIntoLine(handle, position, value);
+
+    event.stopPropagation();
+    event.preventDefault();
+
+    $.fancybox.close();
+  }
+
+  var setupUploader = function() {
+    var multipartParams = {};
+    multipartParams[$('meta[name=csrf-param]').attr('content')] = $('meta[name=csrf-token]').attr('content');
+
+    var uploader = new plupload.Uploader({
+      runtimes : (jQuery.browser.webkit == true ? 'flash' : 'html5,flash'),
+      container: 'theme-images',
+      browse_button : 'upload-link',
+      max_file_size : '5mb',
+      url : $('a#upload-link').attr('href'),
+      flash_swf_url : '/javascripts/admin/plugins/plupload/plupload.flash.swf',
+      multipart: true,
+      multipart_params: multipartParams
+    });
+
+    uploader.bind('QueueChanged', function() {
+      uploader.start();
+    });
+
+    uploader.bind('FileUploaded', function(up, file, response) {
+      var json = JSON.parse(response.response);
+
+      if (json.status == 'success') {
+        var asset = $('.asset-picker ul li.new-asset')
+          .clone()
+          .insertBefore($('.asset-picker ul li.clear'))
+          .addClass('asset');
+
+        asset.find('strong a').attr('href', json.url)
+          .attr('data-local-path', json.local_path)
+          .html(json.local_path).bind('click', function(e) {
+          copyLinkToEditor($(this), e);
+        });
+        asset.find('.more .size').html(json.size);
+        asset.find('.more .date').html(json.date);
+
+        if ($('.asset-picker ul li.asset').length % 3 == 0)
+          asset.addClass('last');
+
+        asset.removeClass('new-asset');
+
+        $('.asset-picker p.no-items').hide();
+
+        $('.asset-picker ul').scrollTo($('li.asset:last'), 400);
+      }
+    });
+
+    uploader.init();
+  }
+
+  return this.each(function() {
+    $(this).fancybox({
+      'onComplete': function() {
+        setupUploader();
+
+        $('ul.theme-assets strong a').bind('click', function(e) { copyLinkToEditor($(this), e); });
+      }
+    });
+  });
+};

data/public/javascripts/admin/plugins/plupload/src/flash.js

@@ -0,0 +1,298 @@
+/**
+ * plupload.flash.js
+ *
+ * Copyright 2009, Moxiecode Systems AB
+ * Released under GPL License.
+ *
+ * License: http://www.plupload.com/license
+ * Contributing: http://www.plupload.com/contributing
+ */
+
+// JSLint defined globals
+/*global plupload:false, ActiveXObject:false, escape:false */
+
+(function(plupload) {
+  var uploadInstances = {};
+
+  function getFlashVersion() {
+    var version;
+
+    try {
+      version = navigator.plugins['Shockwave Flash'];
+      version = version.description;
+    } catch (e1) {
+      try {
+        version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
+      } catch (e2) {
+        version = '0.0';
+      }
+    }
+
+    version = version.match(/\d+/g);
+
+    return parseFloat(version[0] + '.' + version[1]);
+  }
+
+  plupload.flash = {
+    /**
+     * Will be executed by the Flash runtime when it sends out events.
+     *
+     * @param {String} id If for the upload instance.
+     * @param {String} name Event name to trigger.
+     * @param {Object} obj Parameters to be passed with event.
+     */
+    trigger : function(id, name, obj) {
+      // Detach the call so that error handling in the browser is presented correctly
+      setTimeout(function() {
+        var uploader = uploadInstances[id], i, args;
+
+        if (uploader) {
+          uploader.trigger('Flash:' + name, obj);
+        }
+      }, 0);
+    }
+  };
+
+  /**
+   * FlashRuntime implementation. This runtime supports these features: jpgresize, pngresize, chunks.
+   *
+   * @static
+   * @class plupload.runtimes.Flash
+   * @extends plupload.Runtime
+   */
+  plupload.runtimes.Flash = plupload.addRuntime("flash", {
+    /**
+     * Returns a list of supported features for the runtime.
+     *
+     * @return {Object} Name/value object with supported features.
+     */
+    getFeatures : function() {
+      return {
+        jpgresize: true,
+        pngresize: true,
+        chunks: true,
+        progress: true,
+        multipart: true
+      };
+    },
+
+    /**
+     * Initializes the upload runtime. This method should add necessary items to the DOM and register events needed for operation.
+     *
+     * @method init
+     * @param {plupload.Uploader} uploader Uploader instance that needs to be initialized.
+     * @param {function} callback Callback to execute when the runtime initializes or fails to initialize. If it succeeds an object with a parameter name success will be set to true.
+     */
+    init : function(uploader, callback) {
+      var browseButton, flashContainer, flashVars, initialized, waitCount = 0, container = document.body;
+
+      if (getFlashVersion() < 10) {
+        callback({success : false});
+        return;
+      }
+
+      uploadInstances[uploader.id] = uploader;
+
+      // Find browse button and set to to be relative
+      browseButton = document.getElementById(uploader.settings.browse_button);
+
+      // Create flash container and insert it at an absolute position within the browse button
+      flashContainer = document.createElement('div');
+      flashContainer.id = uploader.id + '_flash_container';
+
+      plupload.extend(flashContainer.style, {
+        position : 'absolute',
+        top : '0px',
+        background : uploader.settings.shim_bgcolor || 'transparent',
+        zIndex : 99999,
+        width : '100%',
+        height : '100%'
+      });
+
+      flashContainer.className = 'plupload flash';
+
+      if (uploader.settings.container) {
+        container = document.getElementById(uploader.settings.container);
+        container.style.position = 'relative';
+      }
+
+      container.appendChild(flashContainer);
+
+      flashVars = 'id=' + escape(uploader.id);
+
+      // Insert the Flash inide the flash container
+      flashContainer.innerHTML = '<object id="' + uploader.id + '_flash" width="100%" height="100%" style="outline:0" type="application/x-shockwave-flash" data="' + uploader.settings.flash_swf_url + '">' +
+        '<param name="movie" value="' + uploader.settings.flash_swf_url + '" />' +
+        '<param name="flashvars" value="' + flashVars + '" />' +
+        '<param name="wmode" value="transparent" />' +
+        '<param name="allowscriptaccess" value="always" /></object>';
+
+      function getFlashObj() {
+        return document.getElementById(uploader.id + '_flash');
+      }
+
+      function waitLoad() {
+        // Wait for 5 sec
+        if (waitCount++ > 5000) {
+          callback({success : false});
+          return;
+        }
+
+        if (!initialized) {
+          setTimeout(waitLoad, 1);
+        }
+      }
+
+      waitLoad();
+
+      // Fix IE memory leaks
+      browseButton = flashContainer = null;
+
+      // Wait for Flash to send init event
+      uploader.bind("Flash:Init", function() {
+        var lookup = {}, i, resize = uploader.settings.resize || {};
+
+        initialized = true;
+        getFlashObj().setFileFilters(uploader.settings.filters, uploader.settings.multi_selection);
+
+        uploader.bind("UploadFile", function(up, file) {
+          var settings = up.settings;
+
+          getFlashObj().uploadFile(lookup[file.id], plupload.buildUrl(settings.url, {name : file.target_name || file.name}), {
+            chunk_size : settings.chunk_size,
+            width : resize.width,
+            height : resize.height,
+            quality : resize.quality || 90,
+            multipart : settings.multipart,
+            multipart_params : settings.multipart_params,
+            file_data_name : settings.file_data_name,
+            format : /\.(jpg|jpeg)$/i.test(file.name) ? 'jpg' : 'png',
+            headers : settings.headers,
+            urlstream_upload : settings.urlstream_upload
+          });
+        });
+
+        uploader.bind("Flash:UploadProcess", function(up, flash_file) {
+          var file = up.getFile(lookup[flash_file.id]);
+
+          if (file.status != plupload.FAILED) {
+            file.loaded = flash_file.loaded;
+            file.size = flash_file.size;
+
+            up.trigger('UploadProgress', file);
+          }
+        });
+
+        uploader.bind("Flash:UploadChunkComplete", function(up, info) {
+          var chunkArgs, file = up.getFile(lookup[info.id]);
+
+          chunkArgs = {
+            chunk : info.chunk,
+            chunks : info.chunks,
+            response : info.text
+          };
+
+          up.trigger('ChunkUploaded', file, chunkArgs);
+
+          // Stop upload if file is maked as failed
+          if (file.status != plupload.FAILED) {
+            getFlashObj().uploadNextChunk();
+          }
+
+          // Last chunk then dispatch FileUploaded event
+          if (info.chunk == info.chunks - 1) {
+            file.status = plupload.DONE;
+
+            up.trigger('FileUploaded', file, {
+              response : info.text
+            });
+          }
+        });
+
+        uploader.bind("Flash:SelectFiles", function(up, selected_files) {
+          var file, i, files = [], id;
+
+          // Add the selected files to the file queue
+          for (i = 0; i < selected_files.length; i++) {
+            file = selected_files[i];
+
+            // Store away flash ref internally
+            id = plupload.guid();
+            lookup[id] = file.id;
+            lookup[file.id] = id;
+
+            files.push(new plupload.File(id, file.name, file.size));
+          }
+
+          // Trigger FilesAdded event if we added any
+          if (files.length) {
+            uploader.trigger("FilesAdded", files);
+          }
+        });
+
+        uploader.bind("Flash:SecurityError", function(up, err) {
+          uploader.trigger('Error', {
+            code : plupload.SECURITY_ERROR,
+            message : 'Security error.',
+            details : err.message,
+            file : uploader.getFile(lookup[err.id])
+          });
+        });
+
+        uploader.bind("Flash:GenericError", function(up, err) {
+          uploader.trigger('Error', {
+            code : plupload.GENERIC_ERROR,
+            message : 'Generic error.',
+            details : err.message,
+            file : uploader.getFile(lookup[err.id])
+          });
+        });
+
+        uploader.bind("Flash:IOError", function(up, err) {
+          uploader.trigger('Error', {
+            code : plupload.IO_ERROR,
+            message : 'IO error.',
+            details : err.message,
+            file : uploader.getFile(lookup[err.id])
+          });
+        });
+
+        uploader.bind("QueueChanged", function(up) {
+          uploader.refresh();
+        });
+
+        uploader.bind("FilesRemoved", function(up, files) {
+          var i;
+
+          for (i = 0; i < files.length; i++) {
+            getFlashObj().removeFile(lookup[files[i].id]);
+          }
+        });
+
+        uploader.bind("StateChanged", function(up) {
+          uploader.refresh();
+        });
+
+        uploader.bind("Refresh", function(up) {
+          var browseButton, browsePos, browseSize;
+
+          // Set file filters incase it has been changed dynamically
+          getFlashObj().setFileFilters(uploader.settings.filters, uploader.settings.multi_selection);
+
+          browseButton = document.getElementById(up.settings.browse_button);
+          browsePos = plupload.getPos(browseButton, document.getElementById(up.settings.container));
+          browseSize = plupload.getSize(browseButton);
+
+          plupload.extend(document.getElementById(up.id + '_flash_container').style, {
+            top : browsePos.y + 'px',
+            left : browsePos.x + 'px',
+            width : browseSize.w + 'px',
+            height : browseSize.h + 'px'
+          });
+        });
+
+        callback({success : true});
+      });
+    }
+  });
+})(plupload);