alchemy_cms 2.1.12 → 2.2.rc1

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

@@ -1,88 +1,88 @@
 if (typeof(Alchemy) === 'undefined') {
-	var Alchemy = {};
+  var Alchemy = {};
 }
 
-(function($) {
-	
-	var ElementEditorSelector = {};
-	$.extend(Alchemy, ElementEditorSelector);
-	
-	Alchemy.ElementEditorSelector = {
-		
-		init : function() {
-			var $elements = $('#element_area .element_editor');
-			var self = Alchemy.ElementEditorSelector;
-			self.reinit($elements);
-		},
-		
-		reinit : function(elements) {
-			var self = Alchemy.ElementEditorSelector;
-			var $elements = $(elements);
-			$elements.each(function() {
-				self.bindEvent(this);
-			});
-			$elements.find('.element_head').click(self.onClickElement);
-			$elements.find('.element_head').dblclick(function() {
-				var id = $(this).parent().attr('id').replace(/\D/g,'');
-				self.foldElement(id);
-			});
-		},
-		
-		onClickElement : function(e) {
-			var self = Alchemy.ElementEditorSelector;
-			var $element = $(this).parent('.element_editor');
-			var id = $element.attr('id').replace(/\D/g,'');
-			var $frame_elements, $selected_element;
-			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');
-		},
-		
-		bindEvent : function (element) {
-			var self = Alchemy.ElementEditorSelector;
-			$(element).bind('Alchemy.SelectElementEditor', self.selectElement);
-		},
-		
-		selectElement : function (e) {
-			var self = Alchemy.ElementEditorSelector;
-			var id = this.id.replace(/\D/g,'');
-			var $element = $(this);
-			var $elements = $('#element_area .element_editor');
-			var $cells = $('#cells .sortable_cell');
-			var $cell;
-			e.preventDefault();
-			$elements.removeClass('selected');
-			$element.addClass('selected');
-			if ($cells.size() > 0) {
-				$cell = $element.parent('.sortable_cell');
-				$('#cells').tabs('select', $cell.attr('id'));
-			}
-			if ($element.hasClass('folded')) {
-				self.foldElement(id);
-			} else {
-				self.scrollToElement(this);
-			}
-		},
-		
-		scrollToElement : function(el) {
-			$('#alchemyElementWindow').scrollTo(el, {duration: 400, offset: -10});
-		},
-		
-		foldElement : function(id) {
-			var self = Alchemy.ElementEditorSelector;
-			$('#element_'+id+'_folder').hide();
-			$('#element_'+id+'_folder_spinner').show();
-			$.post(Alchemy.routes.fold_admin_element_path(id), function() {
-				$('#element_'+id+'_folder').show();
-				$('#element_'+id+'_folder_spinner').hide();
-				self.scrollToElement('#element_'+id);
-			});
-		}
-		
-	}
-	
+(function ($) {
+
+  var ElementEditorSelector = {};
+  $.extend(Alchemy, ElementEditorSelector);
+
+  Alchemy.ElementEditorSelector = {
+
+    init:function () {
+      var $elements = $('#element_area .element_editor');
+      var self = Alchemy.ElementEditorSelector;
+      self.reinit($elements);
+    },
+
+    reinit:function (elements) {
+      var self = Alchemy.ElementEditorSelector;
+      var $elements = $(elements);
+      $elements.each(function () {
+        self.bindEvent(this);
+      });
+      $elements.find('.element_head').click(self.onClickElement);
+      $elements.find('.element_head').dblclick(function () {
+        var id = $(this).parent().attr('id').replace(/\D/g, '');
+        self.foldElement(id);
+      });
+    },
+
+    onClickElement:function (e) {
+      var self = Alchemy.ElementEditorSelector;
+      var $element = $(this).parent('.element_editor');
+      var id = $element.attr('id').replace(/\D/g, '');
+      var $frame_elements, $selected_element;
+      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');
+    },
+
+    bindEvent:function (element) {
+      var self = Alchemy.ElementEditorSelector;
+      $(element).bind('Alchemy.SelectElementEditor', self.selectElement);
+    },
+
+    selectElement:function (e) {
+      var self = Alchemy.ElementEditorSelector;
+      var id = this.id.replace(/\D/g, '');
+      var $element = $(this);
+      var $elements = $('#element_area .element_editor');
+      var $cells = $('#cells .sortable_cell');
+      var $cell;
+      e.preventDefault();
+      $elements.removeClass('selected');
+      $element.addClass('selected');
+      if ($cells.size() > 0) {
+        $cell = $element.parent('.sortable_cell');
+        $('#cells').tabs('select', $cell.attr('id'));
+      }
+      if ($element.hasClass('folded')) {
+        self.foldElement(id);
+      } else {
+        self.scrollToElement(this);
+      }
+    },
+
+    scrollToElement:function (el) {
+      $('#alchemyElementWindow').scrollTo(el, {duration:400, offset:-10});
+    },
+
+    foldElement:function (id) {
+      var self = Alchemy.ElementEditorSelector;
+      $('#element_' + id + '_folder').hide();
+      $('#element_' + id + '_folder_spinner').show();
+      $.post(Alchemy.routes.fold_admin_element_path(id), function () {
+        $('#element_' + id + '_folder').show();
+        $('#element_' + id + '_folder_spinner').hide();
+        self.scrollToElement('#element_' + id);
+      });
+    }
+
+  }
+
 })(jQuery);

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

@@ -1,99 +1,99 @@
 if (typeof(Alchemy) === 'undefined') {
-	var Alchemy = {};
+  var Alchemy = {};
 }
 
-(function($) {
+(function ($) {
 
-	var ElementsWindow = {};
-	$.extend(Alchemy, ElementsWindow);
+  var ElementsWindow = {};
+  $.extend(Alchemy, ElementsWindow);
 
-	Alchemy.ElementsWindow = {
+  Alchemy.ElementsWindow = {
 
-		init : function (path, options, callback) {
-			var $dialog = $('<div style="display: none" id="alchemyElementWindow"></div>');
-			var closeCallback = function() {
-				$dialog.dialog("destroy");
-				$('#alchemyElementWindow').remove();
-				Alchemy.ElementsWindow.button.enable();
-			};
-			$dialog.html(Alchemy.getOverlaySpinner({x: 420, y: 300}));
-			Alchemy.ElementsWindow.currentWindow = $dialog.dialog({
-				modal: false, 
-				minWidth: 422, 
-				minHeight: 300,
-				height: $(window).height() - 90,
-				title: options.texts.title,
-				show: "fade",
-				hide: "fade",
-				position: [$(window).width() - 428, 84],
-				closeOnEscape: false,
-				create: function() {
-					$dialog.before(Alchemy.ElementsWindow.createToolbar(options.toolbarButtons));
-				},
-				open: function(event, ui) {
-					Alchemy.ElementsWindow.button.disable();
-					$.ajax({
-						url: path,
-						success: function(data, textStatus, XMLHttpRequest) {
-							$dialog.html(data);
-							Alchemy.ButtonObserver('#alchemyElementWindow .button');
-							Alchemy.Datepicker('#alchemyElementWindow input.date, #alchemyElementWindow input[type="date"]');
-							if (callback) {
-								callback.call();
-							}
-						},
-						error: function(XMLHttpRequest, textStatus, errorThrown) {
-							Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
-						}
-					});
-				},
-				beforeClose : function() {
-					if (Alchemy.isPageDirty()) {
-						Alchemy.openConfirmWindow({
-							title: options.texts.dirtyTitle,
-							message: options.texts.dirtyMessage,
-							okLabel: options.texts.okLabel,
-							cancelLabel: options.texts.cancelLabel,
-							okCallback: closeCallback
-						});
-						return false;
-					} else {
-						return true;
-					}
-				},
-				close: closeCallback
-			});
-		},
+    init:function (path, options, callback) {
+      var $dialog = $('<div style="display: none" id="alchemyElementWindow"></div>');
+      var closeCallback = function () {
+        $dialog.dialog("destroy");
+        $('#alchemyElementWindow').remove();
+        Alchemy.ElementsWindow.button.enable();
+      };
+      $dialog.html(Alchemy.getOverlaySpinner({x:420, y:300}));
+      Alchemy.ElementsWindow.currentWindow = $dialog.dialog({
+        modal:false,
+        minWidth:422,
+        minHeight:300,
+        height:$(window).height() - 90,
+        title:options.texts.title,
+        show:"fade",
+        hide:"fade",
+        position:[$(window).width() - 428, 84],
+        closeOnEscape:false,
+        create:function () {
+          $dialog.before(Alchemy.ElementsWindow.createToolbar(options.toolbarButtons));
+        },
+        open:function (event, ui) {
+          Alchemy.ElementsWindow.button.disable();
+          $.ajax({
+            url:path,
+            success:function (data, textStatus, XMLHttpRequest) {
+              $dialog.html(data);
+              Alchemy.ButtonObserver('#alchemyElementWindow .button');
+              Alchemy.Datepicker('#alchemyElementWindow input.date, #alchemyElementWindow input[type="date"]');
+              if (callback) {
+                callback.call();
+              }
+            },
+            error:function (XMLHttpRequest, textStatus, errorThrown) {
+              Alchemy.AjaxErrorHandler($dialog, XMLHttpRequest.status, textStatus, errorThrown);
+            }
+          });
+        },
+        beforeClose:function () {
+          if (Alchemy.isPageDirty()) {
+            Alchemy.openConfirmWindow({
+              title:options.texts.dirtyTitle,
+              message:options.texts.dirtyMessage,
+              okLabel:options.texts.okLabel,
+              cancelLabel:options.texts.cancelLabel,
+              okCallback:closeCallback
+            });
+            return false;
+          } else {
+            return true;
+          }
+        },
+        close:closeCallback
+      });
+    },
 
-		button : {
-			enable: function() {
-				$('div#show_element_window').removeClass('disabled');
-			},
-			disable: function() {
-				$('div#show_element_window').addClass('disabled');
-			},
-			toggle: function() {
-				$('div#show_element_window').toggleClass('disabled');
-			}
-		},
+    button:{
+      enable:function () {
+        $('div#show_element_window').removeClass('disabled');
+      },
+      disable:function () {
+        $('div#show_element_window').addClass('disabled');
+      },
+      toggle:function () {
+        $('div#show_element_window').toggleClass('disabled');
+      }
+    },
 
-		createToolbar : function(buttons) {
-			var $toolbar = $('<div id="overlay_toolbar"></div>'), btn;
-			for (i = 0; i < buttons.length; i++) {
-				btn = buttons[i];
-				$toolbar.append(
-					Alchemy.ToolbarButton({
-						buttonTitle: btn.title, 
-						buttonLabel: btn.label, 
-						iconClass: btn.iconClass,
-						onClick: btn.onClick,
-						buttonId: btn.buttonId
-					})
-				);
-			}
-			return $toolbar;
-		}
+    createToolbar:function (buttons) {
+      var $toolbar = $('<div id="overlay_toolbar"></div>'), btn;
+      for (i = 0; i < buttons.length; i++) {
+        btn = buttons[i];
+        $toolbar.append(
+          Alchemy.ToolbarButton({
+            buttonTitle:btn.title,
+            buttonLabel:btn.label,
+            iconClass:btn.iconClass,
+            onClick:btn.onClick,
+            buttonId:btn.buttonId
+          })
+        );
+      }
+      return $toolbar;
+    }
 
-	}
+  }
 
 })(jQuery);

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

@@ -0,0 +1,92 @@
+if (typeof(Alchemy) === 'undefined') {
+  var Alchemy = {};
+}
+
+(function ($) {
+
+  $.extend(Alchemy, {
+
+    FileProgress:function (file) {
+      var $progressBarContainer;
+      this.fileID = file.id;
+      this.$fileProgressWrapper = $('#' + this.fileID);
+      if (!this.$fileProgressWrapper.get(0)) {
+        // Build Wrapper
+        this.$fileProgressWrapper = $('<div class="progressWrapper" id="' + this.fileID + '"/>');
+        // Build Container
+        this.$fileProgressElement = $('<div class="progressContainer"/>');
+        // Append Cancel Button
+        this.$fileProgressCancel = $('<a href="javascript:void(0);" class="progressCancel" style="display: none"/>');
+        this.$fileProgressElement.append(this.$fileProgressCancel);
+        // Append Filename
+        this.$fileProgressElement.append('<div class="progressName">' + file.name + '</div>');
+        // Append Progressbar Status Text
+        this.$fileProgressStatus = $('<div class="progressBarStatus">&nbsp;</div>');
+        this.$fileProgressElement.append(this.$fileProgressStatus);
+        // Build Progressbar Container
+        $progressBarContainer = $('<div class="progressBarContainer"/>');
+        // Build Progressbar
+        this.$progressBar = $('<div class="progressBarInProgress"/>');
+        // Knit all together
+        $progressBarContainer.append(this.$progressBar);
+        this.$fileProgressElement.append($progressBarContainer);
+        this.$fileProgressWrapper.append(this.$fileProgressElement);
+        $('#uploadProgressContainer').append(this.$fileProgressWrapper);
+      } else {
+        this.$fileProgressElement = this.$fileProgressWrapper.find('.progressContainer');
+        this.$fileProgressCancel = this.$fileProgressElement.find('.progressCancel');
+        this.$fileProgressStatus = this.$fileProgressElement.find('.progressBarStatus');
+        this.$progressBar = this.$fileProgressElement.find('.progressBarContainer *:first-child');
+        this.reset();
+      }
+      this.setTimer(null);
+      return this;
+    }
+
+  });
+
+  Alchemy.FileProgress.prototype.setTimer = function (timer) {
+    this.$fileProgressElement["FP_TIMER"] = timer;
+  };
+
+  Alchemy.FileProgress.prototype.getTimer = function (timer) {
+    return this.$fileProgressElement["FP_TIMER"] || null;
+  };
+
+  Alchemy.FileProgress.prototype.reset = function () {
+    this.$fileProgressStatus.html("&nbsp;");
+    this.$progressBar.removeClass().addClass("progressBarInProgress");
+    this.$progressBar.css({width:'0%'});
+  };
+
+  Alchemy.FileProgress.prototype.setProgress = function (percentage) {
+    this.$progressBar.removeClass().addClass("progressBarInProgress");
+    this.$progressBar.css({width:percentage + '%'});
+  };
+
+  Alchemy.FileProgress.prototype.setComplete = function () {
+    this.$progressBar.removeClass().addClass("progressBarComplete");
+    this.$progressBar.css({width:'100%'});
+    this.$fileProgressWrapper.delay(1500).fadeOut(function () {
+      $(this).remove();
+    });
+  };
+
+  Alchemy.FileProgress.prototype.setError = function () {
+    this.$progressBar.removeClass().addClass("progressBarError");
+    this.$progressBar.css({width:'100%'});
+  };
+
+  Alchemy.FileProgress.prototype.setCancelled = function () {
+    this.$progressBar.removeClass().addClass("progressBarCanceled");
+    this.$progressBar.css({width:'100%'});
+    this.$fileProgressWrapper.delay(1500).fadeOut(function () {
+      $(this).remove();
+    });
+  };
+
+  Alchemy.FileProgress.prototype.setStatus = function (status) {
+    this.$fileProgressStatus.text(status);
+  };
+
+})(jQuery);