chr 0.2.1 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7349b5bd70a0b05aaf3a633a3c51b3f7c626da3f
-  data.tar.gz: 96896128a99565eb3f1b59419d8b4678b6cd27bc
+  metadata.gz: c1e8a41bc74d5c9663f0f5d10ac550ada054fe57
+  data.tar.gz: cf8bb324690c3c73033768e2683cb2270fed88f3
 SHA512:
-  metadata.gz: 756015e110eb04f9bf47d08b3d7185181a3e14438118d1b7fd7d90454f72f22610c4c7d36b6bf1792b84d54680b1e1c6b4b254937e0d63fb1cc8749df9ece105
-  data.tar.gz: ed74cff422c37caeaf12ed7941b0caa53fc702eae5f5cf3497bec744acafb033483dca054df145ceaa2eeba88da9a17d037a9fb51f40bcbe7feb764d1e35a51b
+  metadata.gz: 15adb4c217afc3aeb3c8af54f251fb7d7e358490607c2cd67643a2f67b9221001caef951abf4541d3df7621fc85eaeed4d7ec6d987c43a9e8a4a11fc99a10bdd
+  data.tar.gz: 58ce4a8966c8c7408f57fe5f0fb9f7df2a9898e21f5c120014cb4e4bfea1f0b4d9cb5832ef249ee72f07b9ebf0ba62982e4926485f515755ec30071358da2c03

data/.gitignore

@@ -5,5 +5,4 @@ _site
 *swp
 Gemfile.lock
 tmp
-dist
 node_modules

data/Gruntfile.coffee

@@ -8,39 +8,52 @@ module.exports = (grunt) ->
           bare: true
         files:
           'build/chr.js': [
-            #
-            'app/assets/javascripts/chr/core/item.coffee'
+            # core
+            'app/assets/javascripts/chr/core/utils.coffee'
+            'app/assets/javascripts/chr/core/chr.coffee'
+            'app/assets/javascripts/chr/core/module.coffee'
+            'app/assets/javascripts/chr/core/list_config.coffee'
+            'app/assets/javascripts/chr/core/list_pagination.coffee'
+            'app/assets/javascripts/chr/core/list_reorder.coffee'
+            'app/assets/javascripts/chr/core/list_search.coffee'
             'app/assets/javascripts/chr/core/list.coffee'
-            'app/assets/javascripts/chr/core/list-search.coffee'
-            'app/assets/javascripts/chr/core/list-scroll.coffee'
-            'app/assets/javascripts/chr/core/list-reorder.coffee'
+            'app/assets/javascripts/chr/core/item.coffee'
             'app/assets/javascripts/chr/core/view.coffee'
-            'app/assets/javascripts/chr/core/module.coffee'
-            #
+            # form
             'app/assets/javascripts/chr/form/form.coffee'
+            'app/assets/javascripts/chr/form/input-form_reorder.coffee'
+            'app/assets/javascripts/chr/form/input-form.coffee'
             'app/assets/javascripts/chr/form/input-string.coffee'
+            'app/assets/javascripts/chr/form/input-hidden.coffee'
             'app/assets/javascripts/chr/form/input-checkbox.coffee'
             'app/assets/javascripts/chr/form/input-color.coffee'
+            'app/assets/javascripts/chr/form/input-date.coffee'
             'app/assets/javascripts/chr/form/input-file.coffee'
-            'app/assets/javascripts/chr/form/input-hidden.coffee'
+            'app/assets/javascripts/chr/form/input-list_reorder.coffee'
             'app/assets/javascripts/chr/form/input-list.coffee'
+            'app/assets/javascripts/chr/form/input-password.coffee'
             'app/assets/javascripts/chr/form/input-select.coffee'
             'app/assets/javascripts/chr/form/input-text.coffee'
-            'app/assets/javascripts/chr/form/nested-form.coffee'
-            #
+            # stores
             'app/assets/javascripts/chr/store/_array-store.coffee'
             'app/assets/javascripts/chr/store/_object-store.coffee'
             'app/assets/javascripts/chr/store/rest-array-store.coffee'
             'app/assets/javascripts/chr/store/rest-object-store.coffee'
             'app/assets/javascripts/chr/store/mongosteen-array-store.coffee'
             'app/assets/javascripts/chr/store/mongosteen-object-store.coffee'
-            #
-            'app/assets/javascripts/chr/core/utils.coffee'
-            'app/assets/javascripts/chr/core/chr.coffee'
+          ]
+
+          'build/input-ace.js': [
+            'app/assets/javascripts/input-html.coffee'
+            'app/assets/javascripts/input-markdown.coffee'
+          ]
+
+          'build/input-redactor.js': [
+            'app/assets/javascripts/input-redactor.coffee'
           ]
 
     concat:
