formagic 0.3.4 → 0.3.7

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

@@ -1,23 +1,16 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT DATE
 # -----------------------------------------------------------------------------
-#
 # Dependencies:
 #= require vendor/datedropper
 #= require vendor/moment
-#
 # -----------------------------------------------------------------------------
 class @InputDate extends InputString
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _update_date_label: ->
     date = @$input.val()
@@ -30,8 +23,6 @@ class @InputDate extends InputString
 
     @$dateLabel.html(date_formatted)
 
-
-
   _add_input: ->
     @$input =$ "<input type='text' name='#{ @name }' value='#{ @_safe_value() }' class='input-datetime-date' />"
     @$el.append @$input
@@ -45,25 +36,22 @@ class @InputDate extends InputString
 
     @_add_actions()
 
-
   _add_actions: ->
     @$actions =$ "<span class='input-actions'></span>"
     @$label.append @$actions
 
-    @_add_remove_button()
-
+    if not @config.disableClear
+      @_add_clear_button()
 
-  _add_remove_button: ->
-    @$removeBtn =$ "<a href='#' class='remove'>Remove</a>"
+  _add_clear_button: ->
+    @$removeBtn =$ "<button class='clear'>Clear</button>"
     @$actions.append @$removeBtn
 
     @$removeBtn.on 'click', (e) =>
-      e.preventDefault()
       @updateValue('')
       @_update_date_label()
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -81,14 +69,8 @@ class @InputDate extends InputString
 
     @config.onInitialize?(this)
 
-
   updateValue: (@value) ->
     @$input.val(@value)
     @_update_date_label()
 
-
 chr.formInputs['date'] = InputDate
-
-
-
-

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

@@ -1,23 +1,16 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT DATE
 # -----------------------------------------------------------------------------
-#
 # Dependencies:
 #= require vendor/datedropper
 #= require vendor/moment
-#
 # -----------------------------------------------------------------------------
 class @InputDatetime extends InputDate
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _update_value: ->
     mt = moment(@$inputTime.val(), 'LT')
@@ -36,23 +29,19 @@ class @InputDatetime extends InputDate
 
     @$input.val(value)
 
-
   _update_date_input: ->
     m = moment(@$input.val()).utcOffset(@tzOffset)
     @$inputDate.val ( if m.isValid() then m.format('YYYY-MM-DD') else '' )
 
-
   _update_time_input: ->
     m = moment(@$input.val()).utcOffset(@tzOffset)
     @$inputTime.val ( if m.isValid() then m.format('h:mm a') else '' )
 
-
   _update_date_label: ->
     m = moment(@$inputDate.val()).utcOffset(@tzOffset)
     label = if m.isValid() then m.format('dddd, MMM D, YYYY') else "<span class='placeholder'>Pick a date</span>"
     @$dateLabel.html label
 
-
   _normalized_value: ->
     # -- use local timezone to represent time
     @tzOffset  = @config.timezoneOffset
@@ -61,7 +50,6 @@ class @InputDatetime extends InputDate
     m = moment(@value).utcOffset(@tzOffset)
     @value = if m.isValid() then m.format() else ''
 
-
   _add_input: ->
     @_normalized_value()
 
@@ -97,27 +85,24 @@ class @InputDatetime extends InputDate
 
     @_add_actions()
 
-
   _add_actions: ->
     @$actions =$ "<span class='input-actions'></span>"
     @$label.append @$actions
 
-    @_add_remove_button()
+    if not @config.disableClear
+      @_add_clear_button()
 
-
-  _add_remove_button: ->
-    @$removeBtn =$ "<a href='#' class='remove'>Remove</a>"
+  _add_clear_button: ->
+    @$removeBtn =$ "<button class='clear'>Clear</button>"
     @$actions.append @$removeBtn
 
     @$removeBtn.on 'click', (e) =>
-      e.preventDefault()
       @$inputTime.val('')
       @$inputDate.val('')
       @_update_date_label()
       @_update_value()
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -141,7 +126,6 @@ class @InputDatetime extends InputDate
 
     @config.onInitialize?(this)
 
-
   updateValue: (@value) ->
     @_normalized_value()
     @$input.val(@value)
@@ -150,9 +134,4 @@ class @InputDatetime extends InputDate
     @_update_date_label()
     @_update_time_input()
 
-
 chr.formInputs['datetime'] = InputDatetime
-
-
-
-

data/app/assets/javascripts/formagic/inputs/document.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 DOCUMENT
 # -----------------------------------------------------------------------------
@@ -18,9 +13,7 @@
 #   updateValue(@value)
 #   showErrorMessage(message)
 #   hideErrorMessage()
-#
 # -----------------------------------------------------------------------------
-
 class @InputDocument
   constructor: (@name, @nestedObject, @config, @object) ->
     @forms = []
@@ -40,19 +33,21 @@ class @InputDocument
 
     return this
 
-
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _create_el: ->
     @$el =$ "<div class='form-input nested-forms input-#{ @config.klassName }'>"
 
-
   _add_label: ->
-    @$label =$ "<span class='label'>#{ @config.label }</span>"
+    @$label =$ "<span class='label'></span>"
+    @$labelTitle =$ "<span class='label-title'>#{ @config.label }</span>"
     @$errorMessage =$ "<span class='error-message'></span>"
-    @$label.append(@$errorMessage)
-    @$el.append(@$label)
+    @$label.append @$labelTitle
+    @$label.append @$errorMessage
+    @$el.append @$label
 
+    if @config.label == false
+      @$labelTitle.hide()
 
   _add_forms: ->
     @nestedForm = @_render_form(@nestedObject, @config.namePrefix, @config)
@@ -62,7 +57,6 @@ class @InputDocument
     @$form = @nestedForm.$el
     @$label.after @$form
 
-
   _render_form: (object, namePrefix, config) ->
     formConfig = $.extend {}, config,
       namePrefix:   namePrefix
@@ -72,8 +66,7 @@ class @InputDocument
     form = new Form(object, formConfig)
     return form
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -82,31 +75,22 @@ class @InputDocument
 
     @config.onInitialize?(this)
 
-
   hash: (hash={}) ->
     objects = []
     hash[@config.fieldName] = @nestedForm.hash()
     return hash
 
-
   showErrorMessage: (message) ->
     @$el.addClass 'error'
     @$errorMessage.html(message)
 
-
   hideErrorMessage: ->
     @$el.removeClass 'error'
     @$errorMessage.html('')
 
-
   updateValue: (@nestedObject, @object) ->
     for name, value of @nestedObject
       if @nestedForm.inputs[name]
         @nestedForm.inputs[name].updateValue(value, @object)
 
-
 chr.formInputs['document'] = InputDocument
-
-
-
-

data/app/assets/javascripts/formagic/inputs/documents.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 "NESTED" FORM
 # -----------------------------------------------------------------------------
@@ -21,9 +16,7 @@
 #
 # Dependencies:
 #= require ./documents_reorder
-#
 # -----------------------------------------------------------------------------
-
 class @InputForm
   constructor: (@name, @nestedObjects, @config, @object) ->
     @forms = []
@@ -46,26 +39,27 @@ class @InputForm
 
     return this
 
-
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _create_el: ->
     @$el =$ "<div class='form-input nested-forms input-#{ @config.klassName }'>"
 
-
   _add_label: ->
-    @$label =$ "<span class='label'>#{ @config.label }</span>"
+    @$label =$ "<span class='label'></span>"
+    @$labelTitle =$ "<span class='label-title'>#{ @config.label }</span>"
     @$errorMessage =$ "<span class='error-message'></span>"
-    @$label.append(@$errorMessage)
-    @$el.append(@$label)
+    @$label.append @$labelTitle
+    @$label.append @$errorMessage
+    @$el.append @$label
 
+    if @config.label == false
+      @$labelTitle.hide()
 
   _extend_schema_with: (name, config) ->
     schemaConfig = {}
     schemaConfig[name] = config
     @config.formSchema = $.extend(schemaConfig, @config.formSchema)
 
-
   _add_forms: ->
     # add id to schema
     # @NOTE: here we use _id, cause mongosteen returns objects _id, but we should send id for nested documents
@@ -88,7 +82,6 @@ class @InputForm
 
       @_bind_forms_reorder()
 
-
   _sort_nested_objects: ->
     if @config.sortBy
       if @nestedObjects
@@ -98,7 +91,6 @@ class @InputForm
         # normalizes nested objects positions
         (o[@config.sortBy] = parseInt(i) + 1) for i, o of @nestedObjects
 
-
   _render_form: (object, namePrefix, config) ->
     formConfig = $.extend {}, config,
       namePrefix: namePrefix
@@ -109,18 +101,16 @@ class @InputForm
 
     return form
 
-
   _add_new_button: ->
     if ! @config.disableNewDocuments
       label = @config.newButtonLabel || "Add"
 
-      @$newButton =$ """<a href='#' class='nested-form-new'>#{ label }</a>"""
+      @$newButton =$ """<button class='nested-form-new'>#{ label }</button>"""
       @$el.append @$newButton
 
-      @$newButton.on 'click', (e) => e.preventDefault() ; @addNewForm()
-
+      @$newButton.on 'click', (e) => @addNewForm()
 
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   initialize: ->
     @config.beforeInitialize?(this)
@@ -130,24 +120,20 @@ class @InputForm
 
     @config.onInitialize?(this)
 
-
   hash: (hash={}) ->
     objects = []
     objects.push(form.hash()) for form in @forms
     hash[@config.fieldName] = objects
     return hash
 
-
   showErrorMessage: (message) ->
     @$el.addClass 'error'
     @$errorMessage.html(message)
 
-
   hideErrorMessage: ->
     @$el.removeClass 'error'
     @$errorMessage.html('')
 
-
   addNewForm: (object=null) ->
     namePrefix    = "#{ @config.namePrefix }[#{ Date.now() }]"
     newFormConfig = $.extend({}, @config)
@@ -173,7 +159,6 @@ class @InputForm
 
     return form
 
-
   updateValue: (@nestedObjects, @object) ->
     # New document should update id, also after uploading images form for existing
     # document might change, so we reset all nested forms to reflect these updates.
@@ -187,13 +172,7 @@ class @InputForm
     for nestedForm in @forms
       nestedForm.initializePlugins()
 
-
 include(InputForm, inputFormReorder)
 
-
 chr.formInputs['form']      = InputForm
 chr.formInputs['documents'] = InputForm
-
-
-
-

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

@@ -1,17 +1,11 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # INPUT "NESTED" FORM REORDER
 # -----------------------------------------------------------------------------
-
 @inputFormReorder =
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _bind_forms_reorder: ->
     if @config.sortBy
@@ -52,7 +46,6 @@
 
       @_add_form_reorder_button(form) for form in @forms
 
-
   _add_form_reorder_button: (form) ->
     reorderIcon = """<div class='icon-reorder'
                           data-container-class='#{@reorderContainerClass}'>
@@ -60,12 +53,8 @@
                      </div>"""
     form.$el.prepend(reorderIcon).addClass('reorderable')
 
-
   _find_form_by_target: (el) ->
     if el
       for form in @forms
         if form.$el.get(0) == el then return form
     return null
-
-
-