c2 0.1.2 → 0.1.3

data/public/javascripts/c2/informant/application.js

@@ -0,0 +1,35 @@
+var Informant = {
+  init: function() {
+    Informant.loadTemplates();
+    Informant.App = new Informant.AppController();
+    Backbone.history.start();
+  },
+  JST: {},
+  loadTemplates: function() {
+    $('[type="text/js-template"]').each(function() {
+      Informant.JST[$(this).data('template')] = _.template($(this).html());
+    });
+  }
+};
+
+var Locus = {
+  label: 'Users',
+  path: 'users',
+  scopes: 'ScopeList',
+  attributes: 'AttributeList'
+};
+
+var Attribute = {
+  label: 'fu',
+  template: 'string'
+};
+
+var Scope = {
+  label: 'Active',
+  path: 'active',
+  entries: 'EntryList'
+};
+
+var Entry = {
+  fu: 'bar',
+};

data/public/javascripts/c2/informant/collections/buckets.js

@@ -0,0 +1,9 @@
+Informant.BucketList = Backbone.Collection.extend({
+  model: Informant.BucketModel,
+  url: function() {
+    return this.parent.url() + '/buckets';
+  },
+  initialize: function(buckets, options) {
+    this.parent = options.parent;
+  },
+});

data/public/javascripts/c2/informant/collections/entries.js

@@ -0,0 +1,18 @@
+Informant.EntryList = Backbone.Collection.extend({
+  model: Informant.EntryModel,
+  url: function() {
+    return this.parent.url() + '/entries';
+  },
+  initialize: function(buckets, options) {
+    this.parent = options.parent;
+  },
+  locus: function() {
+    return this.parent.locus();
+  },
+  path: function() {
+    return this.parent.entries_path();
+  },
+  newPath: function() {
+    return this.locus().entries_path() + '/new';
+  }
+});

data/public/javascripts/c2/informant/collections/locus.js

@@ -0,0 +1,6 @@
+Informant.LocusList = Backbone.Collection.extend({
+  model: Informant.LocusModel,
+  initialize: function() {
+    this.url = '/c2/informant/locus';
+  }
+});

data/public/javascripts/c2/informant/controllers/app.js

@@ -0,0 +1,44 @@
+Informant.AppController = Backbone.Controller.extend({
+  routes: {
+    "/": "root",
+    "/locus/:locusId/entries": "entryIndex",
+    "/locus/:locusId/entries/new": "entryNew",
+    "/locus/:locusId/entries/:entryId/edit": "entryEdit",
+    "/locus/:locusId/buckets/:bucketId/entries": "entryIndex"
+  },
+  
+  initialize: function(options) {
+    this._current_nav_link = window.location.hash;
+    this._locus = new Informant.LocusList();
+    this._sidebar = new Informant.SidebarView({ collection: this._locus });
+    this._entryIndex = new Informant.EntryIndexView();
+    this._locus.fetch();
+  },
+  
+  root: function() {
+  },
+
+  entryIndex: function(locusId,bucketId) {
+    var locus = this._locus.get(locusId);
+    if ( bucketId ) {
+      var bucket = locus.buckets.get(bucketId);
+    }    
+    var entries = (bucket || locus).entries
+
+    this._current_nav_link = entries.path();
+    this._entryIndex.render(entries);
+  },
+  
+  entryNew: function(locusId) {
+    var locus = this._locus.get(locusId);
+    var entry = locus.entries.add().last();
+    new Informant.EntryEditView({ model: entry });
+  },
+  
+  entryEdit: function(locusId,entryId) {
+    var locus = this._locus.get(locusId);
+    var entry = locus.entries.get(entryId);
+    new Informant.EntryEditView({ model: entry });
+  }
+    
+});

data/public/javascripts/c2/informant/init.js