-      vendor:
+      chr:
         src: [
           'app/assets/javascripts/chr/vendor/slip.js'
           'app/assets/javascripts/chr/vendor/jquery.scrollparent.js'
@@ -48,7 +61,24 @@ module.exports = (grunt) ->
           'app/assets/javascripts/chr/vendor/jquery.typeahead.js'
           'build/chr.js'
         ]
-        dest: 'app/assets/javascripts/chr-dist.js'
+        dest: 'dist/chr.js'
+
+      ace:
+        src: [
+          'app/assets/javascripts/chr/vendor/ace.js'
+          'app/assets/javascripts/chr/vendor/mode-html.js'
+          'app/assets/javascripts/chr/vendor/mode-markdown.js'
+          'app/assets/javascripts/chr/vendor/marked.js'
+          'build/input-ace.js'
+        ]
+        dest: 'dist/input-ace.js'
+
+      redactor:
+        src: [
+          'app/assets/javascripts/chr/vendor/redactor.fixedtoolbar.js'
+          'build/input-redactor.js'
+        ]
+        dest: 'dist/input-redactor.js'
 
     clean: [
       'build'
@@ -58,4 +88,8 @@ module.exports = (grunt) ->
   grunt.loadNpmTasks('grunt-contrib-concat')
   grunt.loadNpmTasks('grunt-contrib-clean')
 
-  grunt.registerTask('default', ['coffee', 'concat', 'clean'])
+  grunt.registerTask('default', ['coffee', 'concat', 'clean'])
+
+
+
+

data/app/assets/javascripts/chr.coffee

@@ -1,33 +1,26 @@
-#= require ./chr/vendor/jquery.scrollparent
-#= require ./chr/vendor/jquery.textarea_autosize
-#= require ./chr/vendor/jquery.typeahead
-#= require ./chr/vendor/slip
+#= require ./chr/core/utils
+#= require ./chr/core/chr
 
-#= require ./chr/core/item
+#= require ./chr/core/module
 #= require ./chr/core/list
-#= require ./chr/core/list-search
-#= require ./chr/core/list-pagination
-#= require ./chr/core/list-reorder
+#= require ./chr/core/item
 #= require ./chr/core/view
-#= require ./chr/core/module
 
 #= require ./chr/form/form
+#= require ./chr/form/input-form
+#= require ./chr/form/input-hidden
 #= require ./chr/form/input-string
+#= require ./chr/form/input-text
 #= require ./chr/form/input-checkbox
+#= require ./chr/form/input-password
 #= require ./chr/form/input-color
 #= require ./chr/form/input-file
-#= require ./chr/form/input-hidden
 #= require ./chr/form/input-list
 #= require ./chr/form/input-select
-#= require ./chr/form/input-text
-#= require ./chr/form/nested-form
 
 #= 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
+#= require ./chr/store/mongosteen-array-store

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

@@ -8,25 +8,34 @@
 
 # -----------------------------------------------------------------------------
 # CHARACTER
+# -----------------------------------------------------------------------------
+# Public attributes:
+#   modules
+#   formInputs
+#   itemsPerPageRequest
 #
-# public methods:
+# 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
+#   isMobile()                     - check if running on mobile
+#   unsetActiveListItems()         - clear selection from all list items
+#   updateHash(hash, skipHashChange=false)
 #
 # -----------------------------------------------------------------------------
 class @Chr
   constructor: ->
-    @modules = {}
+    @formInputs = {}
+    @modules    = {}
 
+    @itemsPerPageRequest = Math.ceil($(window).height() / 60) * 2
 
-  _unset_active_menu_items: ->
-    $('.sidebar .menu a.active').removeClass('active')
 
+  # PRIVATE ===============================================
 
-  unsetActiveListItems: ->
-    $('.list .items .item.active').removeClass('active')
+  _unset_active_menu_items: ->
+    $('.sidebar .menu a.active').removeClass('active')
 
 
   _set_active_menu_item: ->
@@ -37,8 +46,6 @@ class @Chr
         return $(a).addClass('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>]
     crumbs = path.split('/')
 
@@ -57,7 +64,6 @@ class @Chr
       if crumbs.length > 0
         for crumb in crumbs
           if crumb == 'new'
-            # TODO: reset list data — why?
             return @module.showView(null, config, 'New')
 
           if crumb == 'view'
@@ -72,10 +78,22 @@ class @Chr
           else
             @module.showNestedList(crumb)
       else
-        # show module root list for the case when same module picked
-        @module.destroyView()
-        while @module.activeList != @module.rootList
-          @module.hideActiveList(false)
+        @module.showRootList()
+
+
+  # PUBLIC ================================================
+
+  unsetActiveListItems: ->
+    $('.list .items .item.active').removeClass('active')
+
+
+  isMobile: ->
+    $(window).width() < 760
+
+
+  updateHash: (hash, skipHashChange=false) ->
+    window._skipHashchange = skipHashChange
+    location.hash = hash
 
 
   start: (@config) ->
@@ -94,8 +112,8 @@ class @Chr
       @_unset_active_menu_items()
       @unsetActiveListItems()
 
-      # this workaround allows to skip chr _navigate method
-      # for silent hashchanges, e.g close view event
+      # this 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
 
@@ -109,11 +127,11 @@ class @Chr
     # 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 hash is not empty go to module
     if location.hash != ''
       @_navigate(location.hash)
-      $(this).trigger 'hashchange'
-    else if ! _isMobile()
+      $(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]
 
@@ -127,11 +145,11 @@ class @Chr
 
 
   showError: (message) ->
-    console.log 'Error: ' + message
+    alert 'Error: ' + message
 
 
 # -----------------------------------------------------------------------------
-# INIT
+# Initialize `chr` object in global scope
 # -----------------------------------------------------------------------------
 window.chr = new Chr()
 

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

@@ -8,7 +8,7 @@
 
 # -----------------------------------------------------------------------------
 # LIST ITEM
-#
+# -----------------------------------------------------------------------------
 # public methods:
 #   render()
 #   destroy()
@@ -18,29 +18,11 @@
 class @Item
   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)
+    @$el.on 'click', (e) => @_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)
-
+  # PRIVATE ===============================================
 
   _is_folder: ->
     # update this logic as it's not reliable
