fat_free_crm 0.13.2 → 0.13.3

data/app/assets/javascripts/crm_chosen.js.coffee

@@ -3,46 +3,27 @@
 # Fat Free CRM is freely distributable under the terms of MIT license.
 # See MIT-LICENSE file or http://www.opensource.org/licenses/mit-license.php
 #------------------------------------------------------------------------------
-# Initialize chosen for multiselect tag list
-crm.chosen_taglist = (asset, controller, id)->
-  new Chosen $(asset + '_tag_list'), {
-    allow_option_creation: true
-    on_option_add: (tag) ->
-      crm.load_field_group(controller, tag, id)
-    on_option_remove: (tag) ->
-      crm.remove_field_group(tag)
-  }
+(($) ->
 
-crm.ensure_chosen_account = ->
-  unless $("account_id_chzn")
-    new ajaxChosen $("account_id"), {
-      allow_single_deselect: true
-      show_on_activate: true
-      url: "/accounts/auto_complete.json"
-      parameters: { limit: 25 }
-      query_key: "auto_complete_query"
-    }
+  window.crm ||= {}
 
-(($j) ->
-  
-  # Prefer standard select2 dropdown for non-Ajaxy selectboxes
-  add_select2_boxes = ->
-    $j("select[name*='assigned_to'], select[name*='[country]'], .chzn-select" ).each ->
-      $j(this).select2()
+  # Use the 'ajax_chosen' class on select boxes that need to lookup values from server
+  # Each select should have a 'data-url' attribute to specify the autocomplete path
+  #----------------------------------------------------------------------------
+  crm.makeAjaxChosen = ->
+    $("select.ajax_chosen").each ->
+      $(this).ajaxChosen({
+        url: $(this).data('url')
+        jsonTermKey: "auto_complete_query",
+        minTermLength: 2},
+        null,
+        {allow_single_deselect: true, show_on_activate: true}
+      )
 
-  # Apply pop up to merge links when document is loaded
-  $j(document).ready ->
-    add_select2_boxes()
+  $(document).ready ->
+    crm.makeAjaxChosen()
 
-  # Apply pop up to merge links when jquery event (e.g. search) occurs
-  $j(document).ajaxComplete ->
-    add_select2_boxes()
+  $(document).ajaxComplete ->
+    crm.makeAjaxChosen()
 
-  # Apply pop up to merge links when protoype event (e.g. cancel edit) occurs
-  Ajax.Responders.register({
-    onComplete: ->
-      add_select2_boxes()
-
-  })
-
-) (jQuery)
+) jQuery

data/app/assets/javascripts/crm_classes.js.coffee

