chr 0.2.8 → 0.3.5

data/app/assets/javascripts/chr/core/list_reorder.coffee

@@ -3,7 +3,7 @@
 # -----------------------------------------------------------------------------
 #
 # Dependencies:
-#= require ../vendor/slip
+#= require vendor/slip
 #
 # -----------------------------------------------------------------------------
 
@@ -59,7 +59,7 @@
       objectPositionValue = _getObjectNewPosition(e.target)
       objectId = $(e.target).attr('data-id')
       value = {}
-      value["[#{arrayStore.sortBy}"] = "#{ objectPositionValue }"
+      value["[#{arrayStore.sortBy}]"] = "#{ objectPositionValue }"
 
       arrayStore.update objectId, value,
         # error handling

data/app/assets/javascripts/chr/core/list_search.coffee

@@ -32,7 +32,7 @@
 
   _on_search: ->
     query = @$searchInput.val()
-    @_show_spinner()
+    @showSpinner()
     @config.arrayStore.search(query)
 
 
@@ -45,7 +45,7 @@
   _on_search_cancel: ->
     @$el.removeClass('list-search')
     @$searchInput.val('')
-    @_show_spinner()
+    @showSpinner()
     @config.arrayStore.reset()
 
 

data/app/assets/javascripts/chr/core/module.coffee

@@ -11,16 +11,13 @@
 # -----------------------------------------------------------------------------
 # Config options:
 #   title                - title used for menu and root list header
+#   menuTitle            - title used for the menu link
 #   showNestedListsAside - show module root list on the left and all nested
 #                          lists on the right side for desktop
 #
 # Public methods:
 #   addNestedList (listName, config, parentList)
-#   showNestedList (listName)
-#   hideNestedLists (exceptList)
-#   visibleNestedListShownWithParent ()
-#   showRootList ()
-#   hideActiveList ()
+#   showList()
 #   showView (object, config, title)
 #   showViewByObjectId (objectId, config, title)
 #   destroyView ()
@@ -36,119 +33,53 @@ class @Module
     @chr.$el.append @$el
 
     # root list
-    @activeList = @rootList = new List(this, @name, @config)
+    @rootList = new List(this, "#/#{ @name }", @name, @config)
 
     # menu item + layout
-    menuTitle  = @config.menuTitle ? @config.title
-    menuTitle ?= @name.titleize()
-    menuPath   = @name
-
-    # do not hide root list layout, nested lists are shown on aside
-    if @config.showNestedListsAside
-      @$el.addClass 'first-list-aside'
-      # jump to first nested list on menu click
-      firstNestedList = _firstNonEmptyValue(@nestedLists)
-      if ! @chr.isMobile() && firstNestedList
-        menuPath += "/#{ firstNestedList.name }"
-
-    @chr.addMenuItem(menuPath, menuTitle)
+    @menuTitle  = @config.menuTitle ? @config.title
+    @menuTitle ?= @name.titleize()
 
     @config.onModuleInit?(this)
 
 
-  # PRIVATE ===============================================
-
-  # update list data if it's not visible, e.g. for update action we do not
-  # update whole list, this method is called before active list is shown.
-  _update_active_list_items: ->
-    if not @activeList.isVisible()
-      @activeList.updateItems()
-
-
-  # returns path for the current list
-  _view_path: ->
-    currentList = @visibleNestedListShownWithParent() ? @activeList
-    currentList.path
-
-
   # PUBLIC ================================================
 
-  addNestedList: (listName, config, parentList) ->
-    @nestedLists[listName] = new List(this, listName, config, parentList)
-
-
-  # shows one of nested lists
-  showNestedList: (listName) ->
-    listToShow = @nestedLists[listName]
+  addNestedList: (name, config, parentList) ->
+    path = [ parentList.path, name ].join('/')
+    @nestedLists[name] = new List(this, path, name, config, parentList)
 
-    if listToShow.showWithParent
-      # list works as view, never becomes active
-      listToShow.updateItems()
-      listToShow.show => @hideNestedLists(exceptList=listName)
 
+  showList: (name) ->
+    if ! name # show root list, hide all nested
+      list.hide() for key, list of @nestedLists
+      @activeList = @rootList
     else
-      @activeList = listToShow
-      @_update_active_list_items()
-      @activeList.show()
+      @activeList = @nestedLists[name]
 
-    @destroyView()
+    @activeList.show()
 
 
-  hideNestedLists: (exceptList) ->
-    @activeList = @rootList
-    list.hide() for key, list of @nestedLists when key isnt exceptList
+  showView: (objectId, config) ->
+    @view = new View(this, config, @activeList.path, @activeList.name)
+    @$el.append(@view.$el)
+    @view.show(objectId)
 
 
-  visibleNestedListShownWithParent: ->
-    for key, list of @nestedLists
-      if list.isVisible() && list.showWithParent then return list
+  show: ->
+    @$el.show()
+    @showList()
 
 
-  showRootList: ->
+  hide: ->
     @destroyView()
-    while @activeList != @rootList
-      @hideActiveList()
-
-
-  hideActiveList: ->
-    @activeList.$el.hide()
-    @activeList = @activeList.parentList
-
-
-  showView: (object, config, title) ->
-    newView = new View(this, config, @_view_path(), object, title)
-    @chr.$el.append(newView.$el)
-
-    newView.show =>
-      @destroyView()
-      @view = newView
-
-
-  showViewByObjectId: (objectId, config, title) ->
-    onSuccess = (object) => @showView(object, config, title)
-    onError   = -> chr.showError("can\'t show view for requested object")
-
-    if objectId == ''
-      config.objectStore.loadObject({ onSuccess: onSuccess, onError: onError })
-    else
-      config.arrayStore.loadObject(objectId, { onSuccess: onSuccess, onError: onError })
+    @$el.hide()
 
 
   destroyView: ->
     @view?.destroy()
+    @view = null
 
 
-  show: ->
-    @_update_active_list_items()
-    @$el.show()
-    @activeList.show()
-
-
-  hide: ->
-    @hideNestedLists()
-    @destroyView()
-    @$el.hide()
-
 
 
 

data/app/assets/javascripts/chr/core/utils.coffee

@@ -10,6 +10,7 @@
 # UTILS
 # -----------------------------------------------------------------------------
 # Public methods:
+#   _any(array)
 #   _last(array)
 #   _first(array)
 #   _firstNonEmptyValue(hash)
@@ -22,6 +23,9 @@
 #   include(class, hash)
 # -----------------------------------------------------------------------------
 
+# _any(array)
+@_any = (array) -> array.length > 0
+
 # _last(array)
 @_last = (array) -> array[array.length - 1]
 

data/app/assets/javascripts/chr/core/view.coffee

@@ -8,8 +8,9 @@
 
 # -----------------------------------------------------------------------------
 # VIEW
+# -----------------------------------------------------------------------------
 #
-# config options:
+# Config options:
 #   formClass        - custom form class to be used
 #   formSchema       - form schema for object, autogenerated if missing
 #   disableDelete    - do not add delete button below the form
@@ -17,78 +18,93 @@
 #   fullsizeView     — use fullsize layout in desktop mode
 #   onViewShow       - on show callback
 #
-# public methods:
-#   show(callback)
+# Public methods:
+#   show(objectId)
 #   destroy()
+#   showSpinner()
+#   hideSpinner()
+#
+# Dependencies:
+#= require ./view_local-storage
 #
 # -----------------------------------------------------------------------------
 class @View
-  constructor: (@module, @config, @closePath, @object, @title) ->
+  constructor: (@module, @config, @closePath, @listName) ->
     @store = @config.arrayStore ? @config.objectStore
+    @path  = window.location.hash
 
-    @$el =$ "<section class='view #{ @module.name }' style='display:none;'>"
+    @$el =$ "<section class='view #{ @listName }'>"
 
     # fullsize
     if @config.fullsizeView
       @$el.addClass 'fullsize'
 
     # header
-    @$header =$ "<header></header>"
-    @$title  =$ "<div class='title'></div>"
+    @$header  =$ "<header class='header'></header>"
+    @$spinner =$ "<div class='spinner'></div>"
+    @$title   =$ "<div class='title'></div>"
+    @$header.append @$spinner
     @$header.append @$title
     @$el.append @$header
-    @_set_title()
 
     # close
-    @$closeBtn =$ "<a href='#/#{ @closePath }' class='close silent'>Close</a>"
+    @$closeBtn =$ "<a href='#{ @closePath }' class='close'>Close</a>"
     @$closeBtn.on 'click', (e) => @_close(e)
     @$header.append @$closeBtn
 
-    # save
-    unless @config.disableSave
-      @$saveBtn =$ "<a href='#' class='save'>Save</a>"
-      @$saveBtn.on 'click', (e) => @_save(e)
-      @$header.append @$saveBtn
-
-    # form
-    @form = new (@config.formClass ? Form)(@object, @config)
-    @$el.append @form.$el
-    @_add_form_delete_button()
+    # content
+    @$content =$ "<div class='content'></div>"
+    @$el.append @$content
 
 
   # PRIVATE ===============================================
 