@@ -0,0 +1,42 @@
+var lib_dir = '/javascripts/c2/lib/';
+var app_dir = '/javascripts/c2/informant/';
+
+Sexy
+.js(lib_dir + 'jquery.min.js')
+.js(lib_dir + 'underscore.min.js')
+.js(lib_dir + 'backbone-min.js')
+.js(lib_dir + 'jquery.ba-dotimeout.min.js')
+.js(lib_dir + 'jquery.timeago.js')
+.js(lib_dir + 'jquery.activity-indicator-1.0.0.min.js')
+.js(lib_dir + 'jquery.dform-0.1.2.min.js')
+.js(app_dir + 'application.js')
+.js(app_dir + 'views/notice.js')
+.js(app_dir + 'views/sidebar.js')
+.js(app_dir + 'views/entries/index.js')
+.js(app_dir + 'views/entries/edit.js')
+.js(app_dir + 'controllers/app.js')
+.js(app_dir + 'models/locus.js')
+.js(app_dir + 'models/bucket.js')
+.js(app_dir + 'models/entry.js')
+.js(app_dir + 'collections/locus.js')
+.js(app_dir + 'collections/buckets.js')
+.js(app_dir + 'collections/entries.js', function() {
+  $(function() {
+    window.location.hash = '/';
+
+    // Get a Backbone
+    Informant.init();
+
+    $('.flip-trigger').bind('click', function() {
+      $('#app').toggleClass('flip');
+    });
+    
+    // Triggers
+    $('.dropdown-trigger').bind('click', function() {
+      $(this).parent().toggleClass('active');
+    });
+  });
+});
+
+
+

data/public/javascripts/c2/informant/models/bucket.js

@@ -0,0 +1,16 @@
+Informant.BucketModel = Backbone.Model.extend({
+  initialize: function(options) {
+    this.id = options._id;
+    this.entries = new Informant.EntryList(options.entries_page, { parent: this, cached: false });
+  },
+
+  locus: function() {
+    return this.collection.parent;
+  },
+
+  entries_path: function() {
+    return '#/locus/' + this.locus().id + '/buckets/' + this.id + '/entries';
+  },
+  
+  index_label: function() { return this.escape('label'); }
+});

data/public/javascripts/c2/informant/models/entry.js

@@ -0,0 +1,38 @@
+Informant.EntryModel = Backbone.Model.extend({
+  initialize: function(options) {
+    this.id = (options._id || options.id);    
+    // this.bind('save', Informant.App._locus.fetch());
+  },
+
+  locus: function() {
+    return this.collection.locus();
+  },
+
+  label: function() {
+    return this.get(this.locus().escape('entry_label'));
+  },
+  
+  form: function() {
+    var that = this;
+    var form = that.locus().get('entry_form_builder');
+    var fields = _(form.elements).map(function(element) {
+      return (element.id == 'entry-fields') ? element : null ;
+    });
+    
+    fields = _(fields).compact()[0];
+    fields = _(fields.elements).map(function(element) {
+      return _(element.elements).select(function(e) { return e['class'] != 'tip'; })[0];
+    });
+    _(fields).each(function(field, index, list) {
+      if (field.type == 'checkbox') { field.checked = that.get(field.name) }
+      else { field.value = that.get(field.name); } 
+    });
+    form.action = '#';
+    return form;
+  },
+  
+  hash_path: function() {
+    return this.locus().hash_path() + '/entries/' + this.id;
+  }
+  
+});

data/public/javascripts/c2/informant/models/locus.js

@@ -0,0 +1,22 @@
+Informant.LocusModel = Backbone.Model.extend({
+  initialize: function(options) {
+    this.id = options._id;
+    this.buckets = new Informant.BucketList(options.buckets, { parent: this });
+    this.entries = new Informant.EntryList(options.entries_page, { parent: this, cached: false });
+  },
+
+  locus: function() {
+    return this;
+  },
+  
+  index_label: function() { return 'All'; },
+  
+  entries_path: function() {
+    return this.hash_path() + '/entries';
+  },
+  
+  hash_path: function() {
+    return '#/locus/' + this.locus().id;
+  }
+  
+});

data/public/javascripts/c2/informant/views/entries/edit.js

