chr 0.1.5 → 0.2.0

data/app/assets/javascripts/chr.coffee

@@ -6,7 +6,7 @@
 #= require ./chr/core/item
 #= require ./chr/core/list
 #= require ./chr/core/list-search
-#= require ./chr/core/list-scroll
+#= require ./chr/core/list-pagination
 #= require ./chr/core/list-reorder
 #= require ./chr/core/view
 #= require ./chr/core/module
@@ -22,9 +22,12 @@
 #= require ./chr/form/input-text
 #= require ./chr/form/nested-form
 
-#= require ./chr/store/store
-#= require ./chr/store/store-rest
-#= require ./chr/store/store-mongosteen
+#= require ./chr/store/_object-store
+#= require ./chr/store/_array-store
+#= require ./chr/store/rest-object-store
+#= require ./chr/store/rest-array-store
+#= require ./chr/store/mongosteen-object-store
+#= require ./chr/store/mongosteen-array-store
 
 #= require ./chr/core/utils
 #= require ./chr/core/chr

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

@@ -1,50 +1,47 @@
 # -----------------------------------------------------------------------------
-# Character
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# CHARACTER
+#
+# public methods:
+#   start(@config)                 - start the character app with configuration
+#   addMenuItem(moduleName, title) - add item to main menu
+#   showAlert(message)             - show alert notification
+#   showError(message)             - show error message
+#
 # -----------------------------------------------------------------------------
 class @Chr
-  constructor: (@config) ->
+  constructor: ->
     @modules = {}
 
-    @$el       =$ (@config.selector ? 'body')
-    @$navBar   =$ "<nav class='sidebar'>"
-    @$mainMenu =$ "<div class='menu'>"
 
-    @$navBar.append @$mainMenu
-    @$el.append @$navBar
-
-    @modules[name] = new Module(this, name, config) for name, config of @config.modules
+  _unset_active_menu_items: ->
+    $('.sidebar .menu a.active').removeClass('active')
 
-    # NAVIGATION
-    # using class 'silent' for links when we don't want to trigger onhashchange event
-    $(document).on 'click', 'a.silent', (e) -> window._skipHashchange = true
-
-    window.onhashchange = =>
-      if not window._skipHashchange then @_navigate(location.hash)
-      window._skipHashchange = false
 
-    # if not mobile navigate on first page load or page refresh
-    if not _isMobile()
-      window._skipHashchange = false
-      @_navigate(if location.hash != '' then location.hash else '#/' + Object.keys(@modules)[0])
+  unsetActiveListItems: ->
+    $('.list .items .item.active').removeClass('active')
 
-  addMenuItem: (moduleName, title) ->
-    @$mainMenu.append "<a href='#/#{ moduleName }'>#{ title }</a>"
 
-  selectMenuItem: (href) ->
-    @$mainMenu.children().removeClass 'active'
-    @$mainMenu.children("a[href='#/#{ href }']").addClass 'active'
+  _set_active_menu_item: ->
+    currentModuleName = window.location.hash.split('/')[1]
+    for a in @$mainMenu.children()
+      moduleName = $(a).attr('href').split('/')[1]
+      if currentModuleName == moduleName
+        return $(a).addClass('active')
 
-  unselectMenuItem: ->
-    @$mainMenu.children().removeClass 'active'
 
   # TODO: this piece of navigation code isn't clear, need to refactor to make
   #       it more readable
-  _navigate: (path) ->
-    # #/<module>[/<list>][/new]OR[/view/<objectId>]
+  _navigate: (path) -> #/<module>[/<list>][/new]OR[/view/<objectId>]
     crumbs = path.split('/')
 
-    @unselectMenuItem()
-
     # if module changed, hide previous module
     if @module != @modules[crumbs[1]]
       @module?.hide((path == '#/')) # NOTE: animate only for root path
@@ -60,29 +57,83 @@ class @Chr
       if crumbs.length > 0
         for crumb in crumbs
           if crumb == 'new'
-            # TODO: reset list data
+            # TODO: reset list data — why?
             return @module.showView(null, config, 'New')
 
           if crumb == 'view'
             objectId = _last(crumbs)
-            return @module.showViewWhenObjectsAreReady(objectId, config)
+            return @module.showViewByObjectId(objectId, config)
 
           config = config.items[crumb]
 
           if config.objectStore