-  _set_title: (reset=false) ->
-    if reset && @config.arrayStore then @title = null
-    title  = @title
-    title ?= @object[@config.itemTitleField] if @config.itemTitleField
-    title ?= _firstNonEmptyValue(@object)
+  _set_title: ->
+    if ! @object
+      title = "New"
+
+    else if @config.objectStore
+      title  = @config.title
+      title ?= _firstNonEmptyValue(@object)
+
+    else
+      if @config.itemTitleField
+        title = @object[@config.itemTitleField]
+      title ?= @object['_list_item_title']
+      title ?= _firstNonEmptyValue(@object)
+
     @$title.html(title.plainText())
 
 
-  _add_form_delete_button: ->
+  _add_delete_button: ->
     unless @config.disableDelete or @config.objectStore or (! @object)
-      @$deleteBtn =$ "<a href='#' class='delete'>Delete</a>"
+      @$deleteBtn =$ "<a href='#' class='view-delete'>Delete</a>"
       @$deleteBtn.on 'click', (e) => @_delete(e)
-      @form.$el.append @$deleteBtn
+      @$content.append @$deleteBtn
 
 
   _save_success: ->
     @$el.removeClass('view-saving')
-    @_set_title(true)
+    @_set_title()
+    @form.hideValidationErrors()
     @form.updateValues(@object)
+    @_clear_local_storage_cache()
 
 
   _save_error: (message, validationErrors) ->
     @$el.removeClass('view-saving')
-    chr.showError(message)
     @form.showValidationErrors(validationErrors)
+    chr.showError(message)
 
 
   # EVENTS ================================================
 
   _close: (e) ->
-    @destroy()
+    if @_changes_not_saved()
+      if confirm('Your changes are not saved, still want to close?')
+        @_clear_local_storage_cache()
+      else
+        e.preventDefault()
 
 
   _save: (e) ->
@@ -99,39 +115,103 @@ class @View
 
     if @object
       @store.update @object._id, serializedFormObj,
-        onSuccess: (@object) => @_save_success()
-        onError:   (errors)  => @_save_error('Changes were not saved.', errors)
+        onSuccess: (@object) =>
+          @_save_success()
+        onError: (errors) => @_save_error('Changes are not saved.', errors)
     else
       @store.push serializedFormObj,
         onSuccess: (@object) =>
           @_save_success()
-          @_add_form_delete_button()
-          chr.updateHash("#/#{ @closePath }/view/#{ @object._id }", true)
-        onError: (errors) => @_save_error('Item were not created.', errors)
+          @_add_delete_button()
+          chr.updateHash("#{ @closePath }/view/#{ @object._id }", true)
+          @path = window.location.hash
+          @config.onViewShow?(@)
+        onError: (errors) => @_save_error('Document is not created due to an error.', errors)
 
 
   _delete: (e) ->
     e.preventDefault()
     if confirm("Are you sure?")
       @store.remove @object._id,
-        onSuccess: => chr.updateHash("#/#{ @closePath }", true) ; @destroy()
-        onError:   -> chr.showError('Can\'t delete object.')
+        onSuccess: =>
+          @_clear_local_storage_cache()
+          chr.updateHash("#{ @closePath }", true)
+          @destroy()
+          chr.mobileListLock(false)
+        onError: -> chr.showError('Can\'t delete document.')
+
+
+  _render_form: ->
+    @_set_title()
+
+    @hideSpinner()
+
+    # save
+    unless @config.disableSave
+      @$saveBtn =$ "<a href='#' class='save'>Save</a>"
+      @$saveBtn.on 'click', (e) => @_save(e)
+      @$header.append @$saveBtn
+
+    # sync with local storage cache
+    @_update_object_from_local_storage()
+
+    # form
+    @form = new (@config.formClass ? Form)(@object, @config)
+    @$content.append @form.$el
+    @form.initializePlugins()
+
+    @_add_delete_button()
+    @config.onViewShow?(@)
+
+    # enable local storage caching
+    @_bind_form_change()
+
+
+  _show_error: ->
+    @hideSpinner()
+    chr.showError("can\'t show view for requested object, application error 500")
 
 
   # PUBLIC ================================================
 
-  show: (callback) ->
-    @$el.show 0, =>
-      callback?()
-      @form.initializePlugins()
-      @config.onViewShow?(@)
+
+  showSpinner: ->
+    @$el.addClass('show-spinner')
+
+
+  hideSpinner: ->
+    @$el.removeClass('show-spinner')
 
 
   destroy: ->
-    @form.destroy()
+    @form?.destroy()
     @$el.remove()
 
 
+  show: (objectId) ->
+    callbacks =
+      onSuccess: (@object) => @_render_form()
+      onError: => @_show_error()
+
+    @showSpinner()
+
+    # new for array store
+    if objectId == null
+      @object = null
+      @_render_form()
+
+    # object store
+    else if objectId == ''
+      @_set_title()
+      @store.loadObject(callbacks)
+
+    # array store
+    else
+      @store.loadObject(objectId, callbacks)
+
+
+include(View, viewLocalStorage)
+