chr 0.5.1 → 0.5.3

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

@@ -1,10 +1,9 @@
 # -----------------------------------------------------------------------------
 # LIST SEARCH
 # -----------------------------------------------------------------------------
-
 @listSearch =
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _bind_search: ->
     @$search       =$ "<div class='search'></div>"
@@ -27,27 +26,20 @@
     @$searchIcon.on   'click', (e) => e.preventDefault() ; @_on_search_show()
     @$searchCancel.on 'click', (e) => e.preventDefault() ; @_on_search_cancel()
 
-
-  # EVENTS ================================================
+  # EVENTS ====================================================================
 
   _on_search: ->
     query = @$searchInput.val()
     @showSpinner()
     @config.arrayStore.search(query)
 
-
   _on_search_show: ->
     @$el.addClass('list-search')
     @$searchInput.focus()
     @$search.show()
 
-
   _on_search_cancel: ->
     @$el.removeClass('list-search')
     @$searchInput.val('')
     @showSpinner()
     @config.arrayStore.reset()
-
-
-
-

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

@@ -0,0 +1,42 @@
+# -----------------------------------------------------------------------------
+# LIST TABS
+# -----------------------------------------------------------------------------
+@listTabs =
+
+  # PRIVATE ===================================================================
+
+  _bind_tabs: ->
+    @$title.addClass "title-with-tabs"
+    @$tabs =$ "<aside class='header-tabs'>"
+    @$title.after @$tabs
+    @tabLinks = []
+
+    for title, urlParams of @config.listTabs
+      @_add_tab(title, urlParams)
+
+    $firstTab = @tabLinks[0]
+    @selectTab($firstTab, false)
+
+  _add_tab: (title, urlParams) ->
+    $tab =$ "<a href='#'>#{title}</a>"
+    @$tabs.append $tab
+    @tabLinks.push $tab
+
+    $tab.on "click", (e) =>
+      e.preventDefault()
+      $tab =$ e.currentTarget
+      @selectTab($tab, true)
+
+  # PUBLIC ====================================================================
+
+  selectTab: ($tab, resetList) ->
+    @$tabs.children().removeClass "active"
+    $tab.addClass "active"
+    tabName = $tab.html()
+    params = @config.listTabs[tabName]
+
+    if resetList
+      @showSpinner()
+      @config.arrayStore.filter(params)
+    else
+      @config.arrayStore.filterParams = params

data/app/assets/javascripts/chr/module-categories.coffee

@@ -1,8 +1,6 @@
 # ------------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-# ------------------------------------------------------------------------------
-
 # ------------------------------------------------------------------------------
 # MODULE CATEGORIES
 # ------------------------------------------------------------------------------

data/app/assets/javascripts/chr/module.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
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # MODULE
 # -----------------------------------------------------------------------------
@@ -24,7 +19,6 @@
 #   destroyView ()
 #   show ()
 #   hide ()
-#
 # -----------------------------------------------------------------------------
 class @Module
   constructor: (@chr, @name, @config) ->
@@ -41,18 +35,15 @@ class @Module
     @menuTitle ?= @name.titleize()
     @menuIcon   = @config.menuIcon
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   onModuleInit: ->
     @config.onModuleInit?(this)
 
-
   addNestedList: (name, config, parentList) ->
     path = [ parentList.path, name ].join('/')
     @nestedLists[name] = new List(this, path, name, config, parentList)
 
-
   showList: (name) ->
     if ! name # show root list, hide all nested
       list.hide() for key, list of @nestedLists
@@ -62,28 +53,19 @@ class @Module
 
     @activeList.show()
 
-
   showView: (objectId, config) ->
     @view = new View(this, config, @activeList.path, @activeList.name)
     @$el.append(@view.$el)
     @view.show(objectId)
 
-
   show: ->
     @$el.show()
     @showList()
 
-
   hide: ->
     @destroyView()
     @$el.hide()
 
-
   destroyView: ->
     @view?.destroy()
     @view = null
-
-
-
-
-