@@ -0,0 +1,215 @@
+# Copyright (c) 2008-2013 Michael Dvorkin and contributors.
+#
+# Fat Free CRM is freely distributable under the terms of MIT license.
+# See MIT-LICENSE file or http://www.opensource.org/licenses/mit-license.php
+#------------------------------------------------------------------------------
+(($) ->
+
+  window.crm ||= {}
+
+  class crm.Popup
+
+    #----------------------------------------------------------------------------
+    constructor: (options = {}) ->
+      @options = $.extend(
+        trigger: "#trigger" # #id of the element that triggers on_mouseover popup.
+        target: "#popup" # #id of the popup div that is shown or hidden.
+        appear: 0 # duration of EffectAppear or 0 for show().
+        fade: 0 # duration of EffectFade or 0 for hide().
+        under: false # true to show popup right under the trigger div.
+        zindex: 100 # zIndex value for the popup.
+        before_show: $.noop # before show callback.
+        before_hide: $.noop # before hide callback.
+        after_show: $.noop # after show callback.
+        after_hide: $.noop # after hide callback.
+      , options)
+      @popup = $(@options.target) # actual popup div.
+      @setup_toggle_observer()
+      @setup_hide_observer()
+
+
+    #----------------------------------------------------------------------------
+    setup_toggle_observer: ->
+      $(@options.trigger).on "click", (e) =>
+        @toggle_popup e
+
+
+    #----------------------------------------------------------------------------
+    setup_hide_observer: ->
+      $(document).on "click", (e) =>
+        if @popup and @popup.css('display') isnt 'none'
+          clicked_on = $(e.target).closest("div")
+          @hide_popup e  if clicked_on.length is 0 or ('#' + clicked_on.attr('id')) isnt @options.target
+
+
+    #----------------------------------------------------------------------------
+    show_popup: (e) ->
+      e.preventDefault()
+      e.stopPropagation()
+      @popup.css zIndex: @options.zindex
+      
+      # Add custom "trigger" attribute to the popup div so we could check who has triggered it.
+      @popup.attr trigger: @options.trigger
+      @options.before_show e
+      unless @options.appear
+        @popup.show()
+        @set_position e
+        @options.after_show e
+      else
+        @set_position e
+        @popup.fadeIn(
+          @options.appear
+          @options.after_show
+        )
+
+
+    #----------------------------------------------------------------------------
+    toggle_popup: (e) ->
+      if @popup.filter(':visible').length
+        unless @options.trigger is @popup.attr("trigger")
+          
+          # Currently shown popup was opened by some other trigger: hide it immediately
+          # without any fancy callbacks, then show this popup.
+          @popup.hide()
+          @show_popup e
+        else
+          @hide_popup e
+      else
+        @show_popup e
+
+
+    #----------------------------------------------------------------------------
+    hide_popup: (e) ->
+      e.preventDefault()  if e
+      @options.before_hide e
+      unless @options.fade
+        @popup.hide()
+        @options.after_hide e
+      else
+        @popup.fadeOut(
+          @options.fade
+          @options.after_hide
+        )
+
+    set_position: (e) ->
+      if @options.under
+        under = $(@options.under)
+        popup = $(@popup)
+        offset = under.offset()
+        x = (offset.left + under.width() - popup.width()) + "px"
+        y = (offset.top + under.height()) + "px"
+        @popup.css
+          left: x
+          top: y
+
+
+
+  class crm.Menu
+
+    #----------------------------------------------------------------------------
+    constructor: (options = {}) ->
+      @options = $.extend(
+        trigger: "#menu" # #id of the element clicking on which triggers dropdown menu.
+        align: "left" # align the menu left or right
+        appear: 0 # duration of EffectAppear or 0 for show().
+        fade: 0 # duration of EffectFade or 0 for hide().
+        width: 0 # explicit menu width if set to non-zero
+        zindex: 100 # zIndex value for the popup.
+        before_show: $.noop # before show callback.
+        before_hide: $.noop # before hide callback.
+        after_show: $.noop # after show callback.
+        after_hide: $.noop # after hide callback.
+      , options)
+      @build_menu()
+      @setup_show_observer()
+      @setup_hide_observer()
+
+
+    #----------------------------------------------------------------------------
+    build_menu: ->
+      @menu = $("<div>",
+        class: "menu"
+        style: "display:none;";
+        on:
+          click: (e) ->
+            e.preventDefault()
+      )
+      @menu.css width: @options.width + "px"  if @options.width
+      @menu.appendTo(document.body)
+
+      ul = $("<ul>")
+      ul.appendTo(@menu)
+
+      for item in @options.menu_items
+        li = $("<li>")
+        li.appendTo(ul)
+        a = $("<a>",
+          href: "#"
+          title: item.name
+          on:
+            click: @select_menu.bind(this)
+        ).html(item.name)
+        a.data(on_select: item.on_select)  if item.on_select
+        a.appendTo(li)
+
+
+    #----------------------------------------------------------------------------
+    setup_hide_observer: ->
+      $(document).on "click", (e) =>
+        @hide_menu(e)  if @menu and @menu.css('display') isnt 'none'
+
+
+    #----------------------------------------------------------------------------
+    setup_show_observer: ->
+      $(@options.trigger).on "click", (e) =>
+        @show_menu(e)  if @menu and @menu.css('display') is 'none'
+
+
+    #----------------------------------------------------------------------------
+    hide_menu: (e) ->
+      @options.before_hide e
+      unless @options.fade
+        @menu.hide()
+        @options.after_hide e
+      else
+        @menu.fadeOut(
+          @options.fade
+          @options.after_hide
+        )
+
+
+    #----------------------------------------------------------------------------
+    show_menu: (e) ->
+      e.preventDefault()
+      e.stopPropagation()
+      $el = $(e.target)
+      offset = $el.offset()
+      x = offset.left + "px"
+      y = offset.top + $el.height() + "px"
+      x = (offset.left - (@options.width - $el.width() + 1)) + "px"  if @options.align is "right"
+      @menu.css
+        left: x
+        top: y
+        zIndex: @options.zindex
+      @options.before_show e
+      unless @options.appear
+        @menu.show()
+        @options.after_show e
+      else
+        @menu.fadeIn(
+          @options.appear
+          @options.after_show
+        )
+
+      @event = e
+
+
+    #----------------------------------------------------------------------------
+    select_menu: (e) ->
+      e.preventDefault()
+      $el = $(e.target)
+      if on_select = $el.data('on_select')
+        @hide_menu()
+        on_select @event
+
+) jQuery

