spine-rails 0.0.7 → 0.0.8

data/README.md

@@ -31,7 +31,7 @@ Running `rails g spine:new` will create the following directory structure:
     app/assets/javascripts/app/models/
     app/assets/javascripts/app/views/
     app/assets/javascripts/app/controllers/
-    app/assets/javascripts/app/index.coffee
+    app/assets/javascripts/app/index.js.coffee
     
 By default your application will be namespaced by the `app` directory. You can specify a different namespace with the `--app` option:
 
@@ -39,7 +39,7 @@ By default your application will be namespaced by the `app` directory. You can s
     
 **NOTE:** If you use the `--app` option here, then you will also have to specify it with other generators.
 
-Use the top-level level `index.coffee` file to setup namespacing and initial controller instantiation.
+Use the top-level level `index.js.coffee` file to setup namespacing and initial controller instantiation.
 
 ## Generators
 

data/app/assets/javascripts/spine.js

@@ -328,6 +328,10 @@
         return new this(objects);
       }
     };
+    Model.fromForm = function() {
+      var _ref;
+      return (_ref = new this).fromForm.apply(_ref, arguments);
+    };
     Model.recordsValues = function() {
       var key, result, value, _ref;
       result = [];
@@ -363,13 +367,16 @@
     };
     Model.prototype.validate = function() {};
     Model.prototype.load = function(atts) {
-      var key, value, _results;
-      _results = [];
+      var key, value;
       for (key in atts) {
         value = atts[key];
-        _results.push(typeof this[key] === 'function' ? this[key](value) : this[key] = value);
+        if (typeof this[key] === 'function') {
+          this[key](value);
+        } else {
+          this[key] = value;
+        }
       }
-      return _results;
+      return this;
     };
     Model.prototype.attributes = function() {
       var key, result, _i, _len, _ref;
@@ -460,6 +467,16 @@
     Model.prototype.toString = function() {
       return "<" + this.constructor.className + " (" + (JSON.stringify(this)) + ")>";
     };
+    Model.prototype.fromForm = function(form) {
+      var key, result, _i, _len, _ref;
+      result = {};
+      _ref = $(form).serializeArray();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        key = _ref[_i];
+        result[key.name] = key.value;
+      }
+      return this.load(result);
+    };
     Model.prototype.exists = function() {
       return this.id && this.id in this.constructor.records;
     };

data/app/assets/javascripts/spine/ajax.js

@@ -229,4 +229,4 @@
   if (typeof module !== "undefined" && module !== null) {
     module.exports = Ajax;
   }
-}).call(this);
+}).call(this);

data/app/assets/javascripts/spine/manager.js

@@ -81,6 +81,49 @@
       return this;
     }
   });
+  Spine.Stack = (function() {
+    __extends(Stack, Spine.Controller);
+    Stack.prototype.controllers = {};
+    Stack.prototype.routes = {};
+    Stack.prototype.className = 'spine stack';
+    function Stack() {
+      var key, value, _fn, _ref, _ref2;
+      Stack.__super__.constructor.apply(this, arguments);
+      this.manager = new Spine.Manager;
+      _ref = this.controllers;
+      for (key in _ref) {
+        value = _ref[key];
+        this[key] = new value({
+          stack: this
+        });
+        this.add(this[key]);
+      }
+      _ref2 = this.routes;
+      _fn = __bind(function(key, value) {
+        var callback;
+        if (typeof value === 'function') {
+          callback = value;
+        }
+        callback || (callback = __bind(function() {
+          var _ref3;
+          return (_ref3 = this[value]).active.apply(_ref3, arguments);
+        }, this));
+        return this.route(key, callback);
+      }, this);
+      for (key in _ref2) {
+        value = _ref2[key];
+        _fn(key, value);
+      }
+      if (this["default"]) {
+        this[this["default"]].active();
+      }
+    }
+    Stack.prototype.add = function(controller) {
+      this.manager.add(controller);
+      return this.append(controller);
+    };
+    return Stack;
+  })();
   if (typeof module !== "undefined" && module !== null) {
     module.exports = Spine.Manager;
   }

data/app/assets/javascripts/spine/route.js