data/app/assets/javascripts/chr/utils.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
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # UTILS
 # -----------------------------------------------------------------------------
@@ -59,7 +54,6 @@ if typeof String.prototype.endsWith != 'function'
 if typeof String.prototype.plainText != 'function'
   String.prototype.plainText = () -> return $("<div>#{ this }</div>").text()
 
-
 # -----------------------------------------------------------------------------
 # Mixins: http://arcturo.github.io/library/coffeescript/03_classes.html
 # -----------------------------------------------------------------------------

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

@@ -1,26 +1,26 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # VIEW
 # -----------------------------------------------------------------------------
+# 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
+#   disableSave      - do not add save button in header
+#   fullsizeView     — use fullsize layout in desktop mode
+#   defaultNewObject - used to generate new form
+#   viewTabs         - hash with group input names and titles
 #
-# 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
-#   disableSave       - do not add save button in header
-#   fullsizeView      — use fullsize layout in desktop mode
-#   onViewShow        - on show callback
-#   onSaveSuccess     - on document succesfully saved callback
-#   defaultNewObject  - used to generate new form
+# Callbacks:
+#   onViewShow    - on show callback
+#   onNewShow     - on new object view show callback
+#   onEditShow    - on edit object view show callback
+#   onSaveSuccess - on document succesfully saved callback
+#   onSaveError   - on document save error callback
 #
-# Public methods:
+# Methods:
 #   show(objectId)
 #   destroy()
 #   showSpinner()
@@ -28,7 +28,6 @@
 #
 # Dependencies:
 #= require ./view_tabs
-#
 # -----------------------------------------------------------------------------
 class @View
   constructor: (@module, @config, @closePath, @listName) ->
@@ -57,8 +56,7 @@ class @View
     @$content =$ "<div class='content'></div>"
     @$el.append @$content
 
-
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _set_title: ->
     if ! @object
@@ -76,30 +74,31 @@ class @View
 
     @$title.html(title.plainText())
 
-
   _add_delete_button: ->
     unless @config.disableDelete or @config.objectStore or (! @object)
       @$deleteBtn =$ "<a href='#' class='view-delete'>Delete</a>"
       @$deleteBtn.on 'click', (e) => @_delete(e)
       @$content.append @$deleteBtn
 
-
   _save_success: ->
-    @$el.removeClass('view-saving')
+    @$el.removeClass("view-new")
+    @$el.addClass("view-edit")
+    @$el.removeClass("view-saving")
+
     @_set_title()
     @form.hideValidationErrors()
     @form.updateValues(@object)
 
     @config.onSaveSuccess?(@)
 
-
   _save_error: (message, validationErrors) ->
     @$el.removeClass('view-saving')
     @form.showValidationErrors(validationErrors)
     chr.showError(message)
 
+    @config.onSaveError?(@, validationErrors)
 
-  # EVENTS ================================================
+  # EVENTS ====================================================================
 
   _save: (e) ->
     e.preventDefault()
@@ -111,7 +110,8 @@ class @View
       @store.update @object._id, serializedFormObj,
         onSuccess: (@object) =>
           @_save_success()
-        onError: (errors) => @_save_error('Changes are not saved.', errors)
+        onError: (errors) =>
+          @_save_error('Changes are not saved.', errors)
     else
       @store.push serializedFormObj,
         onSuccess: (@object) =>
@@ -120,8 +120,8 @@ class @View
           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)
-
+        onError: (errors) =>
+          @_save_error('Document is not created due to an error.', errors)
 
   _delete: (e) ->
     e.preventDefault()
@@ -133,8 +133,7 @@ class @View
           chr.mobileListLock(false)
         onError: -> chr.showError('Can\'t delete document.')
 
-
-  _render_form: ->
+  _render_form: (newObject=false) ->
     @_set_title()
 
     @hideSpinner()
@@ -154,30 +153,32 @@ class @View
     @_add_delete_button()
     if @config.viewTabs
       @_build_tabs()
-    @config.onViewShow?(@)
 
