neat-rails 0.0.2

data/vendor/assets/javascripts/neat/lib/jquery_extensions.coffee

@@ -0,0 +1,15 @@
+$.fn.extend
+  cssHover: (selector)->
+    if arguments.length == 0
+      @hover(
+        -> $(@).addClass('hovered'),
+        -> $(@).removeClass('hovered'))
+    else
+      @delegate selector, 'hover', (e)->
+        if e.type == 'mouseenter'
+          $(@).addClass('hovered')
+        else
+          $(@).removeClass('hovered')    
+  
+  isIn: (selector)->
+    @is(selector) or (@parents(selector).length > 0)

data/vendor/assets/javascripts/neat/lib/paginated_list.js

@@ -0,0 +1,204 @@
+var Lail; if(!Lail) Lail={};
+Lail.PaginatedList = function(list, options) {
+  // todo: paste John Resig's code
+  
+  options = options || {};
+  var self = this;
+  
+  this.set = [];
+  this.set_length = 0;
+  this.current_page = 1;
+  this.page_size = options.page_size || 20;
+  this.always_show = (typeof options.always_show == 'undefined') ? true : options.always_show;
+  this.page_count = 1;
+  this.observer = new Observer();
+  this.pagination_container = null;
+  this.during_init = false;
+  
+  
+  
+  this.count = function() {
+    return self.set_length;
+  }
+  
+  
+  
+  this.init = function(list, initialPage, options) {
+    if((options || {}).page_size) {
+      self.page_size = options.page_size;
+    }
+    self.during_init = true;
+    self.set = list;
+    self.set_length = self.set.length;
+    self.page_count = parseInt(Math.ceil(self.set_length / self.page_size));
+    if(self.page_count < 1) {
+      self.page_count = 1;
+    }
+    self.current_page = 0;
+    self.gotoPage(initialPage || 1);
+    self.during_init = false;
+  }
+  
+  this.gotoPage = function(page_number) {
+    page_number = +page_number; // needs to be an integer
+    if(page_number < 1) page_number = 1;
+    if(page_number > self.page_count) page_number = self.page_count;
+    if(page_number != self.current_page) __setCurrentPage(page_number);
+  }
+  
+  function __setCurrentPage(page_number) {
+    self.current_page = page_number;
+    self.current_set = self.set.slice(self.firstItemIndex(), self.lastItemIndex());
+    renderPagination();
+    notifyOfPageChange();
+  }
+  
+  this.firstItemIndex = function() {
+    return (self.current_page - 1) * self.page_size || 0;
+  }
+  
+  this.lastItemIndex = function() {
+    var end = self.current_page * self.page_size;
+    return (end > self.set_length) ? self.set_length : end;
+  }
+  
+  this.getCurrentPage = function() {
+    return self.current_page;
+  }
+  
+  this.getCurrentSet = function() {
+    return self.current_set;
+  }
+  
+  this.getEntireSet = function() {
+    return self.set;
+  }
+  
+  function renderPagination() {
+    if(self.pagination_container) {
+      self.pagination_container.html(self.renderPagination());
+    }
+  }
+  
+  function notifyOfPageChange() {
+    self.observer.fire('changed', {onInit: self.during_init});
+  }
+  
+  
+  
+  this.onPageChange = function(callback) {
+    self.observer.observe('changed', callback);
+  }
+  
+  
+  
+  this.gotoNextPage = function() {
+    if(self.isLastPage()) { 
+      return false;
+    } else {
+      self.gotoPage(self.current_page + 1);
+      return true;
+    }
+  }
+  
+  this.getNextPageNumber = function() {
+    return self.isLastPage() ? self.current_page : (self.current_page + 1);
+  }
+  
+  this.isLastPage = function() {
+    return (self.current_page == self.page_count);
+  }
+  
+  
+  
+  this.gotoPreviousPage = function() {
+    if(self.isFirstPage()) { 
+      return false;
+    } else {
+      self.gotoPage(self.current_page - 1);
+      return true;
+    }
+  }
+  
+  this.getPreviousPageNumber = function() {
+    return self.isFirstPage() ? self.current_page : (self.current_page - 1);
+  }
+  
+  this.isFirstPage = function() {
+    return (self.current_page == 1);
+  }
+  
+  
+  
+  // !nb: uses jQuery!!!
+  this.renderPaginationIn = function(selector) {
+    self.pagination_container = jQuery(selector);
+    self.pagination_container.delegate('a', 'click', function(e) {
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      var a = jQuery(this);
+      if(a.hasClass('prev_page')) {
+        self.gotoPreviousPage();
+      } else if(a.hasClass('next_page')) {
+        self.gotoNextPage();
+      } else if(a.hasClass('goto_page')) {
+        self.gotoPage(parseInt(a.attr('id').substring(5)));
+      }
+      return false;
+    });
+  }
+  
+  // !todo: use Handlebars
+  this.renderPagination = function() {
+    var html = '',
+        current = self.current_page,
+        count = self.page_count,
+        min = 1,
+        max = count;
+    
+    if(this.always_show || count > 1) {
+      if(self.isFirstPage()) {
+        html += '<span class="prev_page disabled">&#171; Previous</span> ';
+      } else {
+        html += '<a class="prev_page" href="#" rel="previous">&#171; Previous</a> ';
+      }
+      
+      // list no more than 7 page numbers
+      if(self.page_count > 7) {
+        min = current - 3;
+        max = current + 3;
+        var shift = (min < 1) ? (1 - min) : ((max > count) ? (count - max) : 0);
+        min += shift;
+        max += shift;
+      }
+      for(var i=min; i<=max; i++) {
+        if(i == self.current_page) {
+          html += ' <span class="currentPage">' + i + '</span> ';
+        } else {
+          html += ' <a class="goto_page" href="#" id="page_' + i + '">' + i + '</a> ';
+        }
+      }
+      
+      if(self.isLastPage()) {
+        html += ' <span class="next_page disabled">Next &#187;</span>';
+      } else {
+        html += ' <a class="next_page" href="#" rel="next">Next &#187;</a>';
+      }
+    }
+    
+    return html;
+  }
+  
+  // !todo: use handlebars
+  this.renderExtendedPagination = function() {
+    var html = 'Listing <strong>';
+    if(self.page_count > 1) { 
+      html += (self.firstItemIndex()+1) + '&ndash;' + self.lastItemIndex() + '</strong> of <strong>';
+    }
+    return html + self.count() + '</strong>';
+  }
+  
+  
+  
+  this.init(list || []);
+}

data/vendor/assets/javascripts/neat/model_editor.coffee

@@ -0,0 +1,107 @@
+class window.Neat.ModelEditor extends Backbone.View
+  tagName: 'li'
+  className: 'row interactive editable'
+  
+  initialize: (options)->
+    options = options ? {}
+    @templateOptions = options.templateOptions ? {}
+    @viewPath = @viewPath ? options.viewPath
+    @resource = @resource ? window.inflect.singularize(options.resource)
+    $(@el).addClass(@resource)
+    
+    # Renders the 'show' template normally,
+    # renders 'edit' when in edit mode.
+    @showTemplate = JST["#{@viewPath}/show"]
+    @editTemplate = JST["#{@viewPath}/edit"]
+    
+    # Wire up events.
+    # Don't use Backbone's events hash because if subclasses
+    # use that more familiar syntax, they'll blow away events
+    # defined in this class.
+    $(@el).delegate('.save-button',   'click', _.bind(@save, @))
+    $(@el).delegate('.delete-button', 'click', _.bind(@delete, @))
+    $(@el).delegate('.cancel-button', 'click', _.bind(@cancelEdit, @))
+    
+    # Begin editing when this resource is clicked
+    # unless the user clicked a link or button.
+    $(@el).click (e)=>
+      @edit() if @canEdit() and !$(e.target).isIn('input, button, a, label')
+  
+  render: ->
+    json = _.extend(@model.toJSON(), {options: @templateOptions})
+    $(@el).html @template()(json)
+    $(@el).attr('id', "#{@resource}_#{@model.get('id')}") # e.g. "calendar_5"
+    @
+  
+  inEdit: -> $(@el).hasClass('editor')
+  canEdit: -> $(@el).hasClass('editable') and !@inEdit()
+  template: -> if @inEdit() then @editTemplate else @showTemplate
+  
+  cancelEdit: (e)->
+    e?.preventDefault()
+    e?.stopImmediatePropagation()
+    if @inEdit()
+      $(@el).removeClass('editor').addClass('editable')
+      @render()
+      @trigger('edit:end')
+    @
+  
+  edit: ->
+    unless @inEdit()
+      $el = $(@el)
+      $el.addClass('editor').removeClass('editable hovered')
+      @trigger('edit:begin')
+      @render()
+      $el.find(':input:visible').first().focus()
+    @
+  
+  save: (e)->
+    e?.preventDefault()
+    $form = $(@el).closest('form')
+    newAttributes = $form.serializeObject()
+    @debug 'saving: ', newAttributes
+    attributes =  @model.changedAttributes(newAttributes)
+    
+    if attributes
+      previousAttributes = @model.toJSON()
+      
+      @model.save attributes,
+        wait: true
+        success: =>
+          for attribute, newValue of attributes
+            @debug "  . #{attribute} changed from ", previousAttributes[attribute], " to ", @model.get(attribute)
+          @onSaveSuccess()
+        error: _.bind(@onSaveError, @)
+    
+    @cancelEdit()
+  
+  delete: (e)->
+    e?.preventDefault()
+    if @confirmDelete(@resource)
+      $(@el).removeClass('editable').addClass('deleted')
+      
+      @model.destroy
+        wait: true
+        success: =>
+          @model.collection.remove(@model) if @model.collection
+          @onDeleteSuccess
+        error: _.bind(@onSaveError, @)
+      @cancelEdit()
+  
+  confirmDelete: (resource)->
+    confirm("Delete this #{resource}?")
+  
+  
+  
+  onSaveSuccess: ->
+  onSaveError: ->
+  onDeleteSuccess: ->
+  onDeleteError: ->
+  
+  
+  
+  debug: (o...)->
+    @log(o...) if Neat.debug
+  
+  log: (o...)->
+    Neat.logger.log "[#{@resource}] ", o...

data/vendor/assets/javascripts/neat.js

@@ -0,0 +1,23 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require_self
+//= require ./neat/lib/inflect
+//= require ./neat/lib/paginated_list
+//= require ./neat/lib/delayed_action
+//= require ./neat/lib/jquery_extensions
+//= require ./neat/collection_editor
+//= require ./neat/model_editor
+
+window.Neat = window.Neat || {}
+window.Neat.debug = true;
+window.Neat.logger = {
+  log: function() {
+    var log, __slice = [].slice, o, _ref;
+    o = 1 <= arguments.length ? __slice.call(arguments, 0) : [];
+    return (_ref = window.console).log.apply(_ref, o);
+  }
+};

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: neat-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Bob Lail
+- Luke Booth
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-08-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: It allows editing collections and models inline
+email:
+- bob.lailfamily@gmail.com
+- luke.booth@cph.org
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/neat-rails.rb
+- lib/neat/rails/engine.rb
+- lib/neat/rails/version.rb
+- neat-rails.gemspec
+- vendor/assets/javascripts/neat.js
+- vendor/assets/javascripts/neat/collection_editor.coffee
+- vendor/assets/javascripts/neat/lib/delayed_action.js
+- vendor/assets/javascripts/neat/lib/inflect.js
+- vendor/assets/javascripts/neat/lib/jquery_extensions.coffee
+- vendor/assets/javascripts/neat/lib/paginated_list.js
+- vendor/assets/javascripts/neat/model_editor.coffee
+homepage: ''
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.0
+signing_key: 
+specification_version: 4
+summary: It's like FreightTrain for Backbone. That's pretty neat!
+test_files: []