formagic 0.3.4 → 0.3.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: aa7cb7f17971ebb1b61ef50c143718be75dea339
-  data.tar.gz: 8a5d957fe67c1fe2814755ead538a0bb1a6cd45f
+  metadata.gz: d5205dd5e3ddafa7276e8a5161583b6e333b617b
+  data.tar.gz: d907a83d3a27bd871fc63daac5652df3b5462a81
 SHA512:
-  metadata.gz: 8d2a1265776cf8ce993c42de3922bd28970d247a95bbe9bf4279261a49284ab77778eed58a945f1cb20257fdc18135f5372ed51b4820afab62aadd9c525657fc
-  data.tar.gz: 46f52e276d4bb925dad2169e0d47098a19d16c9624743d948701750e9f651ec6a4df797c5ff1cdeee214029d5273d1b777f504f0a14a042a8784161d97750206
+  metadata.gz: a72c34af4b24689d63558c71486fbab97dc6c2f9fb63e87abf4e5180a51a52ac4c2f86c443cea35ea4905399f66a02bad293a70b9bfc0869e0bd6e9b58434912
+  data.tar.gz: d6284b2fdfa70629ef52a90e1fdf50df8d366057a42d92cb3fb81555c6226e4449bec5f9c134a9ea362c1c48168afe1a2eea928c4f8317cd2dcd63c248e24dcc

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    formagic (0.3.4)
+    formagic (0.3.7)
       bourbon (>= 3.2)
       normalize-rails (>= 3.0)
 
@@ -13,7 +13,7 @@ GEM
       thor (~> 0.19)
     normalize-rails (3.0.3)
     rake (10.4.2)
-    sass (3.4.19)
+    sass (3.4.20)
     thor (0.19.1)
 
 PLATFORMS

data/app/assets/javascripts/formagic.coffee

@@ -16,6 +16,8 @@
 #= require ./formagic/inputs/password
 #= require ./formagic/inputs/select
 #= require ./formagic/inputs/select2
+#= require ./formagic/inputs/select2_single
+#= require ./formagic/inputs/select2_multiple
 #= require ./formagic/inputs/time
 #= require ./formagic/inputs/url
 #= require ./formagic/inputs/array

data/app/assets/javascripts/formagic/form.coffee

@@ -1,35 +1,27 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # FORM
 # -----------------------------------------------------------------------------
-#
 # Generates form based on provided configuration schema. If schema is not
 # provided generates default form based on object keys. This uses Rails
 # conventions for managing names for attributes, arrays, hashs and nested
 # objects.
-#
 # -----------------------------------------------------------------------------
-
 class @Form
   constructor: (@object, @config) ->
     @groups    = []
     @inputs    = {}
-    @$el       = $(@config.rootEl || "<form class='form'>")
+    defaultEl  = "<form class='form' onsubmit='return false;'>"
+    @$el       = $(@config.rootEl || defaultEl)
     @schema    = @_get_schema()
     @isRemoved = false
 
     @_build_schema(@schema, @$el)
     @_add_nested_form_remove_button()
 
-
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _get_schema: ->
     schema = @config.formSchema
@@ -37,14 +29,12 @@ class @Form
       schema ?= @_generate_default_schema()
     return schema
 
-
   _generate_default_schema: ->
     schema = {}
     for key, value of @object
       schema[key] = @_generate_default_input_config(key, value)
     return schema
 
-
   _generate_default_input_config: (fieldName, value) ->
     config = {}
 
@@ -64,8 +54,7 @@ class @Form
 
     return config
 
-
-  # INPUTS ================================================
+  # INPUTS ====================================================================
 
   _build_schema: (schema, $el) ->
     for fieldName, config of schema
@@ -79,7 +68,6 @@ class @Form
         input = @_generate_input(fieldName, config)
         $el.append input.$el
 
-
   _generate_inputs_group: (klassName, groupConfig) ->
     $group =$ """<div class='group #{ klassName }' />"""
 
@@ -100,7 +88,6 @@ class @Form
 
     return group
 
-
   _generate_input: (fieldName, inputConfig) ->
     if @object
       value = @object[fieldName]
@@ -116,7 +103,6 @@ class @Form
 
     return input
 
-
   _render_input: (name, config, value) ->
     inputConfig = $.extend {}, config
 