+    if newObject
+      @$el.addClass("view-new")
+      @config.onNewShow?(@)
+    else
+      @$el.addClass("view-edit")
+      @config.onEditShow?(@)
+
+    @config.onViewShow?(@)
 
   _show_error: ->
     @hideSpinner()
     chr.showError("can\'t show view for requested object, application error 500")
 
-
-  # PUBLIC ================================================
-
+  # PUBLIC ====================================================================
 
   showSpinner: ->
     @$el.addClass('show-spinner')
 
-
   hideSpinner: ->
     @$el.removeClass('show-spinner')
 
-
   destroy: ->
     @form?.destroy()
     @$el.remove()
 
-
   show: (objectId) ->
     callbacks =
       onSuccess: (@object) => @_render_form()
@@ -188,7 +189,7 @@ class @View
     # new for array store
     if objectId == null
       @object = null
-      @_render_form()
+      @_render_form(true)
 
     # object store
     else if objectId == ''

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

@@ -1,18 +1,32 @@
 # -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+# -----------------------------------------------------------------------------
 # VIEW TABS
 # -----------------------------------------------------------------------------
-
+# Example:
+#
+#   viewTabs:
+#     editor: 'Page'
+#     settings: 'Options'
+#   formSchema:
+#     editor:
+#       type: 'group'
+#       inputs:
+#         ...
+#     settings:
+#       type: 'group'
+#       inputs:
+#         ...
+# -----------------------------------------------------------------------------
 @viewTabs =
-
-  # PRIVATE ===============================================
-
+  # PRIVATE ===================================================================
   _build_tabs: ->
     @$title.addClass 'title-with-tabs'
 
     @_create_tabs()
     @_activate_tab(0)
 
-
   _create_tabs: ->
     @tabGroups = []
     groupsHash      = {}
@@ -27,7 +41,6 @@
       @tabGroups.push(groupsHash[tab_id])
       @$tabs.append(@_create_button(tab_title))
 
-
   _create_button: (name) ->
     $tabButton =$ "<a href='#'>#{ name }</a>"
     $tabButton.on 'click', (e) =>
@@ -35,12 +48,10 @@
       e.preventDefault()
     return $tabButton
 
-
   _on_tab_click: ($link) ->
     index = @$tabs.children().index($link)
     @_activate_tab(index)
 
-
   _activate_tab: (index) ->
     @$tabs.children().removeClass('active')
     @$tabs.find(":nth-child(#{ index + 1 })").addClass('active')

data/app/assets/javascripts/stores/rest-array.coffee

@@ -1,15 +1,9 @@
 # -----------------------------------------------------------------------------
 # Author: Alexander Kravets <alex@slatestudio.com>,
 #         Slate Studio (http://www.slatestudio.com)
-#
-# Coding Guide:
-#   https://github.com/thoughtbot/guides/tree/master/style/coffeescript
-# -----------------------------------------------------------------------------
-
 # -----------------------------------------------------------------------------
 # REST ARRAY STORE
 # -----------------------------------------------------------------------------
-#
 # Config options:
 #   pagination  - enable pagination for resource index, default `true`
 #   searchable  - enable resource search, default `false`
@@ -23,21 +17,22 @@
 #   push
 #   update
 #   remove
-#
+#   filter
 # -----------------------------------------------------------------------------
 class @RestArrayStore extends ArrayStore
 
-  # PRIVATE ===============================================
+  # PRIVATE ===================================================================
 
   _initialize_store: ->
-    @dataFetchLock  = false
+    @dataFetchLock = false
     @lastPageLoaded = false
 
-    @searchable     = @config.searchable ? false
-    @searchQuery    = ''
+    @searchable = @config.searchable ? false
+    @searchQuery = ''
+    @filterParams = {}
 
-    @pagination     = @config.pagination ? true
-    @nextPage       = 1
+    @pagination = @config.pagination ? true
+    @nextPage = 1
     @objectsPerPage = chr.itemsPerPageRequest ? 20
 
     @requestParams ?=
@@ -47,17 +42,14 @@ class @RestArrayStore extends ArrayStore
 
     @_configure_store()
 