@@ -36,7 +36,7 @@
         }
         return _results;
       } else {
-        return this.routes.unshift(new this(path, callback));
+        return this.routes.push(new this(path, callback));
       }
     };
     Route.setup = function(options) {

data/app/assets/javascripts/spine/tabs.js

@@ -15,24 +15,24 @@
   Spine.Tabs = (function() {
     __extends(Tabs, Spine.Controller);
     Tabs.prototype.events = {
-      "click [data-name]": "click"
+      'click [data-name]': 'click'
     };
     function Tabs() {
       this.change = __bind(this.change, this);      Tabs.__super__.constructor.apply(this, arguments);
-      this.bind("change", this.change);
+      this.bind('change', this.change);
     }
     Tabs.prototype.change = function(name) {
       if (!name) {
         return;
       }
       this.current = name;
-      this.children().removeClass("active");
-      return this.children("[data-name='" + this.current + "']").addClass("active");
+      this.children().removeClass('active');
+      return this.children("[data-name=" + this.current).addClass('active');
     };
     Tabs.prototype.render = function() {
       this.change(this.current);
-      if (!(this.children(".active").length || this.current)) {
-        return this.children(":first").click();
+      if (!(this.children('.active').length || this.current)) {
+        return this.children(':first').click();
       }
     };
     Tabs.prototype.children = function(sel) {
@@ -40,11 +40,11 @@
     };
     Tabs.prototype.click = function(e) {
       var name;
-      name = $(e.target).attr("data-name");
-      return this.trigger("change", name);
+      name = $(e.target).attr('data-name');
+      return this.trigger('change', name);
     };
     Tabs.prototype.connect = function(tabName, controller) {
-      return this.bind("change", function(name) {
+      return this.bind('change', function(name) {
         if (name === tabName) {
           return controller.active();
         }

data/lib/generators/spine/controller/controller_generator.rb

@@ -11,7 +11,7 @@ module Spine
         template "controller.coffee.erb", File.join(
           "app/assets/javascripts", 
           app_name, "controllers", 
-          class_path, file_name.pluralize + ".coffee"
+          class_path, file_name.pluralize + ".js.coffee"
         )
       end
     end

data/lib/generators/spine/model/model_generator.rb

@@ -10,7 +10,7 @@ module Spine
       argument :fields, :desc => 'List of model attributes', :type => :array, :banner => 'field1 field2'
 
       def create_model
-        template "model.coffee.erb", "app/assets/javascripts/#{app_name}/models/#{file_name}.coffee"
+        template "model.coffee.erb", "app/assets/javascripts/#{app_name}/models/#{file_name}.js.coffee"
       end
     end
   end

data/lib/generators/spine/new/new_generator.rb

@@ -25,7 +25,7 @@ module Spine
       end
     
       def create_app_file
-        template "index.coffee.erb", "app/assets/javascripts/#{app_name}/index.coffee"
+        template "index.coffee.erb", "app/assets/javascripts/#{app_name}/index.js.coffee"
       end
      
       def add_spine_app_to_application

data/lib/generators/spine/scaffold/scaffold_generator.rb

@@ -0,0 +1,42 @@
+require "rails"
+require "spine/generators"
+
+module Spine
+  module Generators
+    class ScaffoldGenerator < Base
+      source_root File.expand_path("../templates", __FILE__)
+      desc "Generate a Spine scaffold with configured fields"
+
+      argument :fields, :desc => "List of model attributes", :type => :array, :banner => "field1 field2"
+      
+      def create_scaffold
+        raise("The 'eco' gem is required; add it to the Gemfile") unless defined?(::Eco)
+        
+        generate "spine:model #{model_name} #{fields.join(" ")} --app #{app_name}"
+        template "controller.coffee.erb", "app/assets/javascripts/#{app_name}/controllers/#{controller_name}.js.coffee"
+        template "edit.jst.erb",  "app/assets/javascripts/#{app_name}/views/#{controller_name}/edit.jst.eco"
+        template "index.jst.erb", "app/assets/javascripts/#{app_name}/views/#{controller_name}/index.jst.eco"
+        template "new.jst.erb",   "app/assets/javascripts/#{app_name}/views/#{controller_name}/new.jst.eco"
+        template "show.jst.erb",  "app/assets/javascripts/#{app_name}/views/#{controller_name}/show.jst.eco"
+      end
+      
+      protected
+        
+        def model_name
+          file_name.singularize
+        end
+
+        def model_class
+          class_name.singularize
+        end
+
+        def controller_name
+          file_name.pluralize
+        end
+
+        def controller_class
+          class_name.pluralize
+        end
+    end
+  end
+end

data/lib/generators/spine/scaffold/templates/controller.coffee.erb

@@ -0,0 +1,110 @@
+$ = jQuery.sub()
+<%= model_class %> = <%= app_class %>.<%= model_class %>
+
+$.fn.item = ->
+  elementID   = $(@).data('id')
+  elementID or= $(@).parents('[data-id]').data('id')
+  <%= model_class %>.find(elementID)
+
+class New extends Spine.Controller
+  events:
+    'submit form': 'submit'
+    
+  constructor: ->
+    super
+    @active @render
+    
+  render: ->
+    @html App.view('<%= controller_name %>/new')
+    
+  submit: (e) ->
+    e.preventDefault()
+    <%= model_name %> = <%= model_class %>.fromForm(e.target).save()
+    @navigate '/<%= controller_name %>', <%= model_name %>.id if <%= model_name %>
+
+class Edit extends Spine.Controller
+  events:
+    'submit form': 'submit'
+  
+  constructor: ->
+    super
+    @active (params) ->
+      @change(params.id)
+      
+  change: (id) ->
+    @item = <%= model_class %>.find(id)
+    @render()
+    
+  render: ->
+    @html App.view('<%= controller_name %>/edit')(@item)
+    
+  submit: (e) ->
+    e.preventDefault()
+    @item.fromForm(e.target).save()
+    @navigate '/<%= controller_name %>'
+
+class Show extends Spine.Controller
+  events:
+    'click [data-type=back]': 'back'
+
+  constructor: ->
+    super
+    @active (params) ->
+      @change(params.id)
+
+  change: (id) ->
+    @item = <%= model_class %>.find(id)
+    @render()
+
+  render: ->
+    @html App.view('<%= controller_name %>/show')(@item)
+
+  back: ->
+    @navigate '/<%= controller_name %>'
+
+class Index extends Spine.Controller
+  events:
+    'click [data-type=edit]':    'edit'
+    'click [data-type=destroy]': 'destroy'
+    'click [data-type=show]':    'show'
+    'click [data-type=new]':     'new'
+
+  constructor: ->
+    super
+    <%= model_class %>.bind 'refresh change', @render
+    <%= model_class %>.fetch()
+    
+  render: =>
+    <%= controller_name %> = <%= model_class %>.all()
+    @html App.view('<%= controller_name %>/index')(<%= controller_name %>: <%= controller_name %>)
+    
+  edit: (e) ->
+    item = $(e.target).item()
+    @navigate '/<%= controller_name %>', item.id, 'edit'
+    
+  destroy: (e) ->
+    item = $(e.target).item()
+    item.destroy() if confirm('Sure?')
+    
+  show: (e) ->
+    item = $(e.target).item()
+    @navigate '/<%= controller_name %>', item.id
+    
+  new: ->
+    @navigate '/<%= controller_name %>/new'
+    
+class App.<%= controller_class %> extends Spine.Stack
+  controllers:
+    index: Index
+    edit:  Edit
+    show:  Show
+    new:   New
+    
+  routes:
+    '/<%= controller_name %>/new':      'new'
+    '/<%= controller_name %>/:id/edit': 'edit'
+    '/<%= controller_name %>/:id':      'show'
+    '/<%= controller_name %>':          'index'
+    
+  default: 'index'
+  className: 'stack <%= controller_name %>'

data/lib/generators/spine/scaffold/templates/edit.jst.erb

@@ -0,0 +1,15 @@
+<h1>Edit <%= model_class %></h1>
+
+<form>
+  <% fields.each do |field| %>
+  <label>
+    <span><%= field.titleize %></span>
+    <input 
+      type="text" name="<%= field %>" 
+      value="<%%= @<%= field %> %>" required
+      <%- if field == fields[0] %> autofocus<% end %>>
+  </label>
+  <% end %>
+  <button>Edit</button>
+
+</form>

data/lib/generators/spine/scaffold/templates/index.jst.erb

@@ -0,0 +1,12 @@
+<h1>Listing <%= model_class.pluralize %></h1>
+
+<%% for <%= model_name %> in @<%= controller_name %>: %>
+  <div class="item" data-id="<%%= <%= model_name %>.id %>">
+    <a data-type="show"><%%= <%= model_name %>.<%= fields[0] %> %></a>
+    
+    <a data-type="edit">Edit</a> 
+    <a data-type="destroy">Destroy</a>
+  </div>
+<%% end %>
+
+<p><a data-type="new">New <%= model_class %></a></p>

data/lib/generators/spine/scaffold/templates/new.jst.erb

@@ -0,0 +1,15 @@
+<h1>New <%= model_class %></h1>
+
+<form>
+  <% fields.each do |field| %>
+  <label>
+    <span><%= field.titleize %></span>
+    <input 
+      type="text" name="<%= field %>" 
+      value="<%%= @<%= field %> %>" required
+      <%- if field == fields[0] %> autofocus<% end %>>
+  </label>
+  <% end %>
+  <button>Create</button>
+
+</form>

data/lib/generators/spine/scaffold/templates/show.jst.erb

@@ -0,0 +1,7 @@
+<h1>Show <%= model_class %></h1>
+
+<a data-type="back">Back</a>
+
+<%- fields.each do |field| -%>
+<p><%= field.titleize %>: <%%= @<%= field %> %></p>
+<%- end -%>

data/lib/spine/generators.rb

@@ -3,17 +3,19 @@ module Spine
     class Base < ::Rails::Generators::NamedBase
       class_option :app, :type => :string, :default => "app", :desc => "app name"
       
-      def class_name
-        (class_path + [file_name]).map!{ |m| m.camelize }.join('')
-      end
+      protected
       
-      def app_name
-        options[:app]
-      end
+        def class_name
+          (class_path + [file_name]).map!{ |m| m.camelize }.join('')
+        end
       
-      def app_class
-        app_name.camelize
-      end
+        def app_name
+          options[:app]
+        end
+      
+        def app_class
+          app_name.camelize
+        end
     end
   end
 end

data/lib/spine/rails/version.rb

@@ -1,6 +1,6 @@
 module Spine
   module Rails
-    VERSION = "0.0.7"
+    VERSION = "0.0.8"
     SPINE_VERSION = "1.0.3"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spine-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-10-22 00:00:00.000000000Z
+date: 2011-10-23 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70168718472840 !ruby/object:Gem::Requirement
+  requirement: &70224443989420 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: 3.1.0
   type: :runtime
   prerelease: false
-  version_requirements: *70168718472840
+  version_requirements: *70224443989420
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &70168718516220 !ruby/object:Gem::Requirement
+  requirement: &70224443988460 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,7 +32,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70168718516220
+  version_requirements: *70224443988460
 description: This gem provides Spine for your Rails 3 application.
 email:
 - info@eribium.org
@@ -61,6 +61,12 @@ files:
 - lib/generators/spine/model/templates/model.coffee.erb
 - lib/generators/spine/new/new_generator.rb
 - lib/generators/spine/new/templates/index.coffee.erb
+- lib/generators/spine/scaffold/scaffold_generator.rb
+- lib/generators/spine/scaffold/templates/controller.coffee.erb
+- lib/generators/spine/scaffold/templates/edit.jst.erb
+- lib/generators/spine/scaffold/templates/index.jst.erb
+- lib/generators/spine/scaffold/templates/new.jst.erb
+- lib/generators/spine/scaffold/templates/show.jst.erb
 - lib/generators/spine/view/templates/view.eco.erb
 - lib/generators/spine/view/templates/view.ejs.erb
 - lib/generators/spine/view/templates/view.hamljs.erb
@@ -96,3 +102,4 @@ signing_key:
 specification_version: 3
 summary: Use Spine with Rails 3
 test_files: []
+has_rdoc: