alchemy_cms 2.9.1 → 3.0.0.rc5

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

@@ -17,7 +17,7 @@ $.extend Alchemy,
     $element = $(element)
     $element
       .addClass('dirty')
-      .find('.element_head .icon')
+      .find('.element_head .icon[class*="element_"]')
       .addClass('element_dirty')
     window.onbeforeunload = @pageUnload
 
@@ -41,30 +41,30 @@ $.extend Alchemy,
     $(element).hasClass('dirty')
 
   checkPageDirtyness: (element) ->
-    okcallback = undefined
+    callback = undefined
     if $(element).is("form")
-      okcallback = ->
+      callback = ->
         $form = $("<form action=\"#{element.action}\" method=\"POST\" style=\"display: none\" />")
         $form.append $(element).find("input")
         $form.appendTo "body"
-        Alchemy.pleaseWaitOverlay()
         $form.submit()
     else if $(element).is("a")
-      okcallback = ->
-        Alchemy.pleaseWaitOverlay()
-        document.location = element.pathname
+      callback = ->
+        window.location.href = element.pathname
     if Alchemy.isPageDirty()
-      Alchemy.pleaseWaitOverlay(false)
-      Alchemy.openConfirmWindow
+      Alchemy.openConfirmDialog Alchemy._t('page_dirty_notice'),
         title: Alchemy._t('warning')
-        message: Alchemy._t('page_dirty_notice')
-        okLabel: Alchemy._t('ok')
-        cancelLabel: Alchemy._t('cancel')
-        okCallback: okcallback
+        ok_label: Alchemy._t('ok')
+        cancel_label: Alchemy._t('cancel')
+        on_ok: ->
+          window.onbeforeunload = undefined
+          Alchemy.pleaseWaitOverlay()
+          callback()
       false
     else
       true
 
   PageLeaveObserver: ->
-    $("#main_navi a").click (event) ->
-      event.preventDefault() unless Alchemy.checkPageDirtyness(event.currentTarget)
+    $('#main_navi a').click (event) ->
+      unless Alchemy.checkPageDirtyness(event.currentTarget)
+        event.preventDefault()

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

@@ -1,3 +1,6 @@
+#= require jquery.ui.draggable
+#= require jquery.ui.sortable
+#
 window.Alchemy = {} if typeof (window.Alchemy) is "undefined"
 
 $.extend Alchemy,
@@ -76,7 +79,7 @@ $.extend Alchemy,
         cell_classes += "." + this + "_cell" + ", "
       $(this).draggable
         helper: "clone"
-        iframeFix: "iframe#alchemyPreviewWindow"
+        iframeFix: "iframe#alchemy_preview_window"
         connectToSortable: cell_classes.replace(/,.$/, "")
         start: (event, ui) ->
           $(this).hide().addClass "dragged"

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

@@ -31,6 +31,7 @@ Alchemy.ElementEditors =
       id = $(this).parent().attr("id").replace(/\D/g, "")
       self.toggle id
     Alchemy.ElementEditors.observeToggler($elements)
+    Alchemy.ElementEditors.missingContentsObserver($elements)
 
   # Click event handler.
   #
@@ -49,7 +50,7 @@ Alchemy.ElementEditors =
   # Selcts and scrolls to element with given id in the preview window.
   #
   selectElementInPreview: (id) ->
-    $frame_elements = document.getElementById("alchemyPreviewWindow").contentWindow.jQuery("[data-alchemy-element]")
+    $frame_elements = document.getElementById("alchemy_preview_window").contentWindow.jQuery("[data-alchemy-element]")
     $selected_element = $frame_elements.closest("[data-alchemy-element='#{id}']")
     $selected_element.trigger "Alchemy.SelectElement"
 
@@ -88,7 +89,7 @@ Alchemy.ElementEditors =
   # Scrolls the element window to given element editor dom element.
   #
   scrollToElement: (el) ->
-    $("#alchemyElementWindow").scrollTo el,
+    $("#element_area").scrollTo el,
       duration: 400
       offset: -10
 
@@ -99,12 +100,11 @@ Alchemy.ElementEditors =
   toggle: (id, text) ->
     el = $("#element_#{id}")
     if Alchemy.isElementDirty(el)
-      Alchemy.openConfirmWindow
+      Alchemy.openConfirmDialog Alchemy._t('element_dirty_notice'),
         title: Alchemy._t('warning')
-        message: Alchemy._t('element_dirty_notice')
-        okLabel: Alchemy._t('ok')
-        cancelLabel: Alchemy._t('cancel')
-        okCallback: =>
+        ok_label: Alchemy._t('ok')
+        cancel_label: Alchemy._t('cancel')
+        on_ok: =>
           @toggleFold id
       false
     else
@@ -123,5 +123,16 @@ Alchemy.ElementEditors =
       @scrollToElement "#element_#{id}"
 
   observeToggler: (scope) ->
-    $('[data-element-dirty]', scope).click ->
-      Alchemy.ElementEditors.toggle $(this).data('element-dirty')
+    $('[data-element-toggle]', scope).click ->
+      Alchemy.ElementEditors.toggle $(this).data('element-toggle')
+
+  # Handles the missing content links.
+  # Ensures that the links query string is converted into post body and send
+  # the request via a real ajax post to server, to allow long query strings.
+  missingContentsObserver: (scope) ->
+    $('[data-create-missing-content]', scope).click ->
+      $link = $(this)
+      url = this.pathname
+      querystring = this.search.replace(/\?/, '')
+      $.post url, querystring
+      return false

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

@@ -1,6 +1,5 @@
 window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
 
-
 # Adds buttons into a toolbar inside of overlay windows
 Alchemy.ToolbarButton = (options) ->
   $btn = $('<div class="button_with_label" />')
@@ -9,7 +8,10 @@ Alchemy.ToolbarButton = (options) ->
   $lnk = $("<a title='#{options.title}' class='icon_button' href='#' />")
   if options.hotkey
     $lnk.attr('data-alchemy-hotkey', options.hotkey)
-  $lnk.click options.onClick
+  $lnk.click (e) ->
+    e.preventDefault()
+    options.onClick(e)
+    false
   $lnk.append "<span class='icon #{options.iconClass}' />"
   $btn.append $lnk
   $btn.append "<br><label>#{options.label}</label>"
@@ -17,74 +19,71 @@ Alchemy.ToolbarButton = (options) ->
 
 Alchemy.ElementsWindow =
 
-  init: (path, options, callback) ->
-    self = Alchemy.ElementsWindow
-    $dialog = $('<div style="display: none" id="alchemyElementWindow"></div>')
-    closeCallback = ->
-      $dialog.dialog "destroy"
-      $("#alchemyElementWindow").remove()
-      Alchemy.ElementsWindow.button.enable()
-    self.path = path
-    self.callback = callback
-    $dialog.html Alchemy.getOverlaySpinner(width: 420, height: 300)
-    self.dialog = $dialog
-    $('#main_content').append($dialog)
-    self.currentWindow = $dialog.dialog
-      modal: false
-      minWidth: 400
-      minHeight: 300
-      height: $(window).height() - 88
-      title: options.texts.title
-      show: "fade"
-      hide: "fade"
-      position:
-        my: "right bottom", at: "right-4px bottom-4px"
-      closeOnEscape: false
-      dialogClass: 'alchemy-elements-window'
-      create: ->
-        $dialog.before Alchemy.ElementsWindow.createToolbar(options.toolbarButtons)
-      open: (event, ui) ->
-        Alchemy.ElementsWindow.button.disable()
-        Alchemy.ElementsWindow.reload()
-      beforeClose: ->
-        if Alchemy.isPageDirty()
-          Alchemy.openConfirmWindow
-            title: options.texts.dirtyTitle
-            message: options.texts.dirtyMessage
-            okLabel: options.texts.okLabel
-            cancelLabel: options.texts.cancelLabel
-            okCallback: closeCallback
-          false
-        else
-          true
-      close: closeCallback
-
-  button:
-    enable: ->
-      $("div#show_element_window").removeClass("disabled").find("a").removeAttr "tabindex"
-    disable: ->
-      $("div#show_element_window").addClass("disabled").find("a").attr "tabindex", "-1"
-    toggle: ->
-      if $("div#show_element_window").hasClass("disabled")
-        Alchemy.ElementsWindow.button.enable()
-      else
-        Alchemy.ElementsWindow.button.disable()
+  init: (url, options, callback) ->
+    @hidden = false
+    @element_window = $('<div id="alchemy_elements_window"/>')
+    @element_area = $('<div id="element_area"/>')
+    @url = url
+    @options = options
+    @callback = callback
+    @element_window.append @createToolbar(options.toolbarButtons)
+    @element_window.append @element_area
+    @button = $('#element_window_button')
+    @button.click =>
+      @hide()
+      false
+    height = @resize()
+    window.requestAnimationFrame =>
+      spinner = Alchemy.Spinner.medium()
+      spinner.spin @element_area[0]
+    $('#main_content').append(@element_window)
+    @reload()
 
   createToolbar: (buttons) ->
-    $toolbar = $('<div id="overlay_toolbar"/>')
+    @toolbar = $('<div id="overlay_toolbar"/>')
     for btn in buttons
-      $toolbar.append Alchemy.ToolbarButton(btn)
-    $toolbar
+      @toolbar.append Alchemy.ToolbarButton(btn)
+    @toolbar
+
+  resize: ->
+    height = $(window).height() - 80
+    @element_window.css
+      height: height
+    @element_area.css
+      height: height - 54
+    height
 
   reload: ->
-    self = Alchemy.ElementsWindow
-    $.ajax
-      url: self.path
-      success: (data, textStatus, XMLHttpRequest) ->
-        self.dialog.html data
-        Alchemy.GUI.init "#alchemyElementWindow"
-        Alchemy.Hotkeys "#overlay_toolbar"
-        if self.callback
-          self.callback.call()
-      error: (XMLHttpRequest, textStatus, errorThrown) ->
-        Alchemy.AjaxErrorHandler $dialog, XMLHttpRequest.status, textStatus, errorThrown
+    $.get @url, (data) =>
+      @element_area.html data
+      Alchemy.GUI.init(@element_area)
+      if @callback
+        @callback.call()
+    .fail (xhr, status, error) =>
+      Alchemy.AjaxErrorHandler @element_area, xhr.status, status, error
+
+  hide: ->
+    @element_window.css(right: -400)
+    @hidden = true
+    @toggleButton()
+    Alchemy.PreviewWindow.resize()
+
+  show: ->
+    @element_window.css(right: 0)
+    @hidden = false
+    @toggleButton()
+    Alchemy.PreviewWindow.resize()
+
+  toggleButton: ->
+    if @hidden
+      @button.find('label').text(@options.texts.showElements)
+      @button.off('click')
+      @button.click =>
+        @show()
+        false
+    else
+      @button.find('label').text(@options.texts.hideElements)
+      @button.off('click')
+      @button.click =>
+        @hide()
+        false

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

@@ -0,0 +1,63 @@
+window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
+
+Alchemy.FileProgress = (file) ->
+
+    # Build Wrapper
+    @$fileProgressWrapper = $('<div class="progressWrapper"/>')
+
+    # Build Container
+    @$fileProgressElement = $('<div class="progressContainer"/>')
+
+    # Append Cancel Button
+    @$fileProgressCancel = $('<a href="javascript:void(0);" class="progressCancel"/>')
+    @$fileProgressElement.append @$fileProgressCancel
+
+    # Append Filename
+    @$fileProgressElement.append "<div class=\"progressName\">" + file.name + "</div>"
+
+    # Append Progressbar Status Text
+    @$fileProgressStatus = $('<div class="progressBarStatus">&nbsp;</div>')
+    @$fileProgressElement.append @$fileProgressStatus
+
+    # Build Progressbar Container
+    $progressBarContainer = $('<div class="progressBarContainer"/>')
+
+    # Build Progressbar
+    @$progressBar = $('<div class="progressBarInProgress"/>')
+
+    # Knit all together
+    $progressBarContainer.append @$progressBar
+    @$fileProgressElement.append $progressBarContainer
+    @$fileProgressWrapper.append @$fileProgressElement
+    $('#uploadProgressContainer').append @$fileProgressWrapper
+    this
+
+Alchemy.FileProgress::reset = ->
+  @$fileProgressStatus.html '&nbsp;'
+  @$progressBar.removeClass().addClass 'progressBarInProgress'
+  @$progressBar.css width: '0%'
+
+Alchemy.FileProgress::setProgress = (percentage) ->
+  @$progressBar.removeClass().addClass 'progressBarInProgress'
+  @$progressBar.css width: percentage + '%'
+
+Alchemy.FileProgress::setComplete = ->
+  @$progressBar.removeClass().addClass 'progressBarComplete'
+  @$progressBar.css width: '100%'
+  @$fileProgressCancel.hide()
+  @$fileProgressWrapper.delay(1500).fadeOut ->
+    $(this).remove()
+
+Alchemy.FileProgress::setError = ->
+  @$progressBar.removeClass().addClass 'progressBarError'
+  @$progressBar.css width: '100%'
+
+Alchemy.FileProgress::setCancelled = ->
+  @$progressBar.removeClass().addClass 'progressBarCanceled'
+  @$progressBar.css width: '100%'
+  @$fileProgressCancel.hide()
+  @$fileProgressWrapper.delay(1500).fadeOut ->
+    $(this).remove()
+
+Alchemy.FileProgress::setStatus = (status) ->
+  @$fileProgressStatus.text status

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

@@ -12,7 +12,7 @@ Alchemy.Growler =
     Alchemy.Growler.fade()
 
   fade: ->
-    $(".flash.notice, .flash.warn, .flash.alert", "#flash_notices").delay(5000).hide "drop",
+    $(".flash.notice, .flash.warning, .flash.warn, .flash.alert", "#flash_notices").delay(5000).hide "drop",
       direction: "up"
     , 400, ->
       $(this).remove()

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

@@ -8,10 +8,11 @@ Alchemy.GUI =
     Alchemy.SelectBox(scope)
     Alchemy.Datepicker(scope)
     Alchemy.Buttons.observe(scope)
-    Alchemy.overlayObserver(scope)
+    Alchemy.watchForDialogs(scope)
     Alchemy.Hotkeys(scope)
     Alchemy.ListFilter(scope)
     Alchemy.Spinner.watch(scope)
+    Alchemy.Autocomplete.tags(scope)
 
   initElement: ($el) ->
     Alchemy.ElementDirtyObserver($el)

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

@@ -2,30 +2,48 @@ window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
 
 # Handles Alchemy hotkeys
 #
+Alchemy.bindedHotkeys = []
+
 Alchemy.Hotkeys = (scope) ->
+
+  # Unbind all previously registered hotkeys.
+  unless scope
+    $(document).off('keypress')
+    for hotkey in Alchemy.bindedHotkeys
+      key.unbind(hotkey)
+
+  # Binds keyboard shortcuts to search fields.
   $search_fields = $('#search_field, #search_input_field', scope)
   $search_fields_clear = $('.search_field_clear, .js_filter_field_clear', scope)
 
-  # Binds keyboard shortcuts to searchfields
-  keymage 'alt-f',
-    ->
-      $search_fields.focus()
-      keymage.setScope('search')
-    ,
-    preventDefault: true
-  keymage 'search', 'esc', ->
+  key 'alt+f', ->
+    key.setScope('search')
+    $search_fields.focus()
+    false
+  Alchemy.bindedHotkeys.push('alt+f')
+
+  key 'esc', 'search', ->
     $search_fields_clear.click()
     $search_fields.blur()
+  Alchemy.bindedHotkeys.push('esc')
+
+  unless scope
+    $(document).on 'keypress', (e) ->
+      if !$(e.target).is('input, textarea') && String.fromCharCode(e.which) == '?'
+        Alchemy.openDialog '/admin/help',
+          title: Alchemy._t('help')
+          size: '400x492'
+        false
+      else
+        true
 
-  # Binds click events to hotkeys
+  # Binds click events to hotkeys.
   #
   # Simply add a data-alchemy-hotkey attribute to your link.
   # If a hotkey is triggered by user, the click event of the element gets triggerd.
   #
   $('[data-alchemy-hotkey]', scope).each ->
     $this = $(this)
-    keymage $this.data('alchemy-hotkey'), ->
-      $this.click()
-
-  keymage 'alt-w', ->
-    Alchemy.CurrentWindow.dialog('close')
+    hotkey = $this.data('alchemy-hotkey')
+    key hotkey, -> $this.click()
+    Alchemy.bindedHotkeys.push(hotkey)

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

@@ -0,0 +1,21 @@
+#= require alchemy/alchemy.translations
+
+window.Alchemy = {} if typeof(window.Alchemy) is 'undefined'
+
+Alchemy.I18n =
+
+  # Translates given string
+  #
+  translate: (id) ->
+    if !Alchemy.locale?
+      throw 'Alchemy.locale is not set! Please set Alchemy.locale to a locale string in order to translate something.'
+    translation = Alchemy.translations[id]
+    if (translation)
+      translation[Alchemy.locale]
+    else
+      id
+
+# Global utility method for translating a given string
+#
+Alchemy._t = (id) ->
+  Alchemy.I18n.translate(id)