@@ -52,11 +34,11 @@ class @Item
     title ?= @object[@config.itemTitleField] # based on config
     title ?= _firstNonEmptyValue(@object) # auto-generated: first non empty value
     title ?= "No Title"
-    title  = _stripHtml(title)
+    title  = title.plainText()
 
-    @$title =$ "<div class='item-title'>#{title}</div>"
+    @$title =$ "<div class='item-title'>#{ title }</div>"
     @$el.append(@$title)
-    @$el.attr  'data-title', title
+    @$el.attr('data-title', title)
 
 
   _render_subtitle: ->
@@ -78,6 +60,30 @@ class @Item
         @$el.addClass 'has-thumbnail'
 
 
+  # EVENTS ================================================
+
+  _click: (e) ->
+    if @.$el.hasClass('active') then e.preventDefault() ; return
+
+    hash   = $(e.currentTarget).attr('href')
+    crumbs = hash.split('/')
+    title  = $(e.currentTarget).attr('data-title')
+    id     = $(e.currentTarget).attr('data-id')
+
+    chr.updateHash(hash, true)
+
+    # show view for a arrayStore item
+    if crumbs[crumbs.length - 2] == 'view'
+      return @module.showViewByObjectId(id, @config, title, true)
+    # show objectStore item view
+    if @config.objectStore
+      return @module.showViewByObjectId('', @config, title, true)
+    # show nested list
+    @module.showNestedList(_last(crumbs), true)
+
+
+  # PUBLIC ================================================
+
   render: ->
     @$el.html('').removeClass('item-folder has-subtitle has-thumbnail')
     @_render_title()

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

@@ -8,8 +8,9 @@
 
 # -----------------------------------------------------------------------------
 # LIST
+# -----------------------------------------------------------------------------
 #
-# configuration options:
+# 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
@@ -19,13 +20,20 @@
 #   onListShow         - callback on list is shown
 #   objects            - objects array to be added to the store on start
 #
-# public methods:
+# Public methods:
 #   hide()        - hide list
 #   show()        - show list
 #   updateItems() - update list items (sync through store with backend)
 #   isVisible()   - check if list is visible
 #
+# Dependencies:
+#= require ./list_config
+#= require ./list_pagination
+#= require ./list_reorder
+#= require ./list_search
+#
 # -----------------------------------------------------------------------------
+
 class @List
   constructor: (@module, @name, @config, @parentList) ->
     @configItemsCount = 0
@@ -33,6 +41,7 @@ class @List
     @items          = {}
     @title          = @config.title      ? @name.titleize()
     @itemClass      = @config.itemClass  ? Item
+
     @showWithParent = false
     if @parentList
       @showWithParent = @parentList.config.showNestedListsAside || false
@@ -56,7 +65,7 @@ class @List
     # back button
     if @parentList
       @$backBtn =$ "<a href='#/#{ @parentList.path }' class='back silent'></a>"
-      @$backBtn.on 'click', (e) => @_on_back(e)
+      @$backBtn.on 'click', (e) => @_back(e)
     else
       @$backBtn =$ "<a href='#/' class='back'></a>"
     @$header.prepend @$backBtn
@@ -68,7 +77,7 @@ class @List
     # 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)
+      @$newBtn.on 'click', (e) => @_new(e)
       @$header.append @$newBtn
 
     # search
@@ -88,6 +97,8 @@ class @List
     @config.onListInit?(@)
 
 
+  # PRIVATE ===============================================
+
   _bind_hashchange: ->
     $(chr).on 'hashchange', => @_set_active_item()
 
@@ -108,56 +119,6 @@ class @List
     @module.name + ( if crumbs.length > 0 then '/' + crumbs.reverse().join('/') else '' )
 
 
-  _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.items or config.arrayStore
-        @module.addNestedList(slug, config, this)
-
-      @_add_item("#/#{ @path }/#{ slug }", object, 0, config)
-      @configItemsCount += 1
-
-
-  _bind_config_object_store: ->
-
-
-  _bind_config_array_store: ->
-    # item added
-    @config.arrayStore.on 'object_added', (e, data) =>
-      @_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]
-      if item then item.render() ; @_update_item_position(item, data.position)
-
-    # item removed
-    @config.arrayStore.on 'object_removed', (e, data) =>
-      item = @items[data.object_id]
-      if item then item.destroy() ; delete @items[data.object_id]
-
-    # items loaded
-    @config.arrayStore.on 'objects_added', (e, data) =>
-      @_hide_spinner()
-      @_set_active_item()
-
-    if @config.arrayStore.pagination
-      _listBindPagination(this)
-
-    if @config.arrayStore.searchable
-      _listBindSearch(this)
-
-    if @config.arrayStore.reorderable
-      _listBindReorder(this)
-
-
   _add_item: (path, object, position, config) ->
     item = new @itemClass(@module, path, object, config)
     @items[object._id] = item
@@ -174,14 +135,16 @@ class @List
 
 
   _show_spinner: ->
-    @$el.addClass 'show-spinner'
+    @$el.addClass('show-spinner')
 
 
   _hide_spinner: ->
-    @$el.removeClass 'show-spinner'
+    @$el.removeClass('show-spinner')
+
 
+  # EVENTS ================================================
 
-  _on_back: (e) ->
+  _back: (e) ->
     @module.chr.unsetActiveListItems()
     @module.destroyView()
 
@@ -191,12 +154,13 @@ class @List
       @module.hideActiveList(true)
 
 
-  _on_new: (e) ->
-    window._skipHashchange = true
-    location.hash = $(e.currentTarget).attr('href')
+  _new: (e) ->
+    chr.updateHash($(e.currentTarget).attr('href'), true)
     @module.showView(null, @config, 'New', true)
 
 
+  # PUBLIC ================================================
+
   hide: (animate) ->
     if animate then @$el.fadeOut() else @$el.hide()
 
@@ -226,5 +190,11 @@ class @List
     @$el.is(':visible')
 
 
+include(List, listConfig)
+include(List, listPagination)
+include(List, listReorder)
+include(List, listSearch)
+
+