-            # TODO: check if object is loaded and if it's not load it first
-            object = $.extend({ _id: crumb }, config.objectStore.get())
-            return @module.showView(object, config, crumb.titleize())
+            return @module.showViewByObjectId('', config, crumb.titleize())
 
           else
             @module.showNestedList(crumb)
       else
-        # NOTE: show module root list for the case when same module picked
+        # show module root list for the case when same module picked
         @module.destroyView()
         while @module.activeList != @module.rootList
           @module.hideActiveList(false)
 
 
+  start: (@config) ->
+    @$el       =$ (@config.selector ? 'body')
+    @$navBar   =$ "<nav class='sidebar'>"
+    @$mainMenu =$ "<div class='menu'>"
+
+    @$navBar.append @$mainMenu
+    @$el.append @$navBar
+
+    @modules[name] = new Module(this, name, config) for name, config of @config.modules
+
+    $(this).on 'hashchange', => @_set_active_menu_item()
+
+    window.onhashchange = =>
+      @_unset_active_menu_items()
+      @unsetActiveListItems()
+
+      # this workaround allows to skip chr _navigate method
+      # for silent hashchanges, e.g close view event
+      if not window._skipHashchange then @_navigate(location.hash)
+      window._skipHashchange = false
+
+      # triggers hashchange event which is used for navigation
+      # related code, e.g. list active item selection
+      $(this).trigger 'hashchange'
+
+    # use class 'silent' for <a> when need to skip onhashchange event
+    $(document).on 'click', 'a.silent', (e) -> window._skipHashchange = true
+
+    # if not mobile navigate on first page load or page refresh
+    window._skipHashchange = false
+
+    # if hash is not empty go to hash path module
+    if location.hash != ''
+      @_navigate(location.hash)
+      $(this).trigger 'hashchange'
+    else if ! _isMobile()
+      # if on desktop/tablet while hash is empty go to first module in the list
+      location.hash = '#/' + Object.keys(@modules)[0]
+
+
+  addMenuItem: (moduleName, title) ->
+    @$mainMenu.append "<a href='#/#{ moduleName }'>#{ title }</a>"
+
+
+  showAlert: (message) ->
+    console.log 'Alert: ' + message
+
+
+  showError: (message) ->
+    console.log 'Error: ' + message
+
+
+# -----------------------------------------------------------------------------
+# INIT
+# -----------------------------------------------------------------------------
+window.chr = new Chr()
 
 
 

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

@@ -1,12 +1,53 @@
 # -----------------------------------------------------------------------------
-# ITEM
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# LIST ITEM
+#
+# public methods:
+#   render()
+#   destroy()
+#   position()
+#
 # -----------------------------------------------------------------------------
 class @Item
-  _isFolder: ->
-    # TODO: update this logic as it's not reliable
+  constructor: (@module, @path, @object, @config) ->
+    @$el =$ """<a class='item' href='#{ @path }' data-id='#{ @object._id }' data-title=''></a>"""
+    @$el.on 'click', (e) => @_on_click(e)
+    @render()
+
+
+  _on_click: (e) ->
+    if @.$el.hasClass('active') then e.preventDefault() ; return
+
+    window._skipHashchange = true
+    location.hash = $(e.currentTarget).attr('href')
+
+    title  = $(e.currentTarget).attr('data-title')
+    id     = $(e.currentTarget).attr('data-id')
+    crumbs = location.href.split('/')
+
+    # view for a arrayStore item
+    if crumbs[crumbs.length - 2] == 'view'
+      return @module.showViewByObjectId(id, @config, title, true)
+
+    if @config.objectStore
+      return @module.showViewByObjectId('', @config, title, true)
+
+    @module.showNestedList(_last(crumbs), true)
+
+
+  _is_folder: ->
+    # update this logic as it's not reliable
     if @object._title then true else false
 
-  _renderTitle: ->
+
+  _render_title: ->
     title  = @object._title # nested list title predefined in config (or slug based)
     title ?= @object[@config.itemTitleField] # based on config
     title ?= _firstNonEmptyValue(@object) # auto-generated: first non empty value
@@ -17,7 +58,8 @@ class @Item
     @$el.append(@$title)
     @$el.attr  'data-title', title
 
