chr 0.1.5 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9e6bbd63bec5db5e3e4f86134f26d13086c88d15
-  data.tar.gz: 041a2c987d9253e3c579fe1f059c3d83a4960763
+  metadata.gz: a6fea1a403df7fa8fb67b865cd4be5a7e7c4ad83
+  data.tar.gz: f37f39a6e5085f4d9acf6562302d63c83f8a022a
 SHA512:
-  metadata.gz: 82ac289396d965e246640641926cb853c74622cb300b806bfb9ec5b852c63cb126693b2a042da804527353dd2d5c6cf18d20ca29adf352c07fd3a72cbc545982
-  data.tar.gz: edc30ec3c9bba84f3595a8167e44f909276336b3972f552166d63a01b7959f1284ac4e74697b246912f14b7de8bb284415a22c6c0c7e70d2fa9af5fee6a61303
+  metadata.gz: 219e1d5a073982bd939ec2dac02b9da07b79af1c7e4edafe5a8f351ae17b73ecdbc964bfa6f6dea85ec69852ca855a39f62a840036c40927573a8a97ac51af7f
+  data.tar.gz: e0681fa1a0689875d3f127aa86af2bfe2b26492cb5403a2124a4027e6231ba2dabbb66bcef03bec1ae5d7f197d28b1a3a5e7cbb4ba3986bd2a9aa71c5cd415ab

data/Gruntfile.coffee

@@ -28,9 +28,12 @@ module.exports = (grunt) ->
             'app/assets/javascripts/chr/form/input-text.coffee'
             'app/assets/javascripts/chr/form/nested-form.coffee'
             #
-            'app/assets/javascripts/chr/store/store.coffee'
-            'app/assets/javascripts/chr/store/store-rest.coffee'
-            'app/assets/javascripts/chr/store/store-mongosteen.coffee'
+            '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'

data/LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright © 2015 [slatestudio, inc.](http://slatestudio.com)
+Copyright © 2015 [Slate Studio, LLC](http://slatestudio.com)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the “Software”), to deal

data/README.md

@@ -1,17 +1,296 @@
 # Character
 
-## A simple and lightweight library for building data management web apps
+*Powerful responsive javascript CMS for apps.*
 
-## The Character family
 
-- [Mongosteen](https://github.com/slate-studio/mongosteen): An easy way to add restful actions for mongoid models
+## Rails
 
-## Credits
+An example of admin implementation setup for [Rails](https://github.com/rails/rails) app that uses [Mongoid](https://github.com/mongoid/mongoid) stack.
 
-[![Slate Studio](https://slate-git-images.s3-us-west-1.amazonaws.com/slate.png)](http://slatestudio.com)
 
-Character is maintained and funded by [Slate Studio, LLC](http://slatestudio.com). Tweet your questions or suggestions to [@slatestudio](https://twitter.com/slatestudio) and while you’re at it follow us too.
+#### Gems
+
+Add to following gems to ```Gemfile```:
+
+    gem "devise"
+    gem "mongosteen"
+    gem "chr"
+
+This example uses ```devise``` for admins authentication.
+
+
+#### Admin authentication
+
+Start with running [devise](https://github.com/plataformatec/devise) generator:
+
+    rails generate devise:install
+
+Setup ```Admin``` model with devise generator:
+
+    rails generate devise admin
+
+Here is an example of basic ```app/models/admin.rb``` model that provides email/password authentication:
+
+```ruby
+class Admin
+  include Mongoid::Document
+  include Mongoid::Timestamps
+  include Mongoid::SerializableId
+
+  devise :database_authenticatable,
+         :rememberable,
+         :authentication_keys => [ :email ]
+
+  ## Database authenticatable
+  field :email,              type: String, default: ""
+  field :encrypted_password, type: String, default: ""
+
+  ## Rememberable
+  field :remember_created_at, type: Time
+end
+```
+
+When models are ready, setup controllers, views and configure routes.
+
+Base admin controller ```app/controllers/admin/base_controller.rb``` looks like this:
+
+```ruby
+class Admin::BaseController < ActionController::Base
+  protect_from_forgery
+
+  if Rails.env.production?
+    before_action :authenticate_admin!
+  end
+
+  def index
+    render '/admin/index', layout: 'admin'
+  end
+
+  def bootstrap_data
+    render json: {}
+  end
+end
+```
+
+Notes on code above:
+
+  1. Authentication is not required when running in development or testing environment;
+  2. Need to setup ```index``` view and ```admin``` layout to render admin app;
+  3. ```bootstrap_data``` is a placeholder for objects that might be required to be loaded when app starts.
+
+Devise would require a custom ```SessionController``` implementation in ```app/controllers/admin/devise_overrides/session_controller.rb```. ```SessionController``` sets ```admin``` layout to be used for devise views rendering and enables login by email (*looks like workaround*).
+
+```ruby
+class Admin::DeviseOverrides::SessionsController < Devise::SessionsController
+  layout 'admin'
+
+  protected
+
+    def configure_permitted_parameters
+      devise_parameter_sanitizer.for(:sign_in) << :email
+    end
+end
+```
+
+Admin app layout ```app/views/layouts/admin.html.erb```:
+
+```erb
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <title>Admin</title>
+    <%= csrf_meta_tags %>
+    <%= stylesheet_link_tag    :admin, media: "all" %>
+    <%= javascript_include_tag :admin %>
+  </head>
+
+  <%= yield %>
+</html>
+```
+
+Admin index view ```app/views/admin/index.html.erb```:
+
+```erb
+<body class='loading'>
+  <%= link_to 'Sign Out', destroy_admin_session_path, method: :delete, style: 'display:none;' %>
+</body>
+```
+
+New session view for devise ```app/views/admin/devise_overrides/sessions/new.html.erb```:
+
+```erb
+<body class='sign-in'>
+  <h2>Sign In</h2>
+
+  <%= simple_form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+    <% if alert %>
+      <p class="error"><%= alert.gsub('username', 'email').gsub('or sign up', '') %></p>
+    <% end %>
+
+    <div class="form-inputs">
+      <%= f.input :email,    required: true, autofocus: true %>
+      <%= f.input :password, required: true %>
+
+      <%= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %>
+    </div>
+
+    <div class="form-actions">
+      <%= f.button :submit, "Sign In" %>
+    </div>
+  <% end %>
+</body>
+```
+
+Now connect admin and devise in ```config/routes.rb``` with:
+
+```ruby
+devise_for :admins, path: "admin", controllers: { sessions: "admin/devise_overrides/sessions" }
+namespace :admin do
+  get '/'               => 'base#index'
+  get '/bootstrap.json' => 'base#bootstrap_data'
+end
+```
+
+
+#### Character setup
+
+Three pieces to be configured here.
+
+**First**: create ```app/assets/javascripts/admin.coffee``` with empty ```modules``` configuration:
+
+```coffee
+#= require jquery
+#= require jquery_ujs
+#= require chr
+
+$ ->
+  $.get '/admin/bootstrap.json', (response) ->
+    config =
+      modules: {}
+
+    $('body').removeClass('loading')
+    chr.start(config)
+
+    # append signout button to the end of sidebar menu
+    $('a[data-method=delete]').appendTo(".sidebar .menu").show()
+```
+
+**Second**: create foundation for style customization in ```app/assets/stylesheets/admin.scss```:
+
+```scss
+@charset "utf-8";
+
+@import "normalize-rails";
+@import "chr";
+@import "admin/signin";
+```
+
+Last import in the code above is optional. But here is a default source for it as well ```app/assets/stylesheets/admin/chr/_signin.scss```:
+
+```scss
+.sign-in {
+  font-size: 14px;
+  color: #555;
+  margin: 3em 0 0 3em;
+
+  h2 {
+    text-transform: uppercase;
+    font-size: 1em;
+    font-size: 16px;
+    color: $black;
+    margin-bottom: 1.5em;
+  }
+
+  p {
+    margin: -1.5em 0 2em;
+    color: $positiveColor;
+  }
+
+  .form-actions, .form-inputs {
+    max-width: 280px;
+  }
+
+  .input {
+    margin-bottom: 1.5em;
+  }
+
+  input.string, input.password {
+    float: right;
+    margin-top: -.45em;
+    padding: .25em .5em;
+    width: 13.5em;
+  }
+
+  label.boolean input {
+    margin-right: .25em;
+  }
+
+  .form-actions input {
+    width: 100%;
+    padding: 1em 2em;
+    background-color: $positiveColor;
+    border: 0;
+    color: $white;
+  }
+}
+```
+
+**Third**: make sure admin assets are precompiled on production, include ```admin.js``` and ```admin.css``` in ```config/initializers/assets.rb```:
+
+```ruby
+Rails.application.config.assets.precompile += %w( admin.js admin.css )
+```
+
+At this point initial setup for admin app is finished and it could be accessed via: ```localhost:3000/admin```.
+
+
+#### Add models
+
+To be continued...
+
+
+#### Bootstrap data
+
+Bootstrapped data configuration example with disabled item updates and pagination:
+
+```coffee
+postsConfig = (data) ->
+  itemTitleField:     'title'
+  disableUpdateItems: true
+  objects:            data.posts
+  arrayStore: new MongosteenArrayStore({
+    resource:    'post'
+    path:        '/admin/posts'
+    sortBy:      'title'
+    pagination:  false
+  })
+  formSchema:
+    title: { type: 'string' }
+    body:  { type: 'text'   }
+```
+
+```disableUpdateItems``` — do not update items in the list while navigation, ```objects``` — provides initial (bootstrapped) array of objects to be added to the list, ```pagination``` — disable pagination for list. If attached as modules root list, you can access store data with: ```chr.modules.posts.arrayStore.data()```.
+
+
+## Character tastes better with:
+
+- [Mongosteen](https://github.com/slate-studio/mongosteen): An easy way to add restful actions for Mongoid models
+- [Inverter](https://github.com/slate-studio/inverter): An easy way to connect Rails templates content to Character CMS
+- [Loft](https://github.com/slate-studio/loft): Media assets manager for Character CMS
+
 
 ## License
 
-Copyright © 2015 [Slate Studio, LLC](http://slatestudio.com). Character is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
+Copyright © 2015 [Slate Studio, LLC](http://slatestudio.com). Character is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
+
+
+## About Slate Studio
+
+[![Slate Studio](https://slate-git-images.s3-us-west-1.amazonaws.com/slate.png)](http://slatestudio.com)
+
+Character is maintained and funded by [Slate Studio, LLC](http://slatestudio.com). Tweet your questions or suggestions to [@slatestudio](https://twitter.com/slatestudio) and while you’re at it follow us too.

data/app/assets/javascripts/chr-dist.js

@@ -2655,7 +2655,41 @@ jQuery.fn.scrollParent = function() {
     })();
 })(window.jQuery);
 this.Item = (function() {
-  Item.prototype._isFolder = function() {
+  function Item(module, path, object, config) {
+    this.module = module;
+    this.path = path;
+    this.object = object;
+    this.config = config;
+    this.$el = $("<a class='item' href='" + this.path + "' data-id='" + this.object._id + "' data-title=''></a>");
+    this.$el.on('click', (function(_this) {
+      return function(e) {
+        return _this._on_click(e);
+      };
+    })(this));
+    this.render();
+  }
+
+  Item.prototype._on_click = function(e) {
+    var crumbs, id, title;
+    if (this.$el.hasClass('active')) {
+      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('/');
+    if (crumbs[crumbs.length - 2] === 'view') {
+      return this.module.showViewByObjectId(id, this.config, title, true);
+    }
+    if (this.config.objectStore) {
+      return this.module.showViewByObjectId('', this.config, title, true);
+    }
+    return this.module.showNestedList(_last(crumbs), true);
+  };
+
+  Item.prototype._is_folder = function() {
     if (this.object._title) {
       return true;
     } else {
@@ -2663,7 +2697,7 @@ this.Item = (function() {
     }
   };
 
-  Item.prototype._renderTitle = function() {
+  Item.prototype._render_title = function() {
     var title;
     title = this.object._title;
     if (title == null) {
@@ -2681,7 +2715,7 @@ this.Item = (function() {
     return this.$el.attr('data-title', title);
   };
 
-  Item.prototype._renderSubtitle = function() {
+  Item.prototype._render_subtitle = function() {
     var subtitle;
     if (this.config.itemSubtitleField) {
       subtitle = this.object[this.config.itemSubtitleField];
@@ -2693,7 +2727,7 @@ this.Item = (function() {
     }
   };
 
-  Item.prototype._renderThumbnail = function() {
+  Item.prototype._render_thumbnail = function() {
     var imageUrl;
     if (this.config.itemThumbnail) {
       imageUrl = this.config.itemThumbnail(this.object);
@@ -2707,13 +2741,13 @@ this.Item = (function() {
 
   Item.prototype.render = function() {
     this.$el.html('').removeClass('item-folder has-subtitle has-thumbnail');
-    this._renderTitle();
-    if (this._isFolder()) {
+    this._render_title();
+    if (this._is_folder()) {
       this.$el.addClass('item-folder');
       return this.$el.append($("<div class='icon-folder'></div>"));
     } else {
-      this._renderSubtitle();
-      this._renderThumbnail();
+      this._render_subtitle();
+      this._render_thumbnail();
       if (this.config.arrayStore && this.config.arrayStore.reorderable) {
         this.$el.addClass('reorderable');
         return this.$el.append($("<div class='icon-reorder'></div>"));
@@ -2721,39 +2755,6 @@ this.Item = (function() {
     }
   };
 
-  function Item(module, path, object1, config) {
-    this.module = module;
-    this.path = path;
-    this.object = object1;
-    this.config = config;
-    this.$el = $("<a class='item silent' href='" + this.path + "' data-id='" + this.object._id + "' data-title=''></a>");
-    this.$el.on('click', (function(_this) {
-      return function(e) {
-        return _this.onClick(e);
-      };
-    })(this));
-    this.render();
-  }
-
-  Item.prototype.onClick = function(e) {
-    var crumbs, id, object, title;
-    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 (this.config.arrayStore && crumbs[crumbs.length - 2] === 'view') {
-      object = this.config.arrayStore.get(id);
-    }
-    if (this.config.objectStore) {
-      object = this.config.objectStore.get();
-    }
-    if (object) {
-      return this.module.showView(object, this.config, title, true);
-    }
-    return this.module.showNestedList(_last(crumbs), true);
-  };
-
   Item.prototype.destroy = function() {
     return this.$el.remove();
   };
@@ -2769,9 +2770,95 @@ this.Item = (function() {
 })();
 
 this.List = (function() {
-  List.prototype._loading = function(callback) {
-    this.$el.addClass('list-loading');
-    return callback();
+  function List(module, name, config1, parentList) {
+    var base, ref, ref1, ref2;
+    this.module = module;
+    this.name = name;
+    this.config = config1;
+    this.parentList = parentList;
+    this.configItemsCount = 0;
+    this.path = this._path();
+    this.items = {};
+    this.title = (ref = this.config.title) != null ? ref : this.name.titleize();
+    this.itemClass = (ref1 = this.config.itemClass) != null ? ref1 : Item;
+    this.showWithParent = false;
+    if (this.parentList) {
+      this.showWithParent = this.parentList.config.showNestedListsAside || false;
+    }
+        if ((ref2 = this.config.showListWithParent) != null) {
+      ref2;
+    } else {
+      false;
+    };
+    this.$el = $("<div class='list " + this.name + "'>");
+    this.module.$el.append(this.$el);
+    if (this.parentList) {
+      this.$el.hide();
+    }
+    this.$items = $("<div class='items'>");
+    this.$el.append(this.$items);
+    this.$header = $("<header></header>");
+    this.$el.append(this.$header);
+    if (this.parentList) {
+      this.$backBtn = $("<a href='#/" + this.parentList.path + "' class='back silent'></a>");
+      this.$backBtn.on('click', (function(_this) {
+        return function(e) {
+          return _this._on_back(e);
+        };
+      })(this));
+    } else {
+      this.$backBtn = $("<a href='#/' class='back'></a>");
+    }
+    this.$header.prepend(this.$backBtn);
+    this.$header.append("<div class='spinner'></div>");
+    this.$header.append("<span class='title'>" + this.title + "</span>");
+    if (!this.config.disableNewItems && this.config.formSchema) {
+      this.$newBtn = $("<a href='#/" + this.path + "/new' class='new silent'></a>");
+      this.$newBtn.on('click', (function(_this) {
+        return function(e) {
+          return _this._on_new(e);
+        };
+      })(this));
+      this.$header.append(this.$newBtn);
+    }
+    this.$search = $("<div class='search' style='display: none;'>\n  <a href='#' class='icon'></a>\n  <input type='text' placeholder='Search...' />\n  <a href='#' class='cancel'>Cancel</a>\n</div>");
+    this.$header.append(this.$search);
+    if (this.config.items) {
+      this._process_config_items();
+    }
+    if (this.config.arrayStore) {
+      this._bind_config_array_store();
+    }
+    if (this.config.objectStore) {
+      this._bind_config_object_store();
+    }
+    this._bind_hashchange();
+    if (typeof (base = this.config).onListInit === "function") {
+      base.onListInit(this);
+    }
+  }
+
+  List.prototype._bind_hashchange = function() {
+    return $(chr).on('hashchange', (function(_this) {
+      return function() {
+        return _this._set_active_item();
+      };
+    })(this));
+  };
+
+  List.prototype._set_active_item = function() {
+    var a, hash, i, itemPath, len, ref;
+    hash = window.location.hash;
+    if (hash.startsWith("#/" + this.module.name)) {
+      ref = this.$items.children();
+      for (i = 0, len = ref.length; i < len; i++) {
+        a = ref[i];
+        itemPath = $(a).attr('href');
+        if (hash.startsWith(itemPath)) {
+          return $(a).addClass('active');
+        }
+      }
+    }
   };
 
   List.prototype._path = function() {
@@ -2785,24 +2872,7 @@ this.List = (function() {
     return this.module.name + (crumbs.length > 0 ? '/' + crumbs.reverse().join('/') : '');
   };
 
-  List.prototype._updateItemPosition = function(item, position) {
-    position = this.configItemsCount + position;
-    if (position === 0) {
-      return this.$items.prepend(item.$el);
-    } else {
-      this.$items.append(item.$el.hide());
-      return $(this.$items.children()[position - 1]).after(item.$el.show());
-    }
-  };
-
-  List.prototype._addItem = function(path, object, position, config) {
-    var item;
-    item = new Item(this.module, path, object, config);
-    this.items[object._id] = item;
-    return this._updateItemPosition(item, position);
-  };
-
-  List.prototype._processConfigItems = function() {
+  List.prototype._process_config_items = function() {
     var config, object, ref, ref1, results, slug;
     ref = this.config.items;
     results = [];
@@ -2812,49 +2882,54 @@ this.List = (function() {
         _id: slug,
         _title: (ref1 = config.title) != null ? ref1 : slug.titleize()
       };
-      if (config.objectStore) {
-        $.extend(object, config.objectStore.get());
-      }
       if (config.items || config.arrayStore) {
         this.module.addNestedList(slug, config, this);
       }
-      this._addItem("#/" + this.path + "/" + slug, object, 0, config);
+      this._add_item("#/" + this.path + "/" + slug, object, 0, config);
       results.push(this.configItemsCount += 1);
     }
     return results;
   };
 
-  List.prototype._bindConfigObjectStore = function() {};
+  List.prototype._bind_config_object_store = function() {};
 
-  List.prototype._bindConfigArrayStore = function() {
+  List.prototype._bind_config_array_store = function() {
     this.config.arrayStore.on('object_added', (function(_this) {
       return function(e, data) {
-        _this._addItem("#/" + _this.path + "/view/" + data.object._id, data.object, data.position, _this.config);
-        return typeof data.callback === "function" ? data.callback(data.object) : void 0;
+        return _this._add_item("#/" + _this.path + "/view/" + data.object._id, data.object, data.position, _this.config);
       };
     })(this));
+    if (this.config.objects) {
+      this.config.arrayStore.addObjects(this.config.objects);
+    }
     this.config.arrayStore.on('object_changed', (function(_this) {
       return function(e, data) {
         var item;
         item = _this.items[data.object._id];
-        item.render();
-        _this._updateItemPosition(item, data.position);
-        return typeof data.callback === "function" ? data.callback(data.object) : void 0;
+        if (item) {
+          item.render();
+          return _this._update_item_position(item, data.position);
+        }
       };
     })(this));
     this.config.arrayStore.on('object_removed', (function(_this) {
       return function(e, data) {
-        _this.items[data.object_id].destroy();
-        return delete _this.items[data.object_id];
+        var item;
+        item = _this.items[data.object_id];
+        if (item) {
+          item.destroy();
+          return delete _this.items[data.object_id];
+        }
       };
     })(this));
     this.config.arrayStore.on('objects_added', (function(_this) {
       return function(e, data) {
-        return _this.$el.removeClass('list-loading');
+        _this._hide_spinner();
+        return _this._set_active_item();
       };
     })(this));
     if (this.config.arrayStore.pagination) {
-      _listBindScroll(this);
+      _listBindPagination(this);
     }
     if (this.config.arrayStore.searchable) {
       _listBindSearch(this);
@@ -2864,108 +2939,95 @@ this.List = (function() {
     }
   };
 
-  function List(module, name, config1, parentList) {
-    var base, ref;
-    this.module = module;
-    this.name = name;
-    this.config = config1;
-    this.parentList = parentList;
-    this.configItemsCount = 0;
-    this.path = this._path();
-    this.items = {};
-    this.title = (ref = this.config.title) != null ? ref : this.name.titleize();
-    this.$el = $("<div class='list " + this.name + "'>");
-    this.module.$el.append(this.$el);
-    if (this.parentList) {
-      this.$el.hide();
-    }
-    this.$items = $("<div class='items'>");
-    this.$el.append(this.$items);
-    this.$header = $("<header></header>");
-    if (this.parentList) {
-      this.parentListPath = this.parentList.path;
-      this.$backBtn = $("<a href='#/" + this.parentListPath + "' class='back silent'></a>");
-      this.$backBtn.on('click', (function(_this) {
-        return function(e) {
-          return _this.onBack(e);
-        };
-      })(this));
-      this.$header.prepend(this.$backBtn);
+  List.prototype._add_item = function(path, object, position, config) {
+    var item;
+    item = new this.itemClass(this.module, path, object, config);
+    this.items[object._id] = item;
+    return this._update_item_position(item, position);
+  };
+
+  List.prototype._update_item_position = function(item, position) {
+    position = this.configItemsCount + position;
+    if (position === 0) {
+      return this.$items.prepend(item.$el);
     } else {
-      this.$backBtn = $("<a href='#/' class='back'></a>");
-      this.$header.prepend(this.$backBtn);
-    }
-    this.$header.append("<span class='title'>" + this.title + "</span>");
-    if (!this.config.disableNewItems && this.config.formSchema) {
-      this.$newBtn = $("<a href='#/" + this.path + "/new' class='new silent'></a>");
-      this.$newBtn.on('click', (function(_this) {
-        return function(e) {
-          return _this.onNew(e);
-        };
-      })(this));
-      this.$header.append(this.$newBtn);
-    }
-    this.$search = $("<div class='search' style='display: none;'>\n  <a href='#' class='icon'></a>\n  <input type='text' placeholder='Search...' />\n  <a href='#' class='cancel'>Cancel</a>\n</div>");
-    this.$header.append(this.$search);
-    this.$el.append(this.$header);
-    if (this.config.items) {
-      this._processConfigItems();
-    }
-    if (this.config.arrayStore) {
-      this._bindConfigArrayStore();
-    }
-    if (this.config.objectStore) {
-      this._bindConfigObjectStore();
-    }
-    if (typeof (base = this.config).onListInit === "function") {
-      base.onListInit(this);
+      this.$items.append(item.$el.hide());
+      return $(this.$items.children()[position - 1]).after(item.$el.show());
     }
-  }
-
-  List.prototype.selectItem = function(href) {
-    return this.$items.children("a[href='" + href + "']").addClass('active');
   };
 
-  List.prototype.unselectItems = function() {
-    return this.$items.children().removeClass('active');
+  List.prototype._show_spinner = function() {
+    return this.$el.addClass('show-spinner');
   };
 
-  List.prototype.hide = function() {
-    this.unselectItems();
-    return this.$el.hide();
+  List.prototype._hide_spinner = function() {
+    return this.$el.removeClass('show-spinner');
   };
 
-  List.prototype.show = function(animate) {
-    if (animate == null) {
-      animate = false;
-    }
-    if (animate) {
-      return this.$el.fadeIn();
+  List.prototype._on_back = function(e) {
+    this.module.chr.unsetActiveListItems();
+    this.module.destroyView();
+    if (this.showWithParent) {
+      return this.hide(true);
     } else {
-      return this.$el.show();
+      return this.module.hideActiveList(true);
     }
   };
 
-  List.prototype.onBack = function(e) {
-    this.unselectItems();
-    this.module.hideActiveList(true);
-    return this.module.destroyView();
-  };
-
-  List.prototype.onNew = function(e) {
+  List.prototype._on_new = function(e) {
     window._skipHashchange = true;
     location.hash = $(e.currentTarget).attr('href');
     return this.module.showView(null, this.config, 'New', true);
   };
 
-  List.prototype.updateItems = function(callback) {
-    if (!this.config.disableReset) {
+  List.prototype.hide = function(animate) {
+    if (animate) {
+      return this.$el.fadeOut();
+    } else {
+      return this.$el.hide();
+    }
+  };
+
+  List.prototype.show = function(animate, callback) {
+    var onShow;
+    if (animate == null) {
+      animate = false;
+    }
+    onShow = (function(_this) {
+      return function() {
+        var base;
+        _this.$items.scrollTop(0);
+        if (typeof (base = _this.config).onListShow === "function") {
+          base.onListShow(_this);
+        }
+        return typeof callback === "function" ? callback() : void 0;
+      };
+    })(this);
+    if (animate) {
+      this.$el.css({
+        'z-index': 1,
+        'box-shadow': 'none'
+      });
+      return this.$el.fadeIn($.fx.speeds._default, (function(_this) {
+        return function() {
+          _this.$el.css({
+            'z-index': '',
+            'box-shadow': ''
+          });
+          return onShow();
+        };
+      })(this));
+    } else {
+      this.$el.show();
+      return onShow();
+    }
+  };
+
+  List.prototype.updateItems = function() {
+    if (!this.config.disableUpdateItems) {
       if (this.config.arrayStore) {
-        return this._loading((function(_this) {
-          return function() {
-            return _this.config.arrayStore.reset(callback);
-          };
-        })(this));
+        this._show_spinner();
+        return this.config.arrayStore.reset();
       }
     }
   };
@@ -2979,60 +3041,46 @@ this.List = (function() {
 })();
 
 this._listBindSearch = function(listEl) {
-  var $input, arrayStore;
+  var $input, arrayStore, cancelSearch, runSearch, showSearch;
   $input = listEl.$search;
   arrayStore = listEl.config.arrayStore;
+  runSearch = function(input) {
+    var query;
+    query = $(input).val();
+    listEl._show_spinner();
+    return arrayStore.search(query);
+  };
+  showSearch = function() {
+    listEl.$el.addClass('list-search');
+    return $input.find('input').focus();
+  };
+  cancelSearch = function() {
+    listEl.$el.removeClass('list-search');
+    $input.find('input').val('');
+    listEl._show_spinner();
+    return arrayStore.reset();
+  };
   $input.show();
-  $input.on('keydown', 'input', (function(_this) {
+  $input.on('keyup', 'input', (function(_this) {
     return function(e) {
-      var query;
+      if (e.keyCode === 27) {
+        return cancelSearch();
+      }
       if (e.keyCode === 13) {
-        query = $(e.target).val();
-        return listEl._loading(function() {
-          return arrayStore.search(query);
-        });
+        return runSearch(e.target);
       }
     };
   })(this));
   $input.on('click', '.icon', (function(_this) {
     return function(e) {
       e.preventDefault();
-      listEl.$el.addClass('list-search');
-      return $input.find('input').focus();
+      return showSearch();
     };
   })(this));
   return $input.on('click', '.cancel', (function(_this) {
     return function(e) {
       e.preventDefault();
-      listEl.$el.removeClass('list-search');
-      $input.find('input').val('');
-      return listEl._loading(function() {
-        return arrayStore.reset();
-      });
-    };
-  })(this));
-};
-
-this._listBindScroll = function(listEl) {
-  var $container, $list, arrayStore;
-  $container = listEl.$el;
-  $list = listEl.$items;
-  arrayStore = listEl.config.arrayStore;
-  return $list.scroll((function(_this) {
-    return function(e) {
-      var $listChildren, listChildrenCount, listFirstChildHeight, listHeight, viewHeight;
-      if (!arrayStore.dataFetchLock) {
-        $listChildren = $list.children();
-        listChildrenCount = $listChildren.length;
-        listFirstChildHeight = $listChildren.first().outerHeight();
-        listHeight = listChildrenCount * listFirstChildHeight;
-        viewHeight = $container.height();
-        if (listHeight < (viewHeight + e.target.scrollTop + 100)) {
-          return listEl._loading(function() {
-            return arrayStore.load();
-          });
-        }
-      }
+      return cancelSearch();
     };
   })(this));
 };
@@ -3096,25 +3144,48 @@ this._listBindReorder = function(listEl) {
 };
 
 this.View = (function() {
-  View.prototype._renderForm = function() {
+  function View(module, config, closePath, object1, title1) {
     var ref;
-    if ((ref = this.form) != null) {
-      ref.destroy();
+    this.module = module;
+    this.config = config;
+    this.closePath = closePath;
+    this.object = object1;
+    this.title = title1;
+    this.store = (ref = this.config.arrayStore) != null ? ref : this.config.objectStore;
+    this.$el = $("<section class='view " + this.module.name + "'>");
+    this.$el.hide();
+    if (this.config.fullsizeView) {
+      this.$el.addClass('fullsize');
     }
-    this.form = new Form(this.object, this.config);
-    if (!(this.config.disableDelete || this.config.objectStore || this._isNew())) {
-      this.$deleteBtn = $("<a href='#' class='delete'>Delete</a>");
-      this.$deleteBtn.on('click', (function(_this) {
+    this.$header = $("<header></header>");
+    this.$el.append(this.$header);
+    this.$title = $("<div class='title'></div>");
+    this.$header.append(this.$title);
+    this.$closeBtn = $("<a href='#/" + this.closePath + "' class='close silent'>Close</a>");
+    this.$closeBtn.on('click', (function(_this) {
+      return function(e) {
+        return _this._on_close(e);
+      };
+    })(this));
+    this.$header.append(this.$closeBtn);
+    if (!this.config.disableSave) {
+      this.$saveBtn = $("<a href='#' class='save'>Save</a>");
+      this.$saveBtn.on('click', (function(_this) {
         return function(e) {
-          return _this.onDelete(e);
+          return _this._on_save(e);
         };
       })(this));
-      this.form.$el.append(this.$deleteBtn);
+      this.$header.append(this.$saveBtn);
     }
-    return this.$el.append(this.form.$el);
-  };
+    this._render();
+  }
 
   View.prototype._render = function() {
+    this._update_title();
+    return this._render_form();
+  };
+
+  View.prototype._update_title = function() {
     var title, titleText;
     title = this.title;
     if (this.config.itemTitleField) {
@@ -3129,47 +3200,55 @@ this.View = (function() {
       title = "No Title";
     }
     titleText = $("<div>" + title + "</div>").text();
-    this.$title.html(titleText);
-    return this._renderForm();
+    return this.$title.html(titleText);
   };
 
-  View.prototype._initializeFormPlugins = function() {
-    var base;
-    this.form.initializePlugins();
-    return typeof (base = this.config).onViewShow === "function" ? base.onViewShow(this) : void 0;
+  View.prototype._render_form = function() {
+    var ref;
+    if ((ref = this.form) != null) {
+      ref.destroy();
+    }
+    this.form = new Form(this.object, this.config);
+    if (!(this.config.disableDelete || this.config.objectStore || this._is_new())) {
+      this.$deleteBtn = $("<a href='#' class='delete'>Delete</a>");
+      this.$deleteBtn.on('click', (function(_this) {
+        return function(e) {
+          return _this._on_delete(e);
+        };
+      })(this));
+      this.form.$el.append(this.$deleteBtn);
+    }
+    return this.$el.append(this.form.$el);
   };
 
-  View.prototype._updateObject = function(value) {
-    this.$el.addClass('view-saving');
+  View.prototype._update_object = function(value) {
+    this._start_saving();
     return this.store.update(this.object._id, value, {
       onSuccess: (function(_this) {
-        return function(object) {
+        return function(object1) {
           var formScrollPosition;
+          _this.object = object1;
           if (_this.config.arrayStore) {
             _this.title = null;
           }
           formScrollPosition = _this.form.$el.scrollTop();
           _this._render();
-          _this._initializeFormPlugins();
+          _this._initialize_form_plugins();
           _this.form.$el.scrollTop(formScrollPosition);
-          return setTimeout((function() {
-            return _this.$el.removeClass('view-saving');
-          }), 250);
+          return _this._stop_saving();
         };
       })(this),
       onError: (function(_this) {
         return function(errors) {
-          _this.validationErrors(errors);
-          return setTimeout((function() {
-            return _this.$el.removeClass('view-saving');
-          }), 250);
+          _this._validation_errors('Changes were not saved.', errors);
+          return _this._stop_saving();
         };
       })(this)
     });
   };
 
-  View.prototype._createObject = function(value) {
-    this.$el.addClass('view-saving');
+  View.prototype._create_object = function(value) {
+    this._start_saving();
     return this.store.push(value, {
       onSuccess: (function(_this) {
         return function(object) {
@@ -3178,80 +3257,41 @@ this.View = (function() {
       })(this),
       onError: (function(_this) {
         return function(errors) {
-          _this.validationErrors(errors);
-          return setTimeout((function() {
-            return _this.$el.removeClass('view-saving');
-          }), 250);
+          _this._validation_errors('Item were not created.', errors);
+          return _this._stop_saving();
         };
       })(this)
     });
   };
 
-  View.prototype._isNew = function() {
-    return !this.object;
-  };
-
-  function View(module, config, closePath, object1, title1) {
-    var ref;
-    this.module = module;
-    this.config = config;
-    this.closePath = closePath;
-    this.object = object1;
-    this.title = title1;
-    this.store = (ref = this.config.arrayStore) != null ? ref : this.config.objectStore;
-    this.$el = $("<section class='view " + this.module.name + "'>");
-    this.$el.hide();
-    this.$header = $("<header></header>");
-    this.$title = $("<div class='title'></div>");
-    this.$header.append(this.$title);
-    this.$closeBtn = $("<a href='#/" + this.closePath + "' class='close silent'>Close</a>");
-    this.$closeBtn.on('click', (function(_this) {
-      return function(e) {
-        return _this.onClose(e);
-      };
-    })(this));
-    this.$header.append(this.$closeBtn);
-    if (!this.config.disableSave) {
-      this.$saveBtn = $("<a href='#' class='save'>Save</a>");
-      this.$saveBtn.on('click', (function(_this) {
-        return function(e) {
-          return _this.onSave(e);
-        };
-      })(this));
-      this.$header.append(this.$saveBtn);
-    }
-    this.$el.append(this.$header);
-    this._render();
-  }
-
-  View.prototype.show = function(animate, callback) {
-    if (animate) {
-      return this.$el.fadeIn($.fx.speeds._default, (function(_this) {
-        return function() {
-          _this._initializeFormPlugins();
-          return typeof callback === "function" ? callback() : void 0;
-        };
-      })(this));
-    } else {
-      return this.$el.show(0, (function(_this) {
-        return function() {
-          _this._initializeFormPlugins();
-          return typeof callback === "function" ? callback() : void 0;
-        };
-      })(this));
-    }
+  View.prototype._start_saving = function() {
+    return this.$el.addClass('view-saving');
   };
 
-  View.prototype.destroy = function() {
-    var ref;
-    if ((ref = this.form) != null) {
-      ref.destroy();
-    }
-    return this.$el.remove();
+  View.prototype._stop_saving = function() {
+    return setTimeout(((function(_this) {
+      return function() {
+        return _this.$el.removeClass('view-saving');
+      };
+    })(this)), 250);
+  };
+
+  View.prototype._initialize_form_plugins = function() {
+    var base;
+    this.form.initializePlugins();
+    return typeof (base = this.config).onViewShow === "function" ? base.onViewShow(this) : void 0;
+  };
+
+  View.prototype._validation_errors = function(message, errors) {
+    chr.showError(message);
+    return this.form.showValidationErrors(errors);
   };
 
-  View.prototype.onClose = function(e) {
-    this.module.unselectActiveListItem();
+  View.prototype._is_new = function() {
+    return !this.object;
+  };
+
+  View.prototype._on_close = function(e) {
     return this.$el.fadeOut($.fx.speeds._default, (function(_this) {
       return function() {
         return _this.destroy();
@@ -3259,18 +3299,18 @@ this.View = (function() {
     })(this));
   };
 
-  View.prototype.onSave = function(e) {
+  View.prototype._on_save = function(e) {
     var serializedFormObj;
     e.preventDefault();
     serializedFormObj = this.form.serialize();
     if (this.object) {
-      return this._updateObject(serializedFormObj);
+      return this._update_object(serializedFormObj);
     } else {
-      return this._createObject(serializedFormObj);
+      return this._create_object(serializedFormObj);
     }
   };
 
-  View.prototype.onDelete = function(e) {
+  View.prototype._on_delete = function(e) {
     e.preventDefault();
     if (confirm("Are you sure?")) {
       this.store.remove(this.object._id);
@@ -3284,8 +3324,30 @@ this.View = (function() {
     }
   };
 
-  View.prototype.validationErrors = function(errors) {
-    return this.form.showValidationErrors(errors);
+  View.prototype.show = function(animate, callback) {
+    if (animate) {
+      return this.$el.fadeIn($.fx.speeds._default, (function(_this) {
+        return function() {
+          _this._initialize_form_plugins();
+          return typeof callback === "function" ? callback() : void 0;
+        };
+      })(this));
+    } else {
+      return this.$el.show(0, (function(_this) {
+        return function() {
+          _this._initialize_form_plugins();
+          return typeof callback === "function" ? callback() : void 0;
+        };
+      })(this));
+    }
+  };
+
+  View.prototype.destroy = function() {
+    var ref;
+    if ((ref = this.form) != null) {
+      ref.destroy();
+    }
+    return this.$el.remove();
   };
 
   return View;
@@ -3293,40 +3355,47 @@ this.View = (function() {
 })();
 
 this.Module = (function() {
-  function Module(chr, name, config1) {
-    var menuTitle, ref;
-    this.chr = chr;
+  function Module(chr1, name, config1) {
+    var base, firstNestedList, menuPath, menuTitle, ref;
+    this.chr = chr1;
     this.name = name;
     this.config = config1;
     this.nestedLists = {};
     this.$el = $("<section class='module " + this.name + "' style='display: none;'>");
     this.chr.$el.append(this.$el);
+    this.activeList = this.rootList = new List(this, this.name, this.config);
     menuTitle = (ref = this.config.menuTitle) != null ? ref : this.config.title;
     if (menuTitle == null) {
       menuTitle = this.name.titleize();
     }
-    this.chr.addMenuItem(this.name, menuTitle);
-    this.activeList = this.rootList = new List(this, this.name, this.config);
+    menuPath = this.name;
+    if (this.config.showNestedListsAside) {
+      this.$el.addClass('first-list-aside');
+      firstNestedList = _firstNonEmptyValue(this.nestedLists);
+      if (!_isMobile() && firstNestedList) {
+        menuPath += "/" + firstNestedList.name;
+      }
+    }
+    this.chr.addMenuItem(menuPath, menuTitle);
+    if (typeof (base = this.config).onModuleInit === "function") {
+      base.onModuleInit(this);
+    }
   }
 
-  Module.prototype._updateActiveListItems = function() {
+  Module.prototype._update_active_list_items = function() {
     if (!this.activeList.isVisible()) {
       return this.activeList.updateItems();
     }
   };
 
-  Module.prototype.addNestedList = function(listName, config, parentList) {
-    return this.nestedLists[listName] = new List(this, listName, config, parentList);
-  };
-
-  Module.prototype.selectActiveListItem = function(href) {
-    this.unselectActiveListItem();
-    return this.activeList.selectItem(href);
+  Module.prototype._view_path = function() {
+    var currentList, ref;
+    currentList = (ref = this.visibleNestedListShownWithParent()) != null ? ref : this.activeList;
+    return currentList.path;
   };
 
-  Module.prototype.unselectActiveListItem = function() {
-    var ref;
-    return (ref = this.activeList) != null ? ref.unselectItems() : void 0;
+  Module.prototype.addNestedList = function(listName, config, parentList) {
+    return this.nestedLists[listName] = new List(this, listName, config, parentList);
   };
 
   Module.prototype.hideActiveList = function(animate) {
@@ -3338,8 +3407,7 @@ this.Module = (function() {
     } else {
       this.activeList.$el.hide();
     }
-    this.activeList = this.activeList.parentList;
-    return this.unselectActiveListItem();
+    return this.activeList = this.activeList.parentList;
   };
 
   Module.prototype.showView = function(object, config, title, animate) {
@@ -3347,9 +3415,8 @@ this.Module = (function() {
     if (animate == null) {
       animate = false;
     }
-    newView = new View(this, config, this.activeList.path, object, title);
+    newView = new View(this, config, this._view_path(), object, title);
     this.chr.$el.append(newView.$el);
-    this.selectActiveListItem(location.hash);
     return newView.show(animate, (function(_this) {
       return function() {
         _this.destroyView();
@@ -3358,15 +3425,39 @@ this.Module = (function() {
     })(this));
   };
 
+  Module.prototype.showViewByObjectId = function(objectId, config, title, animate) {
+    var onError, onSuccess;
+    if (animate == null) {
+      animate = false;
+    }
+    onSuccess = (function(_this) {
+      return function(object) {
+        return _this.showView(object, config, title, animate);
+      };
+    })(this);
+    onError = function() {
+      return chr.showError("can\'t show view for requested object");
+    };
+    if (objectId === '') {
+      return config.objectStore.loadObject({
+        onSuccess: onSuccess,
+        onError: onError
+      });
+    } else {
+      return config.arrayStore.loadObject(objectId, {
+        onSuccess: onSuccess,
+        onError: onError
+      });
+    }
+  };
+
   Module.prototype.destroyView = function() {
     var ref;
     return (ref = this.view) != null ? ref.destroy() : void 0;
   };
 
   Module.prototype.show = function() {
-    this.chr.selectMenuItem(this.name);
-    this.unselectActiveListItem();
-    this._updateActiveListItems();
+    this._update_active_list_items();
     this.$el.show();
     return this.activeList.show(false);
   };
@@ -3375,7 +3466,6 @@ this.Module = (function() {
     if (animate == null) {
       animate = false;
     }
-    this.unselectActiveListItem();
     this.hideNestedLists();
     if (animate) {
       if (this.view) {
@@ -3393,13 +3483,24 @@ this.Module = (function() {
   };
 
   Module.prototype.showNestedList = function(listName, animate) {
+    var listToShow;
     if (animate == null) {
       animate = false;
     }
-    this.selectActiveListItem(location.hash);
-    this.activeList = this.nestedLists[listName];
-    this._updateActiveListItems();
-    this.activeList.show(animate);
+    listToShow = this.nestedLists[listName];
+    if (listToShow.showWithParent) {
+      listToShow.updateItems();
+      listToShow.show(animate, (function(_this) {
+        return function() {
+          var exceptList;
+          return _this.hideNestedLists(exceptList = listName);
+        };
+      })(this));
+    } else {
+      this.activeList = listToShow;
+      this._update_active_list_items();
+      this.activeList.show(animate);
+    }
     if (animate && this.view) {
       return this.view.$el.fadeOut($.fx.speeds._default, (function(_this) {
         return function() {
@@ -3409,33 +3510,29 @@ this.Module = (function() {
     }
   };
 
-  Module.prototype.hideNestedLists = function() {
+  Module.prototype.hideNestedLists = function(exceptList) {
     var key, list, ref, results;
     this.activeList = this.rootList;
     ref = this.nestedLists;
     results = [];
     for (key in ref) {
       list = ref[key];
-      results.push(list.hide());
+      if (key !== exceptList) {
+        results.push(list.hide());
+      }
     }
     return results;
   };
 
-  Module.prototype.showViewWhenObjectsAreReady = function(objectId, config) {
-    var object;
-    object = config.arrayStore.get(objectId);
-    if (object) {
-      return this.showView(object, config);
+  Module.prototype.visibleNestedListShownWithParent = function() {
+    var key, list, ref;
+    ref = this.nestedLists;
+    for (key in ref) {
+      list = ref[key];
+      if (list.isVisible() && list.showWithParent) {
+        return list;
+      }
     }
-    return $(config.arrayStore).one('objects_added', (function(_this) {
-      return function(e, data) {
-        object = config.arrayStore.get(objectId);
-        if (object) {
-          return _this.showView(object, config);
-        }
-        return console.log("object " + objectId + " is not in the list");
-      };
-    })(this));
   };
 
   return Module;
@@ -4610,50 +4707,15 @@ this.NestedForm = (function() {
 
 _chrFormInputs['form'] = NestedForm;
 
-this.ObjectStore = (function() {
-  function ObjectStore(config) {
-    this.config = config != null ? config : {};
-    this._initialize_database();
-  }
-
-  ObjectStore.prototype._update_data_object = function(value, callback) {
-    return typeof callback === "function" ? callback($.extend(this._data, value)) : void 0;
-  };
-
-  ObjectStore.prototype._fetch_data = function() {
-    return this._data = this.config.data;
-  };
-
-  ObjectStore.prototype._initialize_database = function() {
-    return this._fetch_data();
-  };
-
-  ObjectStore.prototype.get = function() {
-    return this._data;
-  };
-
-  ObjectStore.prototype.update = function(id, value, callback) {
-    return this._update_data_object(value, callback);
-  };
-
-  return ObjectStore;
-
-})();
-
 this.ArrayStore = (function() {
   function ArrayStore(config) {
-    var ref, ref1, ref2, ref3, ref4;
+    var ref, ref1, ref2;
     this.config = config != null ? config : {};
     this._map = {};
     this._data = [];
     this.sortBy = (ref = this.config.sortBy) != null ? ref : false;
     this.sortReverse = (ref1 = this.config.sortReverse) != null ? ref1 : false;
     this.reorderable = (ref2 = this.config.reorderable) != null ? ref2 : false;
-    if (this.sortBy === false) {
-      this.newItemOnTop = (ref3 = this.config.newItemOnTop) != null ? ref3 : true;
-    } else {
-      this.newItemOnTop = (ref4 = this.config.newItemOnTop) != null ? ref4 : false;
-    }
     this._initialize_reorderable();
     this._initialize_database();
   }
@@ -4673,18 +4735,6 @@ this.ArrayStore = (function() {
 
   ArrayStore.prototype._initialize_database = function() {};
 
-  ArrayStore.prototype._fetch_data = function() {
-    var i, len, o, ref;
-    if (this.config.data) {
-      ref = this.config.data;
-      for (i = 0, len = ref.length; i < len; i++) {
-        o = ref[i];
-        this._add_data_object(o);
-      }
-    }
-    return $(this).trigger('objects_added');
-  };
-
   ArrayStore.prototype._sort_data = function() {
     var direction, fieldName, sortByMethod;
     if (this.sortBy) {
@@ -4726,42 +4776,31 @@ this.ArrayStore = (function() {
     return object;
   };
 
-  ArrayStore.prototype._add_data_object = function(object, callback) {
-    var position;
-    object = this._normalize_object_id(object);
-    this._map[object._id] = object;
-    this._data.push(object);
-    this._sort_data();
-    position = this._get_data_object_position(object._id);
-    return $(this).trigger('object_added', {
-      object: object,
-      position: position,
-      callback: callback
-    });
-  };
-
-  ArrayStore.prototype._add_data_object_on_top = function(object, callback) {
+  ArrayStore.prototype._add_data_object = function(object) {
     var position;
     object = this._normalize_object_id(object);
-    this._map[object._id] = object;
-    this._data.unshift(object);
-    position = 0;
-    return $(this).trigger('object_added', {
-      object: object,
-      position: position,
-      callback: callback
-    });
+    if (!this._map[object._id]) {
+      this._map[object._id] = object;
+      this._data.push(object);
+      this._sort_data();
+      position = this._get_data_object_position(object._id);
+      return $(this).trigger('object_added', {
+        object: object,
+        position: position
+      });
+    } else {
+      return this._update_data_object(object.id, object);
+    }
   };
 
-  ArrayStore.prototype._update_data_object = function(id, value, callback) {
+  ArrayStore.prototype._update_data_object = function(id, value) {
     var object, position;
     object = $.extend(this.get(id), value);
     this._sort_data();
     position = this._get_data_object_position(id);
     return $(this).trigger('object_changed', {
       object: object,
-      position: position,
-      callback: callback
+      position: position
     });
   };
 
@@ -4769,7 +4808,7 @@ this.ArrayStore = (function() {
     var position;
     position = this._get_data_object_position(id);
     if (position >= 0) {
-      delete this._data[position];
+      this._data.splice(position, 1);
     }
     delete this._map[id];
     return $(this).trigger('object_removed', {
@@ -4801,6 +4840,12 @@ this.ArrayStore = (function() {
     return object;
   };
 
+  ArrayStore.prototype.on = function(eventType, callback) {
+    return $(this).on(eventType, function(e, data) {
+      return callback(e, data);
+    });
+  };
+
   ArrayStore.prototype.off = function(eventType) {
     if (eventType) {
       return $(this).off(eventType);
@@ -4809,89 +4854,351 @@ this.ArrayStore = (function() {
     }
   };
 
-  ArrayStore.prototype.on = function(eventType, callback) {
-    $(this).on(eventType, function(e, data) {
-      return callback(e, data);
+  ArrayStore.prototype.get = function(id) {
+    return this._map[id];
+  };
+
+  ArrayStore.prototype.push = function(serializedFormObject, callbacks) {
+    var object;
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    object = this._parse_form_object(serializedFormObject);
+    if (!object._id) {
+      object._id = Date.now();
+    }
+    this._add_data_object(object);
+    return typeof callbacks.onSuccess === "function" ? callbacks.onSuccess() : void 0;
+  };
+
+  ArrayStore.prototype.update = function(id, serializedFormObject, callbacks) {
+    var object;
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    object = this._parse_form_object(serializedFormObject);
+    this._update_data_object(id, object);
+    return typeof callbacks.onSuccess === "function" ? callbacks.onSuccess() : void 0;
+  };
+
+  ArrayStore.prototype.remove = function(id, callbacks) {
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    this._remove_data_object(id);
+    return typeof callbacks.onSuccess === "function" ? callbacks.onSuccess() : void 0;
+  };
+
+  ArrayStore.prototype.reset = function() {
+    return $(this).trigger('objects_added');
+  };
+
+  ArrayStore.prototype.addObjects = function(objects) {
+    var i, len, o;
+    for (i = 0, len = objects.length; i < len; i++) {
+      o = objects[i];
+      this._add_data_object(o);
+    }
+    return $(this).trigger('objects_added');
+  };
+
+  ArrayStore.prototype.data = function() {
+    return this._data;
+  };
+
+  return ArrayStore;
+
+})();
+
+this.ObjectStore = (function() {
+  function ObjectStore(config) {
+    this.config = config != null ? config : {};
+    this._initialize_database();
+  }
+
+  ObjectStore.prototype._initialize_database = function() {
+    return this._data = this.config.data;
+  };
+
+  ObjectStore.prototype.loadObject = function() {
+    return this._data;
+  };
+
+  ObjectStore.prototype.update = function(id, value, callback) {
+    $.extend(this._data, value);
+    return typeof callback === "function" ? callback(this._data) : void 0;
+  };
+
+  return ObjectStore;
+
+})();
+
+var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+  hasProp = {}.hasOwnProperty;
+
+this.RestArrayStore = (function(superClass) {
+  extend(RestArrayStore, superClass);
+
+  function RestArrayStore() {
+    return RestArrayStore.__super__.constructor.apply(this, arguments);
+  }
+
+  RestArrayStore.prototype._initialize_database = function() {
+    this.dataFetchLock = false;
+    return this.ajaxConfig = {};
+  };
+
+  RestArrayStore.prototype._resource_url = function(type, id) {
+    var objectPath;
+    objectPath = id ? "/" + id : '';
+    return "" + this.config.path + objectPath;
+  };
+
+  RestArrayStore.prototype._ajax = function(type, id, data, success, error) {
+    var options;
+    options = $.extend(this.ajaxConfig, {
+      url: this._resource_url(type, id),
+      type: type,
+      data: data,
+      success: (function(_this) {
+        return function(data, textStatus, jqXHR) {
+          if (typeof success === "function") {
+            success(data);
+          }
+          return setTimeout((function() {
+            return _this.dataFetchLock = false;
+          }), 350);
+        };
+      })(this),
+      error: (function(_this) {
+        return function(jqXHR, textStatus, errorThrown) {
+          if (typeof error === "function") {
+            error(jqXHR.responseJSON);
+          }
+          return _this.dataFetchLock = false;
+        };
+      })(this)
+    });
+    this.dataFetchLock = true;
+    return $.ajax(options);
+  };
+
+  RestArrayStore.prototype._sync_with_data_objects = function(objects) {
+    var addObjectIds, dataObjectIds, i, id, j, k, l, len, len1, len2, len3, o, objectIds, objectsMap, removeDataObjectIds, results, updateDataObjectIds;
+    if (objects.length === 0) {
+      return this._reset_data();
+    }
+    if (this._data.length === 0) {
+      return (function() {
+        var i, len, results;
+        results = [];
+        for (i = 0, len = objects.length; i < len; i++) {
+          o = objects[i];
+          results.push(this._add_data_object(o));
+        }
+        return results;
+      }).call(this);
+    }
+    objectsMap = {};
+    for (i = 0, len = objects.length; i < len; i++) {
+      o = objects[i];
+      o = this._normalize_object_id(o);
+      objectsMap[o._id] = o;
+    }
+    objectIds = $.map(objects, function(o) {
+      return o._id;
+    });
+    dataObjectIds = $.map(this._data, function(o) {
+      return o._id;
     });
-    if (eventType === 'object_added') {
-      return this._fetch_data();
+    addObjectIds = $(objectIds).not(dataObjectIds).get();
+    updateDataObjectIds = $(objectIds).not(addObjectIds).get();
+    removeDataObjectIds = $(dataObjectIds).not(objectIds).get();
+    for (j = 0, len1 = removeDataObjectIds.length; j < len1; j++) {
+      id = removeDataObjectIds[j];
+      this._remove_data_object(id);
+    }
+    for (k = 0, len2 = addObjectIds.length; k < len2; k++) {
+      id = addObjectIds[k];
+      this._add_data_object(objectsMap[id]);
+    }
+    results = [];
+    for (l = 0, len3 = updateDataObjectIds.length; l < len3; l++) {
+      id = updateDataObjectIds[l];
+      results.push(this._update_data_object(id, objectsMap[id]));
     }
+    return results;
   };
 
-  ArrayStore.prototype.get = function(id) {
-    return this._map[id];
+  RestArrayStore.prototype.loadObject = function(id, callbacks) {
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
+    return this._ajax('GET', id, {}, ((function(_this) {
+      return function(data) {
+        return callbacks.onSuccess(data);
+      };
+    })(this)), callbacks.onError);
+  };
+
+  RestArrayStore.prototype.load = function(callbacks) {
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
+    return this._ajax('GET', null, {}, ((function(_this) {
+      return function(data) {
+        var i, len, o;
+        if (data.length > 0) {
+          for (i = 0, len = data.length; i < len; i++) {
+            o = data[i];
+            _this._add_data_object(o);
+          }
+        }
+        callbacks.onSuccess(data);
+        return $(_this).trigger('objects_added', {
+          objects: data
+        });
+      };
+    })(this))(callbacks.onError));
   };
 
-  ArrayStore.prototype.push = function(serializedFormObject, callbacks) {
-    var object;
-    object = this._parse_form_object(serializedFormObject);
-    if (!object._id) {
-      object._id = Date.now();
+  RestArrayStore.prototype.push = function(serializedFormObject, callbacks) {
+    var obj;
+    if (callbacks == null) {
+      callbacks = {};
     }
-    if (this.newItemOnTop) {
-      return this._add_data_object_on_top(object, callbacks.onSuccess);
-    } else {
-      return this._add_data_object(object, callbacks.onSuccess);
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
     }
+    obj = this._parse_form_object(serializedFormObject);
+    return this._ajax('POST', null, obj, ((function(_this) {
+      return function(data) {
+        _this._add_data_object(data);
+        return callbacks.onSuccess(data);
+      };
+    })(this)), callbacks.onError);
   };
 
-  ArrayStore.prototype.update = function(id, serializedFormObject, callbacks) {
-    var object;
-    object = this._parse_form_object(serializedFormObject);
-    return this._update_data_object(id, object, callbacks.onSuccess);
+  RestArrayStore.prototype.update = function(id, serializedFormObject, callbacks) {
+    var obj;
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
+    obj = this._parse_form_object(serializedFormObject);
+    return this._ajax('PUT', id, obj, ((function(_this) {
+      return function(data) {
+        _this._update_data_object(id, data);
+        return callbacks.onSuccess(data);
+      };
+    })(this)), callbacks.onError);
   };
 
-  ArrayStore.prototype.remove = function(id) {
-    return this._remove_data_object(id);
+  RestArrayStore.prototype.remove = function(id, callbacks) {
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
+    return this._ajax('DELETE', id, {}, ((function(_this) {
+      return function() {
+        _this._remove_data_object(id);
+        return callbacks.onSuccess();
+      };
+    })(this)), callbacks.onError);
   };
 
-  ArrayStore.prototype.reset = function(callback) {
-    this._sort_data();
-    $(this).trigger('objects_added');
-    return typeof callback === "function" ? callback() : void 0;
+  RestArrayStore.prototype.reset = function() {
+    return this._ajax('GET', null, {}, ((function(_this) {
+      return function(data) {
+        _this._sync_with_data_objects(data);
+        return $(_this).trigger('objects_added', {
+          objects: data
+        });
+      };
+    })(this)), function() {
+      return chr.showError('Error while loading data.');
+    });
   };
 
-  return ArrayStore;
+  return RestArrayStore;
 
-})();
+})(ArrayStore);
 
 var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
   hasProp = {}.hasOwnProperty;
 
-this.RestArrayStore = (function(superClass) {
-  extend(RestArrayStore, superClass);
+this.RestObjectStore = (function(superClass) {
+  extend(RestObjectStore, superClass);
 
-  function RestArrayStore() {
-    return RestArrayStore.__super__.constructor.apply(this, arguments);
+  function RestObjectStore() {
+    return RestObjectStore.__super__.constructor.apply(this, arguments);
   }
 
-  RestArrayStore.prototype._initialize_database = function() {
+  RestObjectStore.prototype._initialize_database = function() {
     this.dataFetchLock = false;
     return this.ajaxConfig = {};
   };
 
-  RestArrayStore.prototype._resource_url = function(type, id) {
-    var objectPath;
-    objectPath = id ? "/" + id : '';
-    return "" + this.config.path + objectPath;
+  RestObjectStore.prototype._resource_url = function() {
+    return this.config.path;
   };
 
-  RestArrayStore.prototype._ajax = function(type, id, data, success, error) {
+  RestObjectStore.prototype._parse_form_object = function(serializedFormObject) {
+    var fieldName, key, object, value;
+    object = {};
+    for (key in serializedFormObject) {
+      value = serializedFormObject[key];
+      fieldName = key.replace('[', '').replace(']', '');
+      object[fieldName] = value;
+    }
+    return object;
+  };
+
+  RestObjectStore.prototype._ajax = function(type, data, success, error) {
     var options;
     options = $.extend(this.ajaxConfig, {
-      url: this._resource_url(type, id),
+      url: this._resource_url(),
       type: type,
       data: data,
       success: (function(_this) {
         return function(data, textStatus, jqXHR) {
-          _this.dataFetchLock = false;
-          return typeof success === "function" ? success(data) : void 0;
+          if (typeof success === "function") {
+            success(data);
+          }
+          return _this.dataFetchLock = false;
         };
       })(this),
       error: (function(_this) {
         return function(jqXHR, textStatus, errorThrown) {
-          _this.dataFetchLock = false;
-          return typeof error === "function" ? error(jqXHR.responseJSON) : void 0;
+          if (typeof error === "function") {
+            error(jqXHR.responseJSON);
+          }
+          return _this.dataFetchLock = false;
         };
       })(this)
     });
@@ -4899,64 +5206,46 @@ this.RestArrayStore = (function(superClass) {
     return $.ajax(options);
   };
 
-  RestArrayStore.prototype.load = function(success) {
-    return this._ajax('GET', null, {}, ((function(_this) {
-      return function(dataObject) {
-        var i, len, o;
-        if (dataObject.length > 0) {
-          for (i = 0, len = dataObject.length; i < len; i++) {
-            o = dataObject[i];
-            _this._add_data_object(o);
-          }
-        }
-        if (typeof success === "function") {
-          success();
-        }
-        return $(_this).trigger('objects_added');
-      };
-    })(this)));
-  };
-
-  RestArrayStore.prototype.push = function(serializedFormObject, callbacks) {
-    var obj;
-    obj = this._parse_form_object(serializedFormObject);
-    return this._ajax('POST', null, obj, ((function(_this) {
-      return function(dataObject) {
-        if (_this.newItemOnTop) {
-          return _this._add_data_object_on_top(dataObject, callbacks.onSuccess);
-        } else {
-          return _this._add_data_object(dataObject, callbacks.onSuccess);
-        }
+  RestObjectStore.prototype.loadObject = function(callbacks) {
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
+    return this._ajax('GET', {}, ((function(_this) {
+      return function(data) {
+        return callbacks.onSuccess(data);
       };
     })(this)), callbacks.onError);
   };
 
-  RestArrayStore.prototype.update = function(id, serializedFormObject, callbacks) {
+  RestObjectStore.prototype.update = function(id, serializedFormObject, callbacks) {
     var obj;
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
     obj = this._parse_form_object(serializedFormObject);
-    return this._ajax('PUT', id, obj, ((function(_this) {
-      return function(dataObject) {
-        return _this._update_data_object(id, dataObject, callbacks.onSuccess);
+    return this._ajax('PUT', obj, ((function(_this) {
+      return function(data) {
+        _this._data = data;
+        return callbacks.onSuccess(data);
       };
     })(this)), callbacks.onError);
   };
 
-  RestArrayStore.prototype.remove = function(id) {
-    return this._ajax('DELETE', id, {}, ((function(_this) {
-      return function() {
-        return _this._remove_data_object(id);
-      };
-    })(this)));
-  };
-
-  RestArrayStore.prototype.reset = function(callback) {
-    this._reset_data();
-    return this.load(callback);
-  };
-
-  return RestArrayStore;
+  return RestObjectStore;
 
-})(ArrayStore);
+})(ObjectStore);
 
 var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
   hasProp = {}.hasOwnProperty;
@@ -4978,10 +5267,68 @@ this.MongosteenArrayStore = (function(superClass) {
     this.searchable = (ref = this.config.searchable) != null ? ref : false;
     this.searchQuery = '';
     this.pagination = (ref1 = this.config.pagination) != null ? ref1 : true;
-    this.pagesCounter = 0;
-    if (this.config.data) {
-      return this.pagination = false;
+    this.nextPage = 1;
+    this.objectsPerPage = typeof _itemsPerPageRequest !== "undefined" && _itemsPerPageRequest !== null ? _itemsPerPageRequest : 20;
+    if (this.pagination) {
+      return this._bind_pagination_sync();
+    }
+  };
+
+  MongosteenArrayStore.prototype._bind_pagination_sync = function() {
+    this.lastPageLoaded = false;
+    $(this).on('object_added', (function(_this) {
+      return function(e, data) {
+        var new_object, new_object_position;
+        if (!_this.lastPageLoaded) {
+          new_object = data.object;
+          new_object_position = data.position;
+          if (new_object_position >= _this.objectsNumberForLoadedPages) {
+            e.stopImmediatePropagation();
+            return _this._remove_data_object(new_object._id);
+          }
+        }
+      };
+    })(this));
+    $(this).on('object_changed', (function(_this) {
+      return function(e, data) {
+        var new_object, new_object_position;
+        if (!_this.lastPageLoaded) {
+          new_object = data.object;
+          new_object_position = data.position;
+          if (new_object_position >= _this.objectsNumberForLoadedPages - 1) {
+            e.stopImmediatePropagation();
+            return _this._remove_data_object(new_object._id);
+          }
+        }
+      };
+    })(this));
+    return $(this).on('object_removed', (function(_this) {
+      return function(e, data) {
+        if (!_this.lastPageLoaded) {
+          return _this._reload_current_page();
+        }
+      };
+    })(this));
+  };
+
+  MongosteenArrayStore.prototype._reload_current_page = function() {
+    this.nextPage -= 1;
+    return this.load();
+  };
+
+  MongosteenArrayStore.prototype._udpate_next_page = function(data) {
+    if (this.pagination) {
+      if (data.length > 0) {
+        this.lastPageLoaded = true;
+        if (data.length === this.objectsPerPage) {
+          this.nextPage += 1;
+          this.lastPageLoaded = false;
+        }
+      } else {
+        this.lastPageLoaded = true;
+      }
     }
+    return this.objectsNumberForLoadedPages = (this.nextPage - 1) * this.objectsPerPage;
   };
 
   MongosteenArrayStore.prototype._resource_url = function(type, id) {
@@ -5017,53 +5364,125 @@ this.MongosteenArrayStore = (function(superClass) {
     return formDataObject;
   };
 
-  MongosteenArrayStore.prototype.load = function(success) {
+  MongosteenArrayStore.prototype.search = function(searchQuery) {
+    this.searchQuery = searchQuery;
+    this.nextPage = 1;
+    this._reset_data();
+    return this.load();
+  };
+
+  MongosteenArrayStore.prototype.load = function(callbacks) {
     var params;
+    if (callbacks == null) {
+      callbacks = {};
+    }
+    if (callbacks.onSuccess == null) {
+      callbacks.onSuccess = $.noop;
+    }
+    if (callbacks.onError == null) {
+      callbacks.onError = $.noop;
+    }
     params = {};
     if (this.pagination) {
-      params.page = this.pagesCounter + 1;
-      params.perPage = typeof _itemsPerPageRequest !== "undefined" && _itemsPerPageRequest !== null ? _itemsPerPageRequest : 20;
+      params.page = this.nextPage;
+      params.perPage = this.objectsPerPage;
     }
     if (this.searchable && this.searchQuery.length > 0) {
       params.search = this.searchQuery;
     }
     params = $.param(params);
     return this._ajax('GET', null, params, ((function(_this) {
-      return function(dataObject) {
+      return function(data) {
         var i, len, o;
-        if (dataObject.length > 0) {
-          _this.pagesCounter = _this.pagesCounter + 1;
-          for (i = 0, len = dataObject.length; i < len; i++) {
-            o = dataObject[i];
-            _this._add_data_object(o);
-          }
-        }
-        if (typeof success === "function") {
-          success();
+        _this._udpate_next_page(data);
+        for (i = 0, len = data.length; i < len; i++) {
+          o = data[i];
+          _this._add_data_object(o);
         }
-        return $(_this).trigger('objects_added');
+        callbacks.onSuccess(data);
+        return $(_this).trigger('objects_added', {
+          objects: data
+        });
       };
-    })(this)));
-  };
-
-  MongosteenArrayStore.prototype.search = function(searchQuery, callback) {
-    this.searchQuery = searchQuery;
-    this.pagesCounter = 0;
-    this._reset_data();
-    return this.load(callback);
+    })(this)), callbacks.onError);
   };
 
-  MongosteenArrayStore.prototype.reset = function(callback) {
+  MongosteenArrayStore.prototype.reset = function() {
+    var params;
     this.searchQuery = '';
-    this.pagesCounter = 0;
-    this._reset_data();
-    return this.load(callback);
+    this.nextPage = 1;
+    params = {};
+    if (this.pagination) {
+      this.lastPageLoaded = false;
+      params.page = this.nextPage;
+      params.perPage = this.objectsPerPage;
+    }
+    params = $.param(params);
+    return this._ajax('GET', null, params, ((function(_this) {
+      return function(data) {
+        _this._udpate_next_page(data);
+        _this._sync_with_data_objects(data);
+        return $(_this).trigger('objects_added', {
+          objects: data
+        });
+      };
+    })(this)), function() {
+      return chr.showError('Error while loading data.');
+    });
   };
 
   return MongosteenArrayStore;
 
 })(RestArrayStore);
 
+var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+  hasProp = {}.hasOwnProperty;
+
+this.MongosteenObjectStore = (function(superClass) {
+  extend(MongosteenObjectStore, superClass);
+
+  function MongosteenObjectStore() {
+    return MongosteenObjectStore.__super__.constructor.apply(this, arguments);
+  }
+
+  MongosteenObjectStore.prototype._initialize_database = function() {
+    this.dataFetchLock = false;
+    return this.ajaxConfig = {
+      processData: false,
+      contentType: false
+    };
+  };
+
+  MongosteenObjectStore.prototype._resource_url = function() {
+    return this.config.path + ".json";
+  };
+
+  MongosteenObjectStore.prototype._parse_form_object = function(serializedFormObject) {
+    var attr_name, attr_value, formDataObject, i, len, value, values;
+    formDataObject = new FormData();
+    for (attr_name in serializedFormObject) {
+      attr_value = serializedFormObject[attr_name];
+      if (attr_name.indexOf('[__LIST__') > -1) {
+        attr_name = attr_name.replace('__LIST__', '');
+        values = attr_value.split(',');
+        for (i = 0, len = values.length; i < len; i++) {
+          value = values[i];
+          formDataObject.append("" + this.config.resource + attr_name + "[]", value);
+        }
+      } else {
+        if (attr_name.startsWith('__FILE__')) {
+          attr_name = attr_name.replace('__FILE__', '');
+        }
+        formDataObject.append("" + this.config.resource + attr_name, attr_value);
+      }
+    }
+    return formDataObject;
+  };
+
+  return MongosteenObjectStore;
+
+})(RestObjectStore);
+
 this._last = function(array) {
   return array[array.length - 1];
 };
@@ -5141,54 +5560,34 @@ this._isMobile = function() {
 };
 
 this.Chr = (function() {
-  function Chr(config1) {
-    var config, name, ref, ref1;
-    this.config = config1;
+  function Chr() {
     this.modules = {};
-    this.$el = $((ref = this.config.selector) != null ? ref : 'body');
-    this.$navBar = $("<nav class='sidebar'>");
-    this.$mainMenu = $("<div class='menu'>");
-    this.$navBar.append(this.$mainMenu);
-    this.$el.append(this.$navBar);
-    ref1 = this.config.modules;
-    for (name in ref1) {
-      config = ref1[name];
-      this.modules[name] = new Module(this, name, config);
-    }
-    $(document).on('click', 'a.silent', function(e) {
-      return window._skipHashchange = true;
-    });
-    window.onhashchange = (function(_this) {
-      return function() {
-        if (!window._skipHashchange) {
-          _this._navigate(location.hash);
-        }
-        return window._skipHashchange = false;
-      };
-    })(this);
-    if (!_isMobile()) {
-      window._skipHashchange = false;
-      this._navigate(location.hash !== '' ? location.hash : '#/' + Object.keys(this.modules)[0]);
-    }
   }
 
-  Chr.prototype.addMenuItem = function(moduleName, title) {
-    return this.$mainMenu.append("<a href='#/" + moduleName + "'>" + title + "</a>");
+  Chr.prototype._unset_active_menu_items = function() {
+    return $('.sidebar .menu a.active').removeClass('active');
   };
 
-  Chr.prototype.selectMenuItem = function(href) {
-    this.$mainMenu.children().removeClass('active');
-    return this.$mainMenu.children("a[href='#/" + href + "']").addClass('active');
+  Chr.prototype.unsetActiveListItems = function() {
+    return $('.list .items .item.active').removeClass('active');
   };
 
-  Chr.prototype.unselectMenuItem = function() {
-    return this.$mainMenu.children().removeClass('active');
+  Chr.prototype._set_active_menu_item = function() {
+    var a, currentModuleName, i, len, moduleName, ref;
+    currentModuleName = window.location.hash.split('/')[1];
+    ref = this.$mainMenu.children();
+    for (i = 0, len = ref.length; i < len; i++) {
+      a = ref[i];
+      moduleName = $(a).attr('href').split('/')[1];
+      if (currentModuleName === moduleName) {
+        return $(a).addClass('active');
+      }
+    }
   };
 
   Chr.prototype._navigate = function(path) {
-    var config, crumb, crumbs, i, len, object, objectId, ref, results;
+    var config, crumb, crumbs, i, len, objectId, ref, results;
     crumbs = path.split('/');
-    this.unselectMenuItem();
     if (this.module !== this.modules[crumbs[1]]) {
       if ((ref = this.module) != null) {
         ref.hide(path === '#/');
@@ -5207,14 +5606,11 @@ this.Chr = (function() {
           }
           if (crumb === 'view') {
             objectId = _last(crumbs);
-            return this.module.showViewWhenObjectsAreReady(objectId, config);
+            return this.module.showViewByObjectId(objectId, config);
           }
           config = config.items[crumb];
           if (config.objectStore) {
-            object = $.extend({
-              _id: crumb
-            }, config.objectStore.get());
-            return this.module.showView(object, config, crumb.titleize());
+            return this.module.showViewByObjectId('', config, crumb.titleize());
           } else {
             this.module.showNestedList(crumb);
           }
@@ -5230,6 +5626,61 @@ this.Chr = (function() {
     }
   };
 
+  Chr.prototype.start = function(config1) {
+    var config, name, ref, ref1;
+    this.config = config1;
+    this.$el = $((ref = this.config.selector) != null ? ref : 'body');
+    this.$navBar = $("<nav class='sidebar'>");
+    this.$mainMenu = $("<div class='menu'>");
+    this.$navBar.append(this.$mainMenu);
+    this.$el.append(this.$navBar);
+    ref1 = this.config.modules;
+    for (name in ref1) {
+      config = ref1[name];
+      this.modules[name] = new Module(this, name, config);
+    }
+    $(this).on('hashchange', (function(_this) {
+      return function() {
+        return _this._set_active_menu_item();
+      };
+    })(this));
+    window.onhashchange = (function(_this) {
+      return function() {
+        _this._unset_active_menu_items();
+        _this.unsetActiveListItems();
+        if (!window._skipHashchange) {
+          _this._navigate(location.hash);
+        }
+        window._skipHashchange = false;
+        return $(_this).trigger('hashchange');
+      };
+    })(this);
+    $(document).on('click', 'a.silent', function(e) {
+      return window._skipHashchange = true;
+    });
+    window._skipHashchange = false;
+    if (location.hash !== '') {
+      this._navigate(location.hash);
+      return $(this).trigger('hashchange');
+    } else if (!_isMobile()) {
+      return location.hash = '#/' + Object.keys(this.modules)[0];
+    }
+  };
+
+  Chr.prototype.addMenuItem = function(moduleName, title) {
+    return this.$mainMenu.append("<a href='#/" + moduleName + "'>" + title + "</a>");
+  };
+
+  Chr.prototype.showAlert = function(message) {
+    return console.log('Alert: ' + message);
+  };
+
+  Chr.prototype.showError = function(message) {
+    return console.log('Error: ' + message);
+  };
+
   return Chr;
 
 })();
+
+window.chr = new Chr();