chr 0.2.8 → 0.3.5

data/app/assets/javascripts/chr/core/view_local-storage.coffee

@@ -0,0 +1,58 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# VIEW LOCAL STORAGE
+# -----------------------------------------------------------------------------
+# @TODO: test how this works with nested forms
+# -----------------------------------------------------------------------------
+
+@viewLocalStorage =
+
+  # PRIVATE ===============================================
+
+  _bind_form_change: ->
+    if typeof(Storage)
+      @form.$el.on 'change', (e) => @_cache_form_state()
+    else
+      console.log ':: local storage is not supported ::'
+
+
+  _cache_form_state: ->
+    hash = @form.hash()
+    json = JSON.stringify(hash)
+    localStorage.setItem(@path, json)
+
+    @$el.addClass 'has-unsaved-changes'
+
+
+  _update_object_from_local_storage: ->
+    if typeof(Storage)
+      json = localStorage.getItem(@path)
+      if json
+        hash = JSON.parse(json)
+        $.extend(@object, hash)
+
+        @$el.addClass 'has-unsaved-changes'
+
+
+  _changes_not_saved: ->
+    if typeof(Storage)
+      # if object is missing localStorage.getItem returns null
+      if localStorage.getItem(@path) then true else false
+
+
+  _clear_local_storage_cache: ->
+    if typeof(Storage)
+      localStorage.removeItem(@path)
+
+      @$el.removeClass 'has-unsaved-changes'
+
+
+
+

data/app/assets/javascripts/chr/store/{_array-store.coffee → array-store.coffee}

@@ -65,7 +65,7 @@ class @ArrayStore
         @sortBy      = @reorderable.positionFieldName
         @sortReverse = @reorderable.sortReverse ? false
       else
-        console.log 'Wrong reordering configuration, missing positionFieldName parameter.'
+        console.log ':: wrong reordering configuration, missing positionFieldName parameter ::'
         @reorderable = false
 
 
@@ -113,6 +113,8 @@ class @ArrayStore
   _add_data_object: (object) ->
     object = @_normalize_object_id(object)
 
+    # TODO: double check if we still need this
+
     # if object with same id already in the store, update it's parameters,
     # otherwise add new object (this is used while pagination sync)
     if ! @_map[object._id]

data/app/assets/javascripts/chr/store/rails-array-store.coffee

@@ -0,0 +1,39 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# RAILS ARRAY STORE
+# -----------------------------------------------------------------------------
+#
+# Dependencies:
+#= require ./rails-form-object-parser
+#
+# -----------------------------------------------------------------------------
+class @RailsArrayStore extends RestArrayStore
+
+  # PRIVATE ===============================================
+
+  _configure_store: ->
+    @ajaxConfig =
+      processData: false
+      contentType: false
+
+
+  _resource_url: (type, id) ->
+    objectPath = if id then "/#{ id }" else ''
+    "#{ @config.path }#{ objectPath }.json"
+
+
+include(RailsArrayStore, railsFormObjectParser)
+
+
+
+
+
+
+

data/app/assets/javascripts/chr/store/{mongosteen-object-store.coffee → rails-form-object-parser.coffee}

@@ -7,25 +7,20 @@
 # -----------------------------------------------------------------------------
 
 # -----------------------------------------------------------------------------
-# RAILS OBJECT STORE
+# RAILS FORM OBJECT PARSER
+# -----------------------------------------------------------------------------
+# Get form data object from serialized form object, it uses special format for
+# object names for support of:
+#  - files
+#  - lists
+#  - nested objects
+#
 # -----------------------------------------------------------------------------
-class @MongosteenObjectStore extends RestObjectStore
-
-  # PRIVATE ===============================================
-
-  _configure_store: ->
-    @ajaxConfig =
-      processData: false
-      contentType: false
-
 
-  # generate rest url for resource
-  _resource_url: -> "#{ @config.path }.json"
+@railsFormObjectParser =
 
+  # PRIVATE ===============================================
 
-  # get form data object from serialized form object,
-  # it uses special format for object names for support of:
-  # files, lists, nested objects
   _parse_form_object: (serializedFormObject) ->
     formDataObject = new FormData()
 
@@ -46,8 +41,4 @@ class @MongosteenObjectStore extends RestObjectStore
 
         formDataObject.append("#{ @config.resource }#{ attr_name }", attr_value)
 
-    return formDataObject
-
-
-
-
+    return formDataObject

data/app/assets/javascripts/chr/store/rails-object-store.coffee