-  _renderSubtitle: ->
+
+  _render_subtitle: ->
     if @config.itemSubtitleField
       subtitle   = @object[@config.itemSubtitleField]
       if subtitle != ''
@@ -25,56 +67,37 @@ class @Item
         @$el.append(@$subtitle)
         @$el.addClass 'has-subtitle'
 
-  _renderThumbnail: ->
+
+  _render_thumbnail: ->
     if @config.itemThumbnail
       imageUrl = @config.itemThumbnail(@object)
-      if imageUrl != '' and not imageUrl.endsWith('_old_') # NOTE: carrierwave fix
+      # carrierwave fix, check if still required
+      if imageUrl != '' and not imageUrl.endsWith('_old_')
         @$thumbnail =$ "<div class='item-thumbnail'><img src='#{imageUrl}' /></div>"
         @$el.append(@$thumbnail)
         @$el.addClass 'has-thumbnail'
 
+
   render: ->
     @$el.html('').removeClass('item-folder has-subtitle has-thumbnail')
-    @_renderTitle()
+    @_render_title()
 
-    if @_isFolder()
+    if @_is_folder()
       @$el.addClass('item-folder')
       @$el.append $("<div class='icon-folder'></div>")
     else
-      @_renderSubtitle()
-      @_renderThumbnail()
+      @_render_subtitle()
+      @_render_thumbnail()
 
       if @config.arrayStore and @config.arrayStore.reorderable
         @$el.addClass('reorderable')
         @$el.append $("<div class='icon-reorder'></div>")
 
-  constructor: (@module, @path, @object, @config) ->
-    @$el =$ """<a class='item silent' href='#{ @path }' data-id='#{ @object._id }' data-title=''></a>"""
-    @$el.on 'click', (e) => @onClick(e)
-    @render()
-
-  onClick: (e) ->
-    window._skipHashchange = true
-    location.hash = $(e.currentTarget).attr('href')
-
-    title  = $(e.currentTarget).attr('data-title')
-    id     = $(e.currentTarget).attr('data-id')
-    crumbs = location.href.split('/')
-
-    if @config.arrayStore and crumbs[crumbs.length - 2] == 'view'
-      object = @config.arrayStore.get(id)
-
-    if @config.objectStore
-      object = @config.objectStore.get()
-
-    if object
-      return @module.showView(object, @config, title, true)
-
-    @module.showNestedList(_last(crumbs), true)
 
   destroy: ->
     @$el.remove()
 
+
   position: ->
     positionFieldName = @config.arrayStore.sortBy
     parseFloat(@object[positionFieldName])
@@ -82,4 +105,3 @@ class @Item
 
 
 
-

data/app/assets/javascripts/chr/core/{list-scroll.coffee → list-pagination.coffee}

@@ -1,13 +1,15 @@
 # -----------------------------------------------------------------------------
 # LIST SCROLL
+# todo:
+#  - trigger onScroll event only when scrolling down
 # -----------------------------------------------------------------------------
-@_listBindScroll = (listEl) ->
+@_listBindPagination = (listEl) ->
   $container = listEl.$el
   $list      = listEl.$items
   arrayStore = listEl.config.arrayStore
 
   $list.scroll (e) =>
-    if not arrayStore.dataFetchLock
+    if ! arrayStore.dataFetchLock
       $listChildren        = $list.children()
       listChildrenCount    = $listChildren.length
       listFirstChildHeight = $listChildren.first().outerHeight()
@@ -15,7 +17,8 @@
       viewHeight           = $container.height()
 
       if listHeight < (viewHeight + e.target.scrollTop + 100)
-        listEl._loading -> arrayStore.load()
+        listEl._show_spinner()
+        arrayStore.load()
 
 
 

data/app/assets/javascripts/chr/core/list-reorder.coffee

@@ -12,7 +12,7 @@
 
   config = arrayStore.reorderable
 
-  # NOTE: this is optimistic scenario when assumes that all positions are different
+  # this is optimistic scenario when assumes that all positions are different
   _getObjectNewPosition = (el) ->
     $el =$ el
 