@@ -144,8 +130,7 @@ class @Form
 
     return new inputClass(inputName, value, inputConfig, @object)
 
-
-  # NESTED ================================================
+  # NESTED ====================================================================
 
   _add_nested_form_remove_button: ->
     if @config.removeButton
@@ -171,7 +156,6 @@ class @Form
           @isRemoved = true
           @config.onRemove?(this)
 
-
   _forms: ->
     forms = [ @ ]
 
@@ -187,15 +171,13 @@ class @Form
 
     return forms
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   destroy: ->
     group.destroy?() for group in @groups
     input.destroy?() for name, input of @inputs
     @$el.remove()
 
-
   serialize: (obj={}) ->
     # serialize everything except file inputs
     obj[input.name] = input.value for input in @$el.serializeArray()
@@ -216,18 +198,13 @@ class @Form
         if input.config.ignoreOnSubmission
           delete obj[input.name]
 
-    # for k, v of obj
-    #   console.log k
-
     return obj
 
-
   hash: (hash={}) ->
     for name, input of @inputs
       input.hash(hash)
     return hash
 
-
   initializePlugins: ->
     for group in @groups
       group.onInitialize?(@, group)
@@ -235,7 +212,6 @@ class @Form
     for name, input of @inputs
       input.initialize()
 
-
   showValidationErrors: (errors) ->
     @hideValidationErrors()
     for inputName, messages of errors
@@ -251,17 +227,11 @@ class @Form
         firstMessage = messages[0]
         input.showErrorMessage(firstMessage)
 
-
   hideValidationErrors: ->
     for inputName, input of @inputs
       input.hideErrorMessage()
 
-
-  updateValues: (object) ->
-    for name, value of object
+  updateValues: (@object) ->
+    for name, value of @object
       if @inputs[name]
-        @inputs[name].updateValue(value, object)
-
-
-
-
+        @inputs[name].updateValue(value, @object)

data/app/assets/javascripts/formagic/group.coffee

@@ -1,19 +1,12 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # EXPANDABLE GROUP
 # -----------------------------------------------------------------------------
-#
+# TODO: refactor this to be used with group-panel
 # Usage: onInitialize: (form, group) -> new ExpandableGroup(form, group, 'Details')
-#
 # -----------------------------------------------------------------------------
-
 @_expandableGroupStateCache = {}
 
 class @ExpandableGroup
@@ -28,7 +21,6 @@ class @ExpandableGroup
       @_cacheExpanderState()
       e.preventDefault()
 
-
   _restoreExpanderFromCache: ->
     if _expandableGroupStateCache.__hash
 
@@ -39,12 +31,10 @@ class @ExpandableGroup
       if _expandableGroupStateCache.__hash.endsWith 'new'
         @$expander.removeClass 'hidden'
 
-
   _cacheExpanderState: ->
     _expandableGroupStateCache.__hash = window.location.hash
     _expandableGroupStateCache[@_groupId()] = @group.$el.is(':visible')
 
-
   _groupId: ->
     groupIndex = $('form').find(".group.#{ @group.klassName }").index(@group.$el)
     return "#{ @group.klassName }-#{ groupIndex }"

data/app/assets/javascripts/formagic/inputs/array.coffee

@@ -1,11 +1,6 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT ARRAY
 # -----------------------------------------------------------------------------
@@ -21,14 +16,17 @@
 #= require formagic/inputs/list_reorder
 #
 # -----------------------------------------------------------------------------
-
 class @InputArray extends InputString
-  # PRIVATE ===============================================
+
+  # PRIVATE ===================================================================
 
   _add_input: ->
     # hidden input that stores ids, we use __LIST__ prefix to identify
     # ARRAY input type and process it's value while form submission.
-    name = if @config.namePrefix then "#{ @config.namePrefix }[__LIST__#{ @config.klassName }]" else "[__LIST__#{ @config.klassName }]"
+    name = if @config.namePrefix
+      "#{ @config.namePrefix }[__LIST__#{ @config.klassName }]"
+    else
+      "[__LIST__#{ @config.klassName }]"
 
     @$input =$ "<input type='hidden' name='#{ name }' value='' />"
     @$el.append @$input
@@ -44,23 +42,19 @@ class @InputArray extends InputString
     @_render_items()
     @_update_input_value()
 