@@ -0,0 +1,35 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# RAILS OBJECT STORE
+# -----------------------------------------------------------------------------
+#
+# Dependencies:
+#= require ./rails-form-object-parser
+#
+# -----------------------------------------------------------------------------
+class @RailsObjectStore extends RestObjectStore
+
+  # PRIVATE ===============================================
+
+  _configure_store: ->
+    @ajaxConfig =
+      processData: false
+      contentType: false
+
+
+  _resource_url: ->
+    "#{ @config.path }.json"
+
+
+include(RailsObjectStore, railsFormObjectParser)
+
+
+
+

data/app/assets/javascripts/chr/store/rest-array-store.coffee

@@ -14,8 +14,6 @@
 #   pagination  - enable pagination for resource index, default `true`
 #   searchable  - enable resource search, default `false`
 #   urlParams   - additional parameter to be included into request
-#   sortBy      - sort objects by field
-#   sortReverse - reverse sorted objects
 #
 # Public methods:
 #   loadObject
@@ -142,8 +140,9 @@ class @RestArrayStore extends ArrayStore
     callbacks.onSuccess ?= $.noop
     callbacks.onError   ?= $.noop
 
-    @_ajax 'GET', id, {}, ((data) =>
-      callbacks.onSuccess(data)
+    @_ajax 'GET', id, null, ((data) =>
+      object = @_normalize_object_id(data)
+      callbacks.onSuccess(object)
     ), callbacks.onError
 
 
@@ -251,4 +250,3 @@ class @RestArrayStore extends ArrayStore
 
 
 
-

data/app/assets/javascripts/chr/store/rest-object-store.coffee

@@ -66,7 +66,7 @@ class @RestObjectStore extends ObjectStore
     callbacks.onSuccess ?= $.noop
     callbacks.onError   ?= $.noop
 
-    @_ajax 'GET', {}, ((data) =>
+    @_ajax 'GET', null, ((data) =>
       callbacks.onSuccess(data)
     ), callbacks.onError
 

data/app/assets/javascripts/form/expandable-group.coffee

@@ -0,0 +1,30 @@
+# -----------------------------------------------------------------------------
+# 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
+# -----------------------------------------------------------------------------
+#
+# Usage: onInitialize: (form, group) -> new ExpandableGroup(form, group, 'Details')
+#
+# -----------------------------------------------------------------------------
+
+#@_expandableGroupStateCache = {}
+
+class @ExpandableGroup
+  constructor: (@form, @group, name) ->
+    @$expander =$ """<a href='#' class='group-edit hidden'>#{ name }</a>"""
+    @group.$el.before @$expander
+
+    @$expander.on 'click', (e) =>
+      @$expander.toggleClass('hidden')
+      e.preventDefault()
+
+
+
+

data/app/assets/javascripts/{chr/form → form}/form.coffee

@@ -9,6 +9,7 @@
 # -----------------------------------------------------------------------------
 # 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
@@ -20,7 +21,7 @@ class @Form
   constructor: (@object, @config) ->
     @groups    = []
     @inputs    = {}
-    @$el       = $(@config.rootEl || '<form>')
+    @$el       = $(@config.rootEl || "<form class='form'>")
     @schema    = @_get_schema()
     @isRemoved = false
 
@@ -68,6 +69,7 @@ class @Form
 
   _build_schema: (schema, $el) ->
     for fieldName, config of schema
+      config.fieldName = fieldName
       if config.type == 'group'
         group = @_generate_inputs_group(fieldName, config)
         $el.append group.$el

data/app/assets/javascripts/{chr/form → form}/input-checkbox.coffee

@@ -21,7 +21,7 @@ class @InputCheckbox extends InputString
   # PRIVATE ===============================================
 
   _create_el: ->
-    @$el =$ "<label for='#{ @name }' class='input-#{ @config.type } input-#{ @config.klass } #{ @config.klassName }'>"
+    @$el =$ "<label for='#{ @name }' class='input-#{ @config.type } input-#{ @config.klass } input-#{ @config.klassName }'>"
 
 
   _safe_value: ->

data/app/assets/javascripts/{chr/form → form}/input-color.coffee

@@ -32,6 +32,8 @@ class @InputColor extends InputString
   # PUBLIC ================================================
 
   initialize: ->
+    @config.beforeInitialize?(this)
+
     @$input.attr('placeholder', @config.placeholder || 'e.g. #eee')
 
     @_add_color_preview()

data/app/assets/javascripts/{chr/form → form}/input-file.coffee

@@ -9,6 +9,9 @@
 # -----------------------------------------------------------------------------
 # INPUT FILE
 # -----------------------------------------------------------------------------
+# @TODO: add clear button when file is picked for the first time and you want
+#        to cancel that pick
+# -----------------------------------------------------------------------------
 class @InputFile extends InputString
   constructor: (@name, @value, @config, @object) ->
     @_create_el()
@@ -16,6 +19,7 @@ class @InputFile extends InputString
     @_add_label()
     @_add_input()
     @_update_state()
+    @_add_required()
 
     return this
 
@@ -23,7 +27,7 @@ class @InputFile extends InputString
   # PRIVATE ===============================================
 
   _create_el: ->
-    @$el =$ "<div class='input-#{ @config.type } input-#{ @config.klass } #{ @config.klassName }'>"
+    @$el =$ "<div class='input-#{ @config.type } input-#{ @config.klass } input-#{ @config.klassName }'>"
 
 
   _add_input: ->
@@ -33,9 +37,26 @@ class @InputFile extends InputString
     @$input =$ "<input type='file' name='#{ @name }' id='#{ @name }'>"
     @$el.append @$input
 
+    @_add_clear_button()
     @_add_remove_checkbox()
 
 
+  _add_clear_button: ->
+    @$clearButton =$ "<a href='#' class='input-file-clear'></a>"
+    @$input.after @$clearButton
+    @$clearButton.hide()
+
+    @$clearButton.on 'click', (e) =>
+      # clear file input:
+      # http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery
+      @$input.replaceWith(@$input = @$input.clone(true))
+      @$clearButton.hide()
+      e.preventDefault()
+
+    @$input.on 'change', (e) =>
+      @$clearButton.show()
+
+
   _add_remove_checkbox: ->
     removeInputName     = @removeName()
     @$removeLabel       =$ "<label for='#{ removeInputName }'>Remove</label>"
@@ -81,6 +102,11 @@ class @InputFile extends InputString
     @_update_state()
 
 
+  hash: (hash={})->
+    # @TODO: file input type does not support caching and versioning as of now
+    return hash
+
+
 chr.formInputs['file'] = InputFile
 
 
@@ -101,6 +127,7 @@ class @InputFileImage extends InputFile
     @$input =$ "<input type='file' name='#{ @name }' id='#{ @name }' />"
     @$el.append @$input
 
+    @_add_clear_button()
     @_add_remove_checkbox()
 
 

data/app/assets/javascripts/{chr/form → form}/input-form.coffee

@@ -45,7 +45,7 @@ class @InputForm
   # PRIVATE ===============================================
 
   _create_el: ->
-    @$el =$ "<div class='input-stacked nested-forms #{ @config.klassName }'>"
+    @$el =$ "<div class='input-stacked nested-forms input-#{ @config.klassName }'>"
 
 
   _add_label: ->
@@ -102,15 +102,17 @@ class @InputForm
   # PUBLIC ================================================
 
   initialize: ->
+    @config.beforeInitialize?(this)
+
     for nestedForm in @forms
       nestedForm.initializePlugins()
     @config.onInitialize?(this)
 
 
-  hash: (hash={})->
-    hash[@config.klassName] = []
-    for form in @forms
-      hash[@config.klassName].push form.hash()
+  hash: (hash={}) ->
+    objects = []
+    objects.push(form.hash()) for form in @forms
+    hash[@config.fieldName] = objects
     return hash
 
 
@@ -137,6 +139,13 @@ class @InputForm
       @_add_form_reorder_button(form)
       prevForm = _last(@forms)
       position = if prevForm then prevForm.inputs[@config.sortBy].value + 1 else 1
+
+      # @TODO: having an issue here for scenario when no nested object are there for new object
+      # form.inputs doesn't include sortBy field
+      console.log @config
+      console.log @config.sortBy
+      console.log form.inputs
+
       form.inputs[@config.sortBy].updateValue(position)
 
     @forms.push(form)

data/app/assets/javascripts/{chr/form → form}/input-hidden.coffee

@@ -24,19 +24,21 @@ class @InputHidden
 
   _safe_value: ->
     if typeof(@value) == 'object'
-      JSON.stringify(@value)
+      return JSON.stringify(@value)
     else
       _escapeHtml(@value)
 
 
   # PUBLIC ================================================
 
-  initialize: ->
-    @config.onInitialize?(this)
+  showErrorMessage: (message) -> ;
 
 
-  updateValue: (@value) ->
-    @$el.val(@_safe_value())
+  hideErrorMessage: -> ;
+
+
+  initialize: ->
+    @config.onInitialize?(this)
 
 
   hash: (hash={}) ->
@@ -44,10 +46,8 @@ class @InputHidden
     return hash
 
 
-  showErrorMessage: (message) -> ;
-
-
-  hideErrorMessage: -> ;
+  updateValue: (@value) ->
+    @$el.val(@value)
 
 
 chr.formInputs['hidden'] = InputHidden