data/app/assets/javascripts/crm_comments.js.coffee

@@ -4,63 +4,25 @@
 # See MIT-LICENSE file or http://www.opensource.org/licenses/mit-license.php
 #------------------------------------------------------------------------------
 
-# When comments are added to an entity, disable the add button
-# and add a spinner to indicate request is processing
-(($j) ->
-
-  addSpinnerToComments = ->
-    $j('div.new_comment').each ->
-      container = $j(this)
-      unless container.hasClass('withSpinner')
-        container.find('form').on 'submit', ->
-          container.find('form [type=submit]').attr("disabled", "disabled")
-          container.find('.spinner').show()
-        container.addClass("withSpinner")
-
-  toggleComment = (container) ->
-    baseId  = container.attr('id').replace('_comment_new', '')
-    post    = container.find('#' + baseId + '_post')
-    ask     = container.find('#' + baseId + '_ask')
-    comment = container.find('#' + baseId + '_comment_comment')
-    post.toggle()
-    ask.toggle()
-    if comment.is(":visible")
-      container.find('form [type=submit]').removeAttr("disabled")
-      container.find('.spinner').hide()
-      comment.focus()
-
-  addOpenCloseToComments = ->
-    $j('div.new_comment').each ->
-      container = $j(this)
-      unless container.hasClass('withOpenClose')
-        baseId = container.attr('id').replace('_comment_new', '')
-        post   = container.find('#' + baseId + '_post')
-        ask    = container.find('#' + baseId + '_ask')
-        container.find('.cancel').on 'click', (event) ->
-          toggleComment(container)
-          false
-        new_comment = container.find('#' + baseId + '_post_new_note')
-        new_comment.on 'click', ->
-          toggleComment(container)
-        crm.textarea_user_autocomplete(baseId + '_comment_comment')
-        container.addClass("withOpenClose")
-
-  # Apply when document is loaded
-  $j(document).ready ->
-    addSpinnerToComments()
-    addOpenCloseToComments()
-
-  # Apply when jquery event (e.g. search) occurs
-  $j(document).ajaxComplete ->
-    addSpinnerToComments()
-    addOpenCloseToComments()
-
-  # Apply when protoype event (e.g. cancel edit) occurs
-  Ajax.Responders.register({
-    onComplete: ->
-      addSpinnerToComments()
-      addOpenCloseToComments()
-
-  })
+(($) ->
+
+  # Show/hide the comment form
+  $(document).on 'click', '.new_comment a.cancel, input[name=post_new_note]', ->
+    $container = $(this).closest('div.new_comment')
+    baseId  = $container.attr('id').replace('_comment_new', '')
+    $post    = $container.find('#' + baseId + '_post')
+    $ask     = $container.find('#' + baseId + '_ask')
+    $comment = $container.find('#' + baseId + '_comment_comment')
+    $post.toggle()
+    $ask.toggle()
+    if $comment.is(":visible")
+      $container.find('form [type=submit]').removeAttr("disabled")
+      $container.find('.spinner').hide()
+      crm.textarea_user_autocomplete(baseId + '_comment_comment')
+      $comment.focus()
+
+  # When comment form is submitted, disable the form button and show the spinner
+  $(document).on 'submit', 'form.new_comment', ->
+    $(this).find('input[type=submit]').attr("disabled", "disabled").prev('.spinner').show()
 
 )(jQuery)

data/app/assets/javascripts/crm_loginout.js.coffee

@@ -0,0 +1,27 @@
+# Copyright (c) 2008-2013 Michael Dvorkin and contributors.
+#
+# Fat Free CRM is freely distributable under the terms of MIT license.
+# See MIT-LICENSE file or http://www.opensource.org/licenses/mit-license.php
+#------------------------------------------------------------------------------
+(($) ->
+
+  window.crm ||= {}
+
+  #----------------------------------------------------------------------------
+  crm.toggle_open_id_login = (first_field = "#authentication_openid_identifier") ->
+    $("#login").toggle()
+    $("#openid").toggle()
+    $("#login_link").toggle()
+    $("#openid_link").toggle()
+    $(first_field).focus()
+
+
+  #----------------------------------------------------------------------------
+  crm.toggle_open_id_signup = ->
+    $("#login").toggle()
+    $("#openid").toggle()
+    $("#login_link").toggle()
+    $("#openid_link").toggle()
+    $("#user_email").focus()
+
+) jQuery

data/app/assets/javascripts/crm_select2.js.coffee

@@ -0,0 +1,29 @@
+# Copyright (c) 2008-2014 Michael Dvorkin and contributors.
+#
+# Fat Free CRM is freely distributable under the terms of MIT license.
+# See MIT-LICENSE file or http://www.opensource.org/licenses/mit-license.php
+#------------------------------------------------------------------------------
+
+# Any select box with 'select2' class will be transformed
+(($) ->
+
+  window.crm ||= {}
+
+  crm.make_select2 = ->
+    $(".select2").each ->
+      $(this).select2 'width':'resolve'
+
+    $(".select2_tag").each ->
+      $(this).select2
+        'width':'resolve'
+        tags: $(this).data("tags")
+        placeholder: $(this).data("placeholder")
+        multiple: $(this).data("multiple")
+
+  $(document).ready ->
+    crm.make_select2()
+
+  $(document).ajaxComplete ->
+    crm.make_select2()
+
+) jQuery

data/app/assets/javascripts/crm_sortable.js.coffee

@@ -0,0 +1,32 @@
+(($) ->
+  window.crm ||= {}
+
+  crm.init_sortables = ->
+    $('[data-sortable]').each ->
+      $el = $(this)
+
+      checkEmpty = ->
+        $el.children('.empty').toggle($el.sortable('toArray').length is 1)
+
+      $el.sortable(
+        forcePlaceholderSize: true
+        connectWith: $el.data('sortable-connect-with')
+        handle: $el.data('sortable-handle')
+        create: checkEmpty
+        update: ->
+          ids = []
+          for dom_id in $el.sortable('toArray')
+            ids.push dom_id.replace(/[^\d]/g, '')
+          data = {}
+          data[$el.attr('id')] = ids
+          $.post($el.attr('data-sortable'), data)
+          checkEmpty()
+      )
+
+  $(document).ready ->
+    crm.init_sortables()
+
+  $(document).ajaxComplete ->
+    crm.init_sortables()
+
+) jQuery