@@ -0,0 +1,84 @@
+Informant.EntryEditView = Backbone.View.extend({
+  el: $('#app-back'),
+  
+  events: {
+    'submit #entry': 'save',
+    'click .flip-trigger': 'flip'
+  },
+
+  initialize: function() {
+    this.render();
+  },
+
+  render: function() {
+    if(this.model.isNew()) {
+      this.$('.content .header h1 .type').html('New');      
+      this.$('.content .header h1 strong').html(this.model.locus().get('singular_label'));      
+    } else {
+      this.$('.content .header h1 .type').html('Editing ' + this.model.locus().get('singular_label'));
+      this.$('.content .header h1 strong').html(this.model.label());      
+    }
+
+    this.$('#entry').empty().removeClass().buildForm(this.model.form());
+        
+    this.$('abbr.timeago').timeago();
+    $('#app').addClass('flip');
+    
+    return this;
+  },
+  
+  save: function() {
+    var self = this;
+    var msg = this.model.isNew() ? 'Entry Successfully Created!' : "Entry Saved!";
+    var fields = _(this.$('#entry').serializeArray()).reduce( function(memo, field) {
+      memo[field.name] = field.value;
+      return memo;
+    }, {});
+
+    this.$('#entry-fields input:checkbox').each(function() {
+      fields[$(this).attr('name')] = $(this).is(':checked');
+    });
+    
+    this.el.activity();
+    
+    this.model.save(fields, {
+      success: function(model, response) {
+        if (_.isEmpty(response.errors)) {
+          new Informant.NoticeView({ message: msg });          
+          self.clearErrors();
+          Informant.App._locus.fetch();
+        } else {
+          new Informant.ErrorView();
+          self.addErrors(response.errors);
+        }
+        
+        self.el.activity(false);
+      },
+      error: function(model, response) {
+        new Informant.ErrorView();
+        self.el.activity(false);
+      }
+    });
+    
+    return false;
+  },
+  
+  flip: function() { $('#app').toggleClass('flip'); },
+  
+  addErrors: function(errors) {
+    console.log(errors);
+    this.clearErrors();
+    _(errors).each(function(msg, field) {
+      container = $('#entry_' + field + '_field');
+      container.addClass('field_with_errors');
+      container.find('label').append('<span class="error">' + msg.join(' & ') + '</span>');
+    });
+  },
+  
+  clearErrors: function() {
+    $('.field_with_errors span.error').remove();
+    $('.field_with_errors').removeClass('.field_with_errors');
+  }
+  
+    
+});

data/public/javascripts/c2/informant/views/entries/index.js

@@ -0,0 +1,23 @@
+Informant.EntryIndexView = Backbone.View.extend({
+  el: $('#app-front'),
+
+  initialize: function(options) {
+  },
+
+  render: function(entries) {
+    var that = this;
+    that.el.empty();
+    that.el.html(Informant.JST.entryIndex({entries: entries}));
+    $('#aside').html(Informant.JST.entryIndexAside({entries: entries}));
+    
+    $('.flip-trigger').bind('click', function() {
+      $('#app').toggleClass('flip');
+    });
+    
+    $('abbr.timeago').timeago();
+   
+    $('#app').removeClass('flip');
+
+    return this;
+  }
+});

data/public/javascripts/c2/informant/views/notice.js

@@ -0,0 +1,33 @@
+Informant.NoticeView = Backbone.View.extend({
+    className: "success",
+    displayLength: 5000,
+    defaultMessage: '',
+    
+    initialize: function() {
+        _.bindAll(this, 'render');
+        this.message = this.options.message || this.defaultMessage;
+        this.render();
+    },
+    
+    render: function() {
+        var view = this;
+        
+        $(this.el).html(this.message);
+        $(this.el).hide();
+        $('#notices').html(this.el);
+        $(this.el).slideDown();
+        $.doTimeout(this.displayLength, function() {
+            $(view.el).slideUp();
+            $.doTimeout(2000, function() {
+                view.remove();
+            });
+        });
+        
+        return this;
+    }
+});
+
+Informant.ErrorView = Informant.NoticeView.extend({
+    className: "error",
+    defaultMessage: 'Uh oh! Something went wrong. Please try again.'
+});

data/public/javascripts/c2/informant/views/sidebar.js

@@ -0,0 +1,27 @@
+Informant.SidebarView = Backbone.View.extend({
+  el: $('#sidebar'),
+  initialize: function(options) {
+    _.bindAll(this, 'render');
+    this.collection.bind('refresh', this.render);
+    
+    this.el.activity();
+  },
+
+  render: function() {
+    this.el.activity();
+    this.el.empty();
+    this.el.html(Informant.JST.sidebar({collection: this.collection}));
+
+    this.$('.current').removeClass('current');
+    this.$('a[href="' + Informant.App._current_nav_link + '"]').parent().addClass('current');
+    
+    this.el.activity(false);
+    
+    $('.sitemap a').bind('click', function() {
+      $('.sitemap .current').removeClass('current');
+      $(this).parent().addClass('current');
+    });  
+    
+    return this;
+  }
+});