-
   _configure_store: ->
     @ajaxConfig = {}
 
-
   # generate rest url for resource
   _resource_url: (type, id) ->
     objectPath = if id then "/#{ id }" else ''
     "#{ @config.path }#{ objectPath }"
 
-
   _request_url: (type, id) ->
     url = @_resource_url(type, id)
 
@@ -67,7 +59,6 @@ class @RestArrayStore extends ArrayStore
 
     return url
 
-
   # do requests to database api
   _ajax: (type, id, data, success, error) ->
     options = $.extend @ajaxConfig,
@@ -84,7 +75,6 @@ class @RestArrayStore extends ArrayStore
     @dataFetchLock = true
     $.ajax options
 
-
   # check how this works with sorting enabled
   _sync_with_data_objects: (objects) ->
     if objects.length == 0 then return @_reset_data()
@@ -109,7 +99,6 @@ class @RestArrayStore extends ArrayStore
     for id in updateDataObjectIds
       @_update_data_object(id, objectsMap[id])
 
-
   # update next page counter and check if the last page was loaded
   _update_next_page: (data) ->
     if @pagination
@@ -123,17 +112,14 @@ class @RestArrayStore extends ArrayStore
       else
         @lastPageLoaded = true
 
-
   _is_pagination_edge_case: ->
     ( @pagination && @lastPageLoaded == false )
 
-
   _reload_current_page: (callbacks) ->
     @nextPage -= 1
     @load(true, callbacks)
 
-
-  # PUBLIC ================================================
+  # PUBLIC ====================================================================
 
   # load a single object
   loadObject: (id, callbacks={}) ->
@@ -145,7 +131,6 @@ class @RestArrayStore extends ArrayStore
       callbacks.onSuccess(object)
     ), callbacks.onError
 
-
   # load next page objects from database and trigger 'objects_added' event
   load: (sync=false, callbacks={}) ->
     callbacks.onSuccess ?= $.noop
@@ -154,11 +139,15 @@ class @RestArrayStore extends ArrayStore
     params = {}
 
     if @pagination
-      params[@requestParams.page]    = @nextPage
+      params[@requestParams.page] = @nextPage
       params[@requestParams.perPage] = @objectsPerPage
 
     if @searchable && @searchQuery.length > 0
-      params[@requestParams.search]  = @searchQuery
+      params[@requestParams.search] = @searchQuery
+
+    else
+      # apply filter params if there is no search query
+      $.extend(params, @filterParams)
 
     params = $.param(params)
 
@@ -175,18 +164,22 @@ class @RestArrayStore extends ArrayStore
       $(this).trigger('objects_added', { objects: data })
     ), -> chr.showError('Error while loading data, application error 500.')
 
+  # reset data and load again first page, this method is used by filters and
+  # search. when search is canceled it should keep previously set filter params
+  reset: (@searchQuery='', filterParams) ->
+    if filterParams
+      @filterParams = filterParams
 
-  # reset data and load again first page
-  reset: (@searchQuery='') ->
     @lastPageLoaded = false
-    @nextPage       = 1
+    @nextPage = 1
     @load(true)
 
-
   # load search results first page
   search: (searchQuery) ->
     @reset(searchQuery)
 
+  filter: (filterParams) ->
+    @reset('', filterParams)
 
   # add new object
   push: (serializedFormObject, callbacks={}) ->
@@ -207,7 +200,6 @@ class @RestArrayStore extends ArrayStore
 
     ), callbacks.onError
 
-
   # update objects attributes
   update: (id, serializedFormObject, callbacks={}) ->
     callbacks.onSuccess ?= $.noop
@@ -232,7 +224,6 @@ class @RestArrayStore extends ArrayStore
 
     ), callbacks.onError
 
-
   # delete object
   remove: (id, callbacks={}) ->
     callbacks.onSuccess ?= $.noop
@@ -249,7 +240,3 @@ class @RestArrayStore extends ArrayStore
         callbacks.onSuccess()
 
     ), callbacks.onError
-
-
-
-