@@ -47,7 +47,7 @@
   ), false
 
   list.addEventListener 'slip:reorder', ((e) =>
-    # NOTE: when `e.detail.insertBefore` is null, item put to the end of the list.
+    # when `e.detail.insertBefore` is null, item put to the end of the list.
     e.target.parentNode.insertBefore(e.target, e.detail.insertBefore)
 
     objectPositionValue = _getObjectNewPosition(e.target)
@@ -56,7 +56,7 @@
     value["[#{arrayStore.sortBy}"] = "#{ objectPositionValue }"
 
     arrayStore.update objectId, value,
-      # NOTE: error handling
+      # error handling
       onSuccess: (object) => ;
       onError: (errors) => ;
 

data/app/assets/javascripts/chr/core/list-search.coffee

@@ -5,23 +5,32 @@
   $input     = listEl.$search
   arrayStore = listEl.config.arrayStore
 
-  $input.show()
-
-  $input.on 'keydown', 'input', (e) =>
-    if e.keyCode == 13
-      query = $(e.target).val()
-      listEl._loading -> arrayStore.search(query)
+  runSearch = (input) ->
+    query = $(input).val()
+    listEl._show_spinner()
+    arrayStore.search(query)
 
-  $input.on 'click', '.icon', (e) =>
-    e.preventDefault()
+  showSearch = ->
     listEl.$el.addClass 'list-search'
     $input.find('input').focus()
 
-  $input.on 'click', '.cancel', (e) =>
-    e.preventDefault()
+  cancelSearch = ->
     listEl.$el.removeClass 'list-search'
     $input.find('input').val('')
-    listEl._loading -> arrayStore.reset()
+    listEl._show_spinner()
+    arrayStore.reset()
+
+  $input.show()
+
+  $input.on 'keyup', 'input', (e) =>
+    if e.keyCode == 27 # esc
+      return cancelSearch()
+
+    if e.keyCode == 13 # enter
+      return runSearch(e.target)
+
+  $input.on 'click', '.icon', (e)   => e.preventDefault() ; showSearch()
+  $input.on 'click', '.cancel', (e) => e.preventDefault() ; cancelSearch()
 
 
 

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

@@ -1,10 +1,105 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+#
+# Coding Guide:
+#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
+# -----------------------------------------------------------------------------
+
 # -----------------------------------------------------------------------------
 # LIST
+#
+# configuration options:
+#   itemClass          - item class to be used instead of default one
+#   itemTitleField     - object attributes name for list item title
+#   itemSubtitleField  - object attributes name for list item subtitle
+#   disableNewItems    - do not show new item button in list header
+#   disableUpdateItems - do not update list items
+#   onListInit         - callback on list is initialized
+#   onListShow         - callback on list is shown
+#   objects            - objects array to be added to the store on start
+#
+# public methods:
+#   hide()        - hide list
+#   show()        - show list
+#   updateItems() - update list items (sync through store with backend)
+#   isVisible()   - check if list is visible
+#
 # -----------------------------------------------------------------------------
 class @List
-  _loading: (callback) ->
-    @$el.addClass 'list-loading'
-    callback()
+  constructor: (@module, @name, @config, @parentList) ->
+    @configItemsCount = 0
+    @path           = @_path()
+    @items          = {}
+    @title          = @config.title      ? @name.titleize()
+    @itemClass      = @config.itemClass  ? Item
+    @showWithParent = false
+    if @parentList
+      @showWithParent = @parentList.config.showNestedListsAside || false
+
+    @config.showListWithParent ? false
+
+    @$el =$ "<div class='list #{ @name }'>"
+    @module.$el.append @$el
+
+    # hide all nested lists
+    if @parentList then @$el.hide()
+
+    # items
+    @$items =$ "<div class='items'>"
+    @$el.append @$items
+
+    # header
+    @$header =$ "<header></header>"
+    @$el.append @$header
+
+    # back button
+    if @parentList
+      @$backBtn =$ "<a href='#/#{ @parentList.path }' class='back silent'></a>"
+      @$backBtn.on 'click', (e) => @_on_back(e)
+    else
+      @$backBtn =$ "<a href='#/' class='back'></a>"
+    @$header.prepend @$backBtn
+
+    # spinner & title
+    @$header.append "<div class='spinner'></div>"
+    @$header.append "<span class='title'>#{ @title }</span>"
+
+    # new item button
+    if not @config.disableNewItems and @config.formSchema
+      @$newBtn =$ "<a href='#/#{ @path }/new' class='new silent'></a>"
+      @$newBtn.on 'click', (e) => @_on_new(e)
+      @$header.append @$newBtn
+
+    # search
+    @$search =$ """<div class='search' style='display: none;'>
+                     <a href='#' class='icon'></a>
+                     <input type='text' placeholder='Search...' />
+                     <a href='#' class='cancel'>Cancel</a>
+                   </div>"""
+    @$header.append @$search
+
+    if @config.items       then @_process_config_items()
+    if @config.arrayStore  then @_bind_config_array_store()
+    if @config.objectStore then @_bind_config_object_store()
+
+    @_bind_hashchange()
+
+    @config.onListInit?(@)
+
+
+  _bind_hashchange: ->
+    $(chr).on 'hashchange', => @_set_active_item()
+
+
+  _set_active_item: ->
+    hash = window.location.hash
+    if hash.startsWith "#/#{ @module.name }"
+      for a in @$items.children()
+        itemPath = $(a).attr('href')
+        if hash.startsWith(itemPath)
+          return $(a).addClass('active')
+
 
   _path: ->
     crumbs = [] ; l = this
@@ -12,56 +107,49 @@ class @List
       crumbs.push(l.name) ; l = l.parentList
     @module.name + ( if crumbs.length > 0 then '/' + crumbs.reverse().join('/') else '' )
 
-  _updateItemPosition: (item, position) ->
-    position = @configItemsCount + position
-    if position == 0
-      @$items.prepend(item.$el)
-    else
-      @$items.append(item.$el.hide())
-      $(@$items.children()[position - 1]).after(item.$el.show())
-
-  _addItem: (path, object, position, config) ->
-    item = new Item(@module, path, object, config)
-    @items[object._id] = item
-    @_updateItemPosition(item, position)
 
-  _processConfigItems: ->
+  _process_config_items: ->
     for slug, config of @config.items
       object = { _id: slug, _title: config.title ? slug.titleize() }
 
-      if config.objectStore
-        $.extend(object, config.objectStore.get())
+      #if config.objectStore
+      #  $.extend(object, config.objectStore.get())
 
       if config.items or config.arrayStore
         @module.addNestedList(slug, config, this)
 
-      @_addItem("#/#{ @path }/#{ slug }", object, 0, config)
+      @_add_item("#/#{ @path }/#{ slug }", object, 0, config)
       @configItemsCount += 1
 
-  _bindConfigObjectStore: ->
 
-  _bindConfigArrayStore: ->
+  _bind_config_object_store: ->
 
-    # NOTE: starts data fetch
+
+  _bind_config_array_store: ->
+    # item added
     @config.arrayStore.on 'object_added', (e, data) =>
-      @_addItem("#/#{ @path }/view/#{ data.object._id }", data.object, data.position, @config)
-      data.callback?(data.object)
+      @_add_item("#/#{ @path }/view/#{ data.object._id }", data.object, data.position, @config)
+
+    if @config.objects
+      @config.arrayStore.addObjects(@config.objects)
 
+    # item updated
     @config.arrayStore.on 'object_changed', (e, data) =>
       item = @items[data.object._id]
-      item.render()
-      @_updateItemPosition(item, data.position)
-      data.callback?(data.object)
+      if item then item.render() ; @_update_item_position(item, data.position)
 
+    # item removed
     @config.arrayStore.on 'object_removed', (e, data) =>
-      @items[data.object_id].destroy()
-      delete @items[data.object_id]
+      item = @items[data.object_id]
+      if item then item.destroy() ; delete @items[data.object_id]
 
+    # items loaded
     @config.arrayStore.on 'objects_added', (e, data) =>
-      @$el.removeClass 'list-loading'
+      @_hide_spinner()
+      @_set_active_item()
 
     if @config.arrayStore.pagination
-      _listBindScroll(this)
+      _listBindPagination(this)
 
     if @config.arrayStore.searchable
       _listBindSearch(this)
@@ -69,88 +157,74 @@ class @List
     if @config.arrayStore.reorderable
       _listBindReorder(this)
 
-  constructor: (@module, @name, @config, @parentList) ->
-    @configItemsCount = 0
-    @path  = @_path()
-    @items = {}
-    @title = @config.title ? @name.titleize()
 
-    @$el =$ "<div class='list #{ @name }'>"
-    @module.$el.append @$el
+  _add_item: (path, object, position, config) ->
+    item = new @itemClass(@module, path, object, config)
+    @items[object._id] = item
+    @_update_item_position(item, position)
 
-    if @parentList then @$el.hide() # hide all nested lists
 
-    @$items =$ "<div class='items'>"
-    @$el.append @$items
+  _update_item_position: (item, position) ->
+    position = @configItemsCount + position
+    if position == 0
+      @$items.prepend(item.$el)
+    else
+      @$items.append(item.$el.hide())
+      $(@$items.children()[position - 1]).after(item.$el.show())
 
-    @$header =$ "<header></header>"
 
-    if @parentList
-      # NOTE: show back button for nested list
-      @parentListPath = @parentList.path
-      @$backBtn =$ "<a href='#/#{ @parentListPath }' class='back silent'></a>"
-      @$backBtn.on 'click', (e) => @onBack(e)
-      @$header.prepend @$backBtn
-    else
-      @$backBtn =$ "<a href='#/' class='back'></a>"
-      @$header.prepend @$backBtn
+  _show_spinner: ->
+    @$el.addClass 'show-spinner'
 
 
-    @$header.append "<span class='title'>#{ @title }</span>"
+  _hide_spinner: ->
+    @$el.removeClass 'show-spinner'
 
-    if not @config.disableNewItems and @config.formSchema
-      @$newBtn =$ "<a href='#/#{ @path }/new' class='new silent'></a>"
-      @$newBtn.on 'click', (e) => @onNew(e)
-      @$header.append @$newBtn
 
-    @$search =$ """<div class='search' style='display: none;'>
-                     <a href='#' class='icon'></a>
-                     <input type='text' placeholder='Search...' />
-                     <a href='#' class='cancel'>Cancel</a>
-                   </div>"""
-    @$header.append @$search
+  _on_back: (e) ->
+    @module.chr.unsetActiveListItems()
+    @module.destroyView()
 
-    @$el.append @$header
+    if @showWithParent
+      @hide(true)
+    else
+      @module.hideActiveList(true)
 
-    if @config.items       then @_processConfigItems()
-    if @config.arrayStore  then @_bindConfigArrayStore()
-    if @config.objectStore then @_bindConfigObjectStore()
 
-    @config.onListInit?(@)
+  _on_new: (e) ->
+    window._skipHashchange = true
+    location.hash = $(e.currentTarget).attr('href')
+    @module.showView(null, @config, 'New', true)
 
-  selectItem: (href) ->
-    @$items.children("a[href='#{ href }']").addClass 'active'
 
-  unselectItems: ->
-    @$items.children().removeClass 'active'
+  hide: (animate) ->
+    if animate then @$el.fadeOut() else @$el.hide()
 
-  hide: ->
-    @unselectItems()
-    @$el.hide()
 
-  show: (animate=false) ->
+  show: (animate=false, callback) ->
+    onShow = =>
+      @$items.scrollTop(0)
+      @config.onListShow?(@)
+      callback?()
+
     if animate
-      @$el.fadeIn()
+      # z-index workaround to remove blink effect
+      @$el.css({ 'z-index': 1, 'box-shadow': 'none' })
+      @$el.fadeIn $.fx.speeds._default, => @$el.css({ 'z-index': '', 'box-shadow': '' }) ; onShow()
     else
-      @$el.show()
+      @$el.show() ; onShow()
 
-  onBack: (e) ->
-    @unselectItems()
-    @module.hideActiveList(true)
-    @module.destroyView()
 
-  onNew: (e) ->
-    window._skipHashchange = true
-    location.hash = $(e.currentTarget).attr('href')
-    @module.showView(null, @config, 'New', true)
-
-  updateItems: (callback) ->
-    if not @config.disableReset
+  updateItems: ->
+    if not @config.disableUpdateItems
       if @config.arrayStore
-        @_loading => @config.arrayStore.reset(callback)
+        @_show_spinner()
+        @config.arrayStore.reset()
+
 
   isVisible: ->
     @$el.is(':visible')
 
 
 
+