-
   _values: ->
     @$items.children('li').map((i, el) -> $(el).data('value')).get()
 
-
   _update_input_value: ->
     input_value = @_values().join('|||')
 
     @$input.val(input_value)
     @$input.trigger('change')
 
-
   _remove_item: ($el) ->
     $el.parent().remove()
     @_update_input_value()
 
-
   _render_items: ->
     @$items.html('')
 
@@ -71,7 +65,6 @@ class @InputArray extends InputString
     for v in @value
       @_render_item(v)
 
-
   _render_item: (o) ->
     value = _escapeHtml(o)
     listItem =$ """<li data-value='#{ value }'>
@@ -86,21 +79,18 @@ class @InputArray extends InputString
 
     @_update_input_value()
 
-
   _create_string_input_el: (placeholder) ->
     @$stringInput =$ "<input type='text' placeholder='#{ placeholder }' />"
     @$el.append @$stringInput
 
-
   _bind_string_input: ->
-    @$stringInput.on 'keyup', (e) =>
+    @$stringInput.on 'keydown', (e) =>
       if e.keyCode == 13
         val = $(e.currentTarget).val()
         @_render_item(val)
         $(e.currentTarget).val('')
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -117,21 +107,13 @@ class @InputArray extends InputString
 
     @config.onInitialize?(this)
 
-
   updateValue: (@value) ->
     @_render_items()
 
-
   hash: (hash={}) ->
     hash[@config.klassName] = @_values()
     return hash
 
-
 include(InputArray, inputListReorder)
 
-
 chr.formInputs['array'] = InputArray
-
-
-
-

data/app/assets/javascripts/formagic/inputs/checkbox.coffee

@@ -1,11 +1,6 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT CHECKBOX
 # -----------------------------------------------------------------------------
@@ -18,20 +13,17 @@ class @InputCheckbox extends InputString
 
     return this
 
-
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _create_el: ->
     @$el =$ "<label for='#{ @name }' class='form-input input-#{ @config.type } input-#{ @config.klassName }'>"
 
-
   _safe_value: ->
     if not @value or @value == 'false' or @value == 0 or @value == '0'
       return false
     else
       return true
 
-
   _add_input: ->
     # for boolean checkbox to be serialized correctly we need a hidden false
     # value which is used by default and overriden by checked value
@@ -41,27 +33,23 @@ class @InputCheckbox extends InputString
     @$input =$ "<input type='checkbox' id='#{ @name }' name='#{ @name }' value='true' #{ if @_safe_value() then 'checked' else '' } />"
     @$el.append @$input
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   updateValue: (@value) ->
     @$input.prop('checked', @_safe_value())
 
-
   hash: (hash={}) ->
     hash[@config.klassName] = @$input.prop('checked')
     return hash
 
-
 chr.formInputs['checkbox'] = InputCheckbox
 
-
 # -----------------------------------------------------------------------------
 # INPUT CHECKBOX SWITCH
 # -----------------------------------------------------------------------------
 class @InputCheckboxSwitch extends InputCheckbox
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _add_input: ->
     @$switch =$ "<div class='switch'>"
@@ -76,9 +64,4 @@ class @InputCheckboxSwitch extends InputCheckbox
     @$checkbox =$ "<div class='checkbox'>"
     @$switch.append @$checkbox
 
-
 chr.formInputs['switch'] = InputCheckboxSwitch
-
-
-
-

data/app/assets/javascripts/formagic/inputs/color.coffee

@@ -1,35 +1,27 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT COLOR
 # -----------------------------------------------------------------------------
 class @InputColor extends InputString
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _add_color_preview: ->
     @$colorPreview =$ "<div class='preview'>"
     @$el.append @$colorPreview
 
-
   _update_color_preview: ->
     @$colorPreview.css { 'background-color': "##{ @$input.val() }" }
 
-
   _validate_input_value: ->
     if (/^(?:[0-9a-f]{3}){1,2}$/i).test(@$input.val())
       @hideErrorMessage()
     else
       @showErrorMessage('Invalid hex value')
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -46,10 +38,4 @@ class @InputColor extends InputString
 
     @config.onInitialize?(this)
 
-
 chr.formInputs['color'] = InputColor
-
-
-
-
-