BackboneJsAndFullCalendar

├── .gitignore ├── .project ├── .settings ├── .jsdtscope ├── org.eclipse.wst.jsdt.ui.superType.container └── org.eclipse.wst.jsdt.ui.superType.name ├── Gemfile ├── Gemfile.lock ├── MIT_LICENCE ├── README ├── Rakefile ├── app ├── controllers │ ├── application_controller.rb │ └── events_controller.rb ├── helpers │ ├── application_helper.rb │ └── events_helper.rb ├── models │ └── event.rb └── views │ └── layouts │ └── application.html.erb ├── config.ru ├── config ├── application.rb ├── boot.rb ├── database.yml ├── environment.rb ├── environments │ ├── development.rb │ ├── production.rb │ └── test.rb ├── initializers │ ├── backtrace_silencers.rb │ ├── inflections.rb │ ├── mime_types.rb │ ├── secret_token.rb │ └── session_store.rb ├── locales │ └── en.yml └── routes.rb ├── db ├── migrate │ └── 20110802071408_create_events.rb ├── schema.rb └── seeds.rb ├── doc └── README_FOR_APP ├── lib └── tasks │ └── .gitkeep ├── public ├── favicon.ico ├── index.html ├── javascripts │ ├── application.js │ ├── backbone.js │ ├── fullcalendar.min.js │ ├── jquery-1.5.1.min.js │ ├── jquery-ui-1.8.13.custom.min.js │ └── underscore.js └── stylesheets │ ├── application.css │ ├── fullcalendar.css │ ├── images │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ ├── ui-bg_flat_75_ffffff_40x100.png │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ ├── ui-bg_glass_65_ffffff_1x400.png │ ├── ui-bg_glass_75_dadada_1x400.png │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ ├── ui-bg_glass_95_fef1ec_1x400.png │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png │ ├── ui-icons_222222_256x240.png │ ├── ui-icons_2e83ff_256x240.png │ ├── ui-icons_454545_256x240.png │ ├── ui-icons_888888_256x240.png │ └── ui-icons_cd0a0a_256x240.png │ └── jquery-ui-1.8.13.custom.css ├── script └── rails ├── test ├── fixtures │ └── events.yml ├── functional │ └── events_controller_test.rb ├── performance │ └── browsing_test.rb ├── test_helper.rb └── unit │ ├── event_test.rb │ └── helpers │ └── events_helper_test.rb └── vendor └── plugins └── .gitkeep /.gitignore: -------------------------------------------------------------------------------- 1 | .bundle 2 | db/*.sqlite3 3 | log/*.log 4 | tmp/ 5 | -------------------------------------------------------------------------------- /.project: -------------------------------------------------------------------------------- 1 | 2 | 3 | BackboneJsAndFullCalendar 4 | 5 | 6 | 7 | 8 | 9 | org.eclipse.wst.jsdt.core.javascriptValidator 10 | 11 | 12 | 13 | 14 | 15 | org.eclipse.wst.jsdt.core.jsNature 16 | 17 | 18 | -------------------------------------------------------------------------------- /.settings/.jsdtscope: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /.settings/org.eclipse.wst.jsdt.ui.superType.container: -------------------------------------------------------------------------------- 1 | org.eclipse.wst.jsdt.launching.JRE_CONTAINER -------------------------------------------------------------------------------- /.settings/org.eclipse.wst.jsdt.ui.superType.name: -------------------------------------------------------------------------------- 1 | Global -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'http://rubygems.org' 2 | 3 | gem 'rails', '3.0.9' 4 | 5 | # Bundle edge Rails instead: 6 | # gem 'rails', :git => 'git://github.com/rails/rails.git' 7 | 8 | gem 'sqlite3' 9 | 10 | # Use unicorn as the web server 11 | # gem 'unicorn' 12 | 13 | # Deploy with Capistrano 14 | # gem 'capistrano' 15 | 16 | # To use debugger (ruby-debug for Ruby 1.8.7+, ruby-debug19 for Ruby 1.9.2+) 17 | # gem 'ruby-debug' 18 | # gem 'ruby-debug19', :require => 'ruby-debug' 19 | 20 | # Bundle the extra gems: 21 | # gem 'bj' 22 | # gem 'nokogiri' 23 | # gem 'sqlite3-ruby', :require => 'sqlite3' 24 | # gem 'aws-s3', :require => 'aws/s3' 25 | 26 | # Bundle gems for the local environment. Make sure to 27 | # put test-only gems in this group so their generators 28 | # and rake tasks are available in development mode: 29 | # group :development, :test do 30 | # gem 'webrat' 31 | # end 32 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: http://rubygems.org/ 3 | specs: 4 | abstract (1.0.0) 5 | actionmailer (3.0.9) 6 | actionpack (= 3.0.9) 7 | mail (~> 2.2.19) 8 | actionpack (3.0.9) 9 | activemodel (= 3.0.9) 10 | activesupport (= 3.0.9) 11 | builder (~> 2.1.2) 12 | erubis (~> 2.6.6) 13 | i18n (~> 0.5.0) 14 | rack (~> 1.2.1) 15 | rack-mount (~> 0.6.14) 16 | rack-test (~> 0.5.7) 17 | tzinfo (~> 0.3.23) 18 | activemodel (3.0.9) 19 | activesupport (= 3.0.9) 20 | builder (~> 2.1.2) 21 | i18n (~> 0.5.0) 22 | activerecord (3.0.9) 23 | activemodel (= 3.0.9) 24 | activesupport (= 3.0.9) 25 | arel (~> 2.0.10) 26 | tzinfo (~> 0.3.23) 27 | activeresource (3.0.9) 28 | activemodel (= 3.0.9) 29 | activesupport (= 3.0.9) 30 | activesupport (3.0.9) 31 | arel (2.0.10) 32 | builder (2.1.2) 33 | erubis (2.6.6) 34 | abstract (>= 1.0.0) 35 | i18n (0.5.0) 36 | mail (2.2.19) 37 | activesupport (>= 2.3.6) 38 | i18n (>= 0.4.0) 39 | mime-types (~> 1.16) 40 | treetop (~> 1.4.8) 41 | mime-types (1.16) 42 | polyglot (0.3.1) 43 | rack (1.2.3) 44 | rack-mount (0.6.14) 45 | rack (>= 1.0.0) 46 | rack-test (0.5.7) 47 | rack (>= 1.0) 48 | rails (3.0.9) 49 | actionmailer (= 3.0.9) 50 | actionpack (= 3.0.9) 51 | activerecord (= 3.0.9) 52 | activeresource (= 3.0.9) 53 | activesupport (= 3.0.9) 54 | bundler (~> 1.0) 55 | railties (= 3.0.9) 56 | railties (3.0.9) 57 | actionpack (= 3.0.9) 58 | activesupport (= 3.0.9) 59 | rake (>= 0.8.7) 60 | rdoc (~> 3.4) 61 | thor (~> 0.14.4) 62 | rake (0.8.7) 63 | rdoc (3.6.1) 64 | sqlite3 (1.3.3) 65 | thor (0.14.6) 66 | treetop (1.4.9) 67 | polyglot (>= 0.3.1) 68 | tzinfo (0.3.27) 69 | 70 | PLATFORMS 71 | ruby 72 | 73 | DEPENDENCIES 74 | rails (= 3.0.9) 75 | sqlite3 76 | -------------------------------------------------------------------------------- /MIT_LICENCE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2012 Shine Technologies 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 4 | 5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 6 | 7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 8 | -------------------------------------------------------------------------------- /README: -------------------------------------------------------------------------------- 1 | Sample code for http://blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial 2 | 3 | Note that the data used in the demo is store as fixtures, not seed data. Thus you should use the following to load it: 4 | 5 | rake db:fixtures:load -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | # Add your own tasks in files placed in lib/tasks ending in .rake, 2 | # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. 3 | 4 | require File.expand_path('../config/application', __FILE__) 5 | require 'rake' 6 | 7 | BackboneJsAndFullCalendar::Application.load_tasks 8 | -------------------------------------------------------------------------------- /app/controllers/application_controller.rb: -------------------------------------------------------------------------------- 1 | class ApplicationController < ActionController::Base 2 | protect_from_forgery 3 | end 4 | -------------------------------------------------------------------------------- /app/controllers/events_controller.rb: -------------------------------------------------------------------------------- 1 | # Note that to avoid bugs and security issues, we manually specify the parameters we want to save & 2 | # update, rather than just passing them all in. 3 | class EventsController < ApplicationController 4 | def index 5 | render :json => Event.all 6 | end 7 | 8 | def create 9 | render :json => 10 | Event.create!(:start => params[:start], :end => params[:end], :title => params[:title], 11 | :color => params[:color]) 12 | end 13 | 14 | def update 15 | event = Event.find(params[:id]) 16 | event.update_attributes!(:start => params[:start], :end => params[:end], :title => params[:title], 17 | :color => params[:color]) 18 | render :json => event 19 | end 20 | 21 | def destroy 22 | event = Event.find(params[:id]) 23 | event.destroy 24 | render :json => event 25 | end 26 | end 27 | -------------------------------------------------------------------------------- /app/helpers/application_helper.rb: -------------------------------------------------------------------------------- 1 | module ApplicationHelper 2 | end 3 | -------------------------------------------------------------------------------- /app/helpers/events_helper.rb: -------------------------------------------------------------------------------- 1 | module EventsHelper 2 | end 3 | -------------------------------------------------------------------------------- /app/models/event.rb: -------------------------------------------------------------------------------- 1 | class Event < ActiveRecord::Base 2 | end 3 | -------------------------------------------------------------------------------- /app/views/layouts/application.html.erb: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | BackboneJsAndFullCalendar 5 | <%= stylesheet_link_tag :all %> 6 | <%= javascript_include_tag :defaults %> 7 | <%= csrf_meta_tag %> 8 | 9 | 10 | 11 | <%= yield %> 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /config.ru: -------------------------------------------------------------------------------- 1 | # This file is used by Rack-based servers to start the application. 2 | 3 | require ::File.expand_path('../config/environment', __FILE__) 4 | run BackboneJsAndFullCalendar::Application 5 | -------------------------------------------------------------------------------- /config/application.rb: -------------------------------------------------------------------------------- 1 | require File.expand_path('../boot', __FILE__) 2 | 3 | require 'rails/all' 4 | 5 | # If you have a Gemfile, require the gems listed there, including any gems 6 | # you've limited to :test, :development, or :production. 7 | Bundler.require(:default, Rails.env) if defined?(Bundler) 8 | 9 | module BackboneJsAndFullCalendar 10 | class Application < Rails::Application 11 | # Settings in config/environments/* take precedence over those specified here. 12 | # Application configuration should go into files in config/initializers 13 | # -- all .rb files in that directory are automatically loaded. 14 | 15 | # Custom directories with classes and modules you want to be autoloadable. 16 | # config.autoload_paths += %W(#{config.root}/extras) 17 | 18 | # Only load the plugins named here, in the order given (default is alphabetical). 19 | # :all can be used as a placeholder for all plugins not explicitly named. 20 | # config.plugins = [ :exception_notification, :ssl_requirement, :all ] 21 | 22 | # Activate observers that should always be running. 23 | # config.active_record.observers = :cacher, :garbage_collector, :forum_observer 24 | 25 | # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone. 26 | # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC. 27 | # config.time_zone = 'Central Time (US & Canada)' 28 | 29 | # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded. 30 | # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s] 31 | # config.i18n.default_locale = :de 32 | 33 | # JavaScript files you want as :defaults (application.js is always included). 34 | # config.action_view.javascript_expansions[:defaults] = %w(jquery rails) 35 | 36 | # Configure the default encoding used in templates for Ruby 1.9. 37 | config.encoding = "utf-8" 38 | 39 | # Configure sensitive parameters which will be filtered from the log file. 40 | config.filter_parameters += [:password] 41 | end 42 | end 43 | 44 | ActiveRecord::Base.include_root_in_json = false 45 | -------------------------------------------------------------------------------- /config/boot.rb: -------------------------------------------------------------------------------- 1 | require 'rubygems' 2 | 3 | # Set up gems listed in the Gemfile. 4 | ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) 5 | 6 | require 'bundler/setup' if File.exists?(ENV['BUNDLE_GEMFILE']) 7 | -------------------------------------------------------------------------------- /config/database.yml: -------------------------------------------------------------------------------- 1 | # SQLite version 3.x 2 | # gem install sqlite3 3 | development: 4 | adapter: sqlite3 5 | database: db/development.sqlite3 6 | pool: 5 7 | timeout: 5000 8 | 9 | # Warning: The database defined as "test" will be erased and 10 | # re-generated from your development database when you run "rake". 11 | # Do not set this db to the same as development or production. 12 | test: 13 | adapter: sqlite3 14 | database: db/test.sqlite3 15 | pool: 5 16 | timeout: 5000 17 | 18 | production: 19 | adapter: sqlite3 20 | database: db/production.sqlite3 21 | pool: 5 22 | timeout: 5000 23 | -------------------------------------------------------------------------------- /config/environment.rb: -------------------------------------------------------------------------------- 1 | # Load the rails application 2 | require File.expand_path('../application', __FILE__) 3 | 4 | # Initialize the rails application 5 | BackboneJsAndFullCalendar::Application.initialize! 6 | -------------------------------------------------------------------------------- /config/environments/development.rb: -------------------------------------------------------------------------------- 1 | BackboneJsAndFullCalendar::Application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb 3 | 4 | # In the development environment your application's code is reloaded on 5 | # every request. This slows down response time but is perfect for development 6 | # since you don't have to restart the webserver when you make code changes. 7 | config.cache_classes = false 8 | 9 | # Log error messages when you accidentally call methods on nil. 10 | config.whiny_nils = true 11 | 12 | # Show full error reports and disable caching 13 | config.consider_all_requests_local = true 14 | config.action_view.debug_rjs = true 15 | config.action_controller.perform_caching = false 16 | 17 | # Don't care if the mailer can't send 18 | config.action_mailer.raise_delivery_errors = false 19 | 20 | # Print deprecation notices to the Rails logger 21 | config.active_support.deprecation = :log 22 | 23 | # Only use best-standards-support built into browsers 24 | config.action_dispatch.best_standards_support = :builtin 25 | end 26 | 27 | -------------------------------------------------------------------------------- /config/environments/production.rb: -------------------------------------------------------------------------------- 1 | BackboneJsAndFullCalendar::Application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb 3 | 4 | # The production environment is meant for finished, "live" apps. 5 | # Code is not reloaded between requests 6 | config.cache_classes = true 7 | 8 | # Full error reports are disabled and caching is turned on 9 | config.consider_all_requests_local = false 10 | config.action_controller.perform_caching = true 11 | 12 | # Specifies the header that your server uses for sending files 13 | config.action_dispatch.x_sendfile_header = "X-Sendfile" 14 | 15 | # For nginx: 16 | # config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' 17 | 18 | # If you have no front-end server that supports something like X-Sendfile, 19 | # just comment this out and Rails will serve the files 20 | 21 | # See everything in the log (default is :info) 22 | # config.log_level = :debug 23 | 24 | # Use a different logger for distributed setups 25 | # config.logger = SyslogLogger.new 26 | 27 | # Use a different cache store in production 28 | # config.cache_store = :mem_cache_store 29 | 30 | # Disable Rails's static asset server 31 | # In production, Apache or nginx will already do this 32 | config.serve_static_assets = false 33 | 34 | # Enable serving of images, stylesheets, and javascripts from an asset server 35 | # config.action_controller.asset_host = "http://assets.example.com" 36 | 37 | # Disable delivery errors, bad email addresses will be ignored 38 | # config.action_mailer.raise_delivery_errors = false 39 | 40 | # Enable threaded mode 41 | # config.threadsafe! 42 | 43 | # Enable locale fallbacks for I18n (makes lookups for any locale fall back to 44 | # the I18n.default_locale when a translation can not be found) 45 | config.i18n.fallbacks = true 46 | 47 | # Send deprecation notices to registered listeners 48 | config.active_support.deprecation = :notify 49 | end 50 | -------------------------------------------------------------------------------- /config/environments/test.rb: -------------------------------------------------------------------------------- 1 | BackboneJsAndFullCalendar::Application.configure do 2 | # Settings specified here will take precedence over those in config/application.rb 3 | 4 | # The test environment is used exclusively to run your application's 5 | # test suite. You never need to work with it otherwise. Remember that 6 | # your test database is "scratch space" for the test suite and is wiped 7 | # and recreated between test runs. Don't rely on the data there! 8 | config.cache_classes = true 9 | 10 | # Log error messages when you accidentally call methods on nil. 11 | config.whiny_nils = true 12 | 13 | # Show full error reports and disable caching 14 | config.consider_all_requests_local = true 15 | config.action_controller.perform_caching = false 16 | 17 | # Raise exceptions instead of rendering exception templates 18 | config.action_dispatch.show_exceptions = false 19 | 20 | # Disable request forgery protection in test environment 21 | config.action_controller.allow_forgery_protection = false 22 | 23 | # Tell Action Mailer not to deliver emails to the real world. 24 | # The :test delivery method accumulates sent emails in the 25 | # ActionMailer::Base.deliveries array. 26 | config.action_mailer.delivery_method = :test 27 | 28 | # Use SQL instead of Active Record's schema dumper when creating the test database. 29 | # This is necessary if your schema can't be completely dumped by the schema dumper, 30 | # like if you have constraints or database-specific column types 31 | # config.active_record.schema_format = :sql 32 | 33 | # Print deprecation notices to the stderr 34 | config.active_support.deprecation = :stderr 35 | end 36 | -------------------------------------------------------------------------------- /config/initializers/backtrace_silencers.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. 4 | # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } 5 | 6 | # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. 7 | # Rails.backtrace_cleaner.remove_silencers! 8 | -------------------------------------------------------------------------------- /config/initializers/inflections.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new inflection rules using the following format 4 | # (all these examples are active by default): 5 | # ActiveSupport::Inflector.inflections do |inflect| 6 | # inflect.plural /^(ox)$/i, '\1en' 7 | # inflect.singular /^(ox)en/i, '\1' 8 | # inflect.irregular 'person', 'people' 9 | # inflect.uncountable %w( fish sheep ) 10 | # end 11 | -------------------------------------------------------------------------------- /config/initializers/mime_types.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Add new mime types for use in respond_to blocks: 4 | # Mime::Type.register "text/richtext", :rtf 5 | # Mime::Type.register_alias "text/html", :iphone 6 | -------------------------------------------------------------------------------- /config/initializers/secret_token.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | # Your secret key for verifying the integrity of signed cookies. 4 | # If you change this key, all old signed cookies will become invalid! 5 | # Make sure the secret is at least 30 characters and all random, 6 | # no regular words or you'll be exposed to dictionary attacks. 7 | BackboneJsAndFullCalendar::Application.config.secret_token = '75d25ec96223a62b2271a80b4739d5677759670ff5453128dd7bf6c47c18b4193fc69978856d36e9bd4ed87a8d2b832502a09f35919d2f8af533682608608a7b' 8 | -------------------------------------------------------------------------------- /config/initializers/session_store.rb: -------------------------------------------------------------------------------- 1 | # Be sure to restart your server when you modify this file. 2 | 3 | BackboneJsAndFullCalendar::Application.config.session_store :cookie_store, :key => '_BackboneJsAndFullCalendar_session' 4 | 5 | # Use the database for sessions instead of the cookie-based default, 6 | # which shouldn't be used to store highly confidential information 7 | # (create the session table with "rails generate session_migration") 8 | # BackboneJsAndFullCalendar::Application.config.session_store :active_record_store 9 | -------------------------------------------------------------------------------- /config/locales/en.yml: -------------------------------------------------------------------------------- 1 | # Sample localization file for English. Add more files in this directory for other locales. 2 | # See http://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points. 3 | 4 | en: 5 | hello: "Hello world" 6 | -------------------------------------------------------------------------------- /config/routes.rb: -------------------------------------------------------------------------------- 1 | BackboneJsAndFullCalendar::Application.routes.draw do 2 | resources :events 3 | 4 | # The priority is based upon order of creation: 5 | # first created -> highest priority. 6 | 7 | # Sample of regular route: 8 | # match 'products/:id' => 'catalog#view' 9 | # Keep in mind you can assign values other than :controller and :action 10 | 11 | # Sample of named route: 12 | # match 'products/:id/purchase' => 'catalog#purchase', :as => :purchase 13 | # This route can be invoked with purchase_url(:id => product.id) 14 | 15 | # Sample resource route (maps HTTP verbs to controller actions automatically): 16 | # resources :products 17 | 18 | # Sample resource route with options: 19 | # resources :products do 20 | # member do 21 | # get 'short' 22 | # post 'toggle' 23 | # end 24 | # 25 | # collection do 26 | # get 'sold' 27 | # end 28 | # end 29 | 30 | # Sample resource route with sub-resources: 31 | # resources :products do 32 | # resources :comments, :sales 33 | # resource :seller 34 | # end 35 | 36 | # Sample resource route with more complex sub-resources 37 | # resources :products do 38 | # resources :comments 39 | # resources :sales do 40 | # get 'recent', :on => :collection 41 | # end 42 | # end 43 | 44 | # Sample resource route within a namespace: 45 | # namespace :admin do 46 | # # Directs /admin/products/* to Admin::ProductsController 47 | # # (app/controllers/admin/products_controller.rb) 48 | # resources :products 49 | # end 50 | 51 | # You can have the root of your site routed with "root" 52 | # just remember to delete public/index.html. 53 | # root :to => "welcome#index" 54 | 55 | # See how all your routes lay out with "rake routes" 56 | 57 | # This is a legacy wild controller route that's not recommended for RESTful applications. 58 | # Note: This route will make all actions in every controller accessible via GET requests. 59 | # match ':controller(/:action(/:id(.:format)))' 60 | end 61 | -------------------------------------------------------------------------------- /db/migrate/20110802071408_create_events.rb: -------------------------------------------------------------------------------- 1 | class CreateEvents < ActiveRecord::Migration 2 | def self.up 3 | create_table :events do |t| 4 | t.string :title 5 | t.string :color 6 | t.datetime :start 7 | t.datetime :end 8 | 9 | t.timestamps 10 | end 11 | end 12 | 13 | def self.down 14 | drop_table :events 15 | end 16 | end 17 | -------------------------------------------------------------------------------- /db/schema.rb: -------------------------------------------------------------------------------- 1 | # This file is auto-generated from the current state of the database. Instead 2 | # of editing this file, please use the migrations feature of Active Record to 3 | # incrementally modify your database, and then regenerate this schema definition. 4 | # 5 | # Note that this schema.rb definition is the authoritative source for your 6 | # database schema. If you need to create the application database on another 7 | # system, you should be using db:schema:load, not running all the migrations 8 | # from scratch. The latter is a flawed and unsustainable approach (the more migrations 9 | # you'll amass, the slower it'll run and the greater likelihood for issues). 10 | # 11 | # It's strongly recommended to check this file into your version control system. 12 | 13 | ActiveRecord::Schema.define(:version => 20110802071408) do 14 | 15 | create_table "events", :force => true do |t| 16 | t.string "title" 17 | t.string "color" 18 | t.datetime "start" 19 | t.datetime "end" 20 | t.datetime "created_at" 21 | t.datetime "updated_at" 22 | end 23 | 24 | end 25 | -------------------------------------------------------------------------------- /db/seeds.rb: -------------------------------------------------------------------------------- 1 | # This file should contain all the record creation needed to seed the database with its default values. 2 | # The data can then be loaded with the rake db:seed (or created alongside the db with db:setup). 3 | # 4 | # Examples: 5 | # 6 | # cities = City.create([{ :name => 'Chicago' }, { :name => 'Copenhagen' }]) 7 | # Mayor.create(:name => 'Daley', :city => cities.first) 8 | -------------------------------------------------------------------------------- /doc/README_FOR_APP: -------------------------------------------------------------------------------- 1 | Use this README file to introduce your application and point to useful places in the API for learning more. 2 | Run "rake doc:app" to generate API documentation for your models, controllers, helpers, and libraries. 3 | -------------------------------------------------------------------------------- /lib/tasks/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shinetech/BackboneJsAndFullCalendar/6bba0dcd97565e2ee506f71a3b909f0f56c22b60/lib/tasks/.gitkeep -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shinetech/BackboneJsAndFullCalendar/6bba0dcd97565e2ee506f71a3b909f0f56c22b60/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |

16 | 17 |

18 | 28 |

29 | 30 | 31 | -------------------------------------------------------------------------------- /public/javascripts/application.js: -------------------------------------------------------------------------------- 1 | $(function(){ 2 | var Event = Backbone.Model.extend(); 3 | 4 | var Events = Backbone.Collection.extend({ 5 | model: Event, 6 | url: 'events' 7 | }); 8 | 9 | var EventsView = Backbone.View.extend({ 10 | initialize: function(){ 11 | _.bindAll(this); 12 | 13 | this.collection.bind('reset', this.addAll); 14 | this.collection.bind('add', this.addOne); 15 | this.collection.bind('change', this.change); 16 | this.collection.bind('destroy', this.destroy); 17 | 18 | this.eventView = new EventView(); 19 | }, 20 | render: function() { 21 | this.el.fullCalendar({ 22 | header: { 23 | left: 'prev,next today', 24 | center: 'title', 25 | right: 'month,basicWeek,basicDay' 26 | }, 27 | selectable: true, 28 | selectHelper: true, 29 | editable: true, 30 | ignoreTimezone: false, 31 | select: this.select, 32 | eventClick: this.eventClick, 33 | eventDrop: this.eventDropOrResize, 34 | eventResize: this.eventDropOrResize 35 | }); 36 | }, 37 | addAll: function() { 38 | this.el.fullCalendar('addEventSource', this.collection.toJSON()); 39 | }, 40 | addOne: function(event) { 41 | this.el.fullCalendar('renderEvent', event.toJSON()); 42 | }, 43 | select: function(startDate, endDate) { 44 | this.eventView.collection = this.collection; 45 | this.eventView.model = new Event({start: startDate, end: endDate}); 46 | this.eventView.render(); 47 | }, 48 | eventClick: function(fcEvent) { 49 | this.eventView.model = this.collection.get(fcEvent.id); 50 | this.eventView.render(); 51 | }, 52 | change: function(event) { 53 | // Look up the underlying event in the calendar and update its details from the model 54 | var fcEvent = this.el.fullCalendar('clientEvents', event.get('id'))[0]; 55 | fcEvent.title = event.get('title'); 56 | fcEvent.color = event.get('color'); 57 | this.el.fullCalendar('updateEvent', fcEvent); 58 | }, 59 | eventDropOrResize: function(fcEvent) { 60 | // Lookup the model that has the ID of the event and update its attributes 61 | this.collection.get(fcEvent.id).save({start: fcEvent.start, end: fcEvent.end}); 62 | }, 63 | destroy: function(event) { 64 | this.el.fullCalendar('removeEvents', event.id); 65 | } 66 | }); 67 | 68 | var EventView = Backbone.View.extend({ 69 | el: $('#eventDialog'), 70 | initialize: function() { 71 | _.bindAll(this); 72 | }, 73 | render: function() { 74 | var buttons = {'Ok': this.save}; 75 | if (!this.model.isNew()) { 76 | _.extend(buttons, {'Delete': this.destroy}); 77 | } 78 | _.extend(buttons, {'Cancel': this.close}); 79 | 80 | this.el.dialog({ 81 | modal: true, 82 | title: (this.model.isNew() ? 'New' : 'Edit') + ' Event', 83 | buttons: buttons, 84 | open: this.open 85 | }); 86 | 87 | return this; 88 | }, 89 | open: function() { 90 | this.$('#title').val(this.model.get('title')); 91 | this.$('#color').val(this.model.get('color')); 92 | }, 93 | save: function() { 94 | this.model.set({'title': this.$('#title').val(), 'color': this.$('#color').val()}); 95 | 96 | if (this.model.isNew()) { 97 | this.collection.create(this.model, {success: this.close}); 98 | } else { 99 | this.model.save({}, {success: this.close}); 100 | } 101 | }, 102 | close: function() { 103 | this.el.dialog('close'); 104 | }, 105 | destroy: function() { 106 | this.model.destroy({success: this.close}); 107 | } 108 | }); 109 | 110 | var events = new Events(); 111 | new EventsView({el: $("#calendar"), collection: events}).render(); 112 | events.fetch(); 113 | }); -------------------------------------------------------------------------------- /public/javascripts/backbone.js: -------------------------------------------------------------------------------- 1 | // Backbone.js 0.5.1 2 | // (c) 2010 Jeremy Ashkenas, DocumentCloud Inc. 3 | // Backbone may be freely distributed under the MIT license. 4 | // For all details and documentation: 5 | // http://documentcloud.github.com/backbone 6 | 7 | (function(){ 8 | 9 | // Initial Setup 10 | // ------------- 11 | 12 | // Save a reference to the global object. 13 | var root = this; 14 | 15 | // Save the previous value of the `Backbone` variable. 16 | var previousBackbone = root.Backbone; 17 | 18 | // The top-level namespace. All public Backbone classes and modules will 19 | // be attached to this. Exported for both CommonJS and the browser. 20 | var Backbone; 21 | if (typeof exports !== 'undefined') { 22 | Backbone = exports; 23 | } else { 24 | Backbone = root.Backbone = {}; 25 | } 26 | 27 | // Current version of the library. Keep in sync with `package.json`. 28 | Backbone.VERSION = '0.5.1'; 29 | 30 | // Require Underscore, if we're on the server, and it's not already present. 31 | var _ = root._; 32 | if (!_ && (typeof require !== 'undefined')) _ = require('underscore')._; 33 | 34 | // For Backbone's purposes, jQuery or Zepto owns the `$` variable. 35 | var $ = root.jQuery || root.Zepto; 36 | 37 | // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable 38 | // to its previous owner. Returns a reference to this Backbone object. 39 | Backbone.noConflict = function() { 40 | root.Backbone = previousBackbone; 41 | return this; 42 | }; 43 | 44 | // Turn on `emulateHTTP` to use support legacy HTTP servers. Setting this option will 45 | // fake `"PUT"` and `"DELETE"` requests via the `_method` parameter and set a 46 | // `X-Http-Method-Override` header. 47 | Backbone.emulateHTTP = false; 48 | 49 | // Turn on `emulateJSON` to support legacy servers that can't deal with direct 50 | // `application/json` requests ... will encode the body as 51 | // `application/x-www-form-urlencoded` instead and will send the model in a 52 | // form param named `model`. 53 | Backbone.emulateJSON = false; 54 | 55 | // Backbone.Events 56 | // ----------------- 57 | 58 | // A module that can be mixed in to *any object* in order to provide it with 59 | // custom events. You may `bind` or `unbind` a callback function to an event; 60 | // `trigger`-ing an event fires all callbacks in succession. 61 | // 62 | // var object = {}; 63 | // _.extend(object, Backbone.Events); 64 | // object.bind('expand', function(){ alert('expanded'); }); 65 | // object.trigger('expand'); 66 | // 67 | Backbone.Events = { 68 | 69 | // Bind an event, specified by a string name, `ev`, to a `callback` function. 70 | // Passing `"all"` will bind the callback to all events fired. 71 | bind : function(ev, callback) { 72 | var calls = this._callbacks || (this._callbacks = {}); 73 | var list = calls[ev] || (calls[ev] = []); 74 | list.push(callback); 75 | return this; 76 | }, 77 | 78 | // Remove one or many callbacks. If `callback` is null, removes all 79 | // callbacks for the event. If `ev` is null, removes all bound callbacks 80 | // for all events. 81 | unbind : function(ev, callback) { 82 | var calls; 83 | if (!ev) { 84 | this._callbacks = {}; 85 | } else if (calls = this._callbacks) { 86 | if (!callback) { 87 | calls[ev] = []; 88 | } else { 89 | var list = calls[ev]; 90 | if (!list) return this; 91 | for (var i = 0, l = list.length; i < l; i++) { 92 | if (callback === list[i]) { 93 | list[i] = null; 94 | break; 95 | } 96 | } 97 | } 98 | } 99 | return this; 100 | }, 101 | 102 | // Trigger an event, firing all bound callbacks. Callbacks are passed the 103 | // same arguments as `trigger` is, apart from the event name. 104 | // Listening for `"all"` passes the true event name as the first argument. 105 | trigger : function(eventName) { 106 | var list, calls, ev, callback, args; 107 | var both = 2; 108 | if (!(calls = this._callbacks)) return this; 109 | while (both--) { 110 | ev = both ? eventName : 'all'; 111 | if (list = calls[ev]) { 112 | for (var i = 0, l = list.length; i < l; i++) { 113 | if (!(callback = list[i])) { 114 | list.splice(i, 1); i--; l--; 115 | } else { 116 | args = both ? Array.prototype.slice.call(arguments, 1) : arguments; 117 | callback.apply(this, args); 118 | } 119 | } 120 | } 121 | } 122 | return this; 123 | } 124 | 125 | }; 126 | 127 | // Backbone.Model 128 | // -------------- 129 | 130 | // Create a new model, with defined attributes. A client id (`cid`) 131 | // is automatically generated and assigned for you. 132 | Backbone.Model = function(attributes, options) { 133 | var defaults; 134 | attributes || (attributes = {}); 135 | if (defaults = this.defaults) { 136 | if (_.isFunction(defaults)) defaults = defaults(); 137 | attributes = _.extend({}, defaults, attributes); 138 | } 139 | this.attributes = {}; 140 | this._escapedAttributes = {}; 141 | this.cid = _.uniqueId('c'); 142 | this.set(attributes, {silent : true}); 143 | this._changed = false; 144 | this._previousAttributes = _.clone(this.attributes); 145 | if (options && options.collection) this.collection = options.collection; 146 | this.initialize(attributes, options); 147 | }; 148 | 149 | // Attach all inheritable methods to the Model prototype. 150 | _.extend(Backbone.Model.prototype, Backbone.Events, { 151 | 152 | // A snapshot of the model's previous attributes, taken immediately 153 | // after the last `"change"` event was fired. 154 | _previousAttributes : null, 155 | 156 | // Has the item been changed since the last `"change"` event? 157 | _changed : false, 158 | 159 | // The default name for the JSON `id` attribute is `"id"`. MongoDB and 160 | // CouchDB users may want to set this to `"_id"`. 161 | idAttribute : 'id', 162 | 163 | // Initialize is an empty function by default. Override it with your own 164 | // initialization logic. 165 | initialize : function(){}, 166 | 167 | // Return a copy of the model's `attributes` object. 168 | toJSON : function() { 169 | return _.clone(this.attributes); 170 | }, 171 | 172 | // Get the value of an attribute. 173 | get : function(attr) { 174 | return this.attributes[attr]; 175 | }, 176 | 177 | // Get the HTML-escaped value of an attribute. 178 | escape : function(attr) { 179 | var html; 180 | if (html = this._escapedAttributes[attr]) return html; 181 | var val = this.attributes[attr]; 182 | return this._escapedAttributes[attr] = escapeHTML(val == null ? '' : '' + val); 183 | }, 184 | 185 | // Returns `true` if the attribute contains a value that is not null 186 | // or undefined. 187 | has : function(attr) { 188 | return this.attributes[attr] != null; 189 | }, 190 | 191 | // Set a hash of model attributes on the object, firing `"change"` unless you 192 | // choose to silence it. 193 | set : function(attrs, options) { 194 | 195 | // Extract attributes and options. 196 | options || (options = {}); 197 | if (!attrs) return this; 198 | if (attrs.attributes) attrs = attrs.attributes; 199 | var now = this.attributes, escaped = this._escapedAttributes; 200 | 201 | // Run validation. 202 | if (!options.silent && this.validate && !this._performValidation(attrs, options)) return false; 203 | 204 | // Check for changes of `id`. 205 | if (this.idAttribute in attrs) this.id = attrs[this.idAttribute]; 206 | 207 | // We're about to start triggering change events. 208 | var alreadyChanging = this._changing; 209 | this._changing = true; 210 | 211 | // Update attributes. 212 | for (var attr in attrs) { 213 | var val = attrs[attr]; 214 | if (!_.isEqual(now[attr], val)) { 215 | now[attr] = val; 216 | delete escaped[attr]; 217 | this._changed = true; 218 | if (!options.silent) this.trigger('change:' + attr, this, val, options); 219 | } 220 | } 221 | 222 | // Fire the `"change"` event, if the model has been changed. 223 | if (!alreadyChanging && !options.silent && this._changed) this.change(options); 224 | this._changing = false; 225 | return this; 226 | }, 227 | 228 | // Remove an attribute from the model, firing `"change"` unless you choose 229 | // to silence it. `unset` is a noop if the attribute doesn't exist. 230 | unset : function(attr, options) { 231 | if (!(attr in this.attributes)) return this; 232 | options || (options = {}); 233 | var value = this.attributes[attr]; 234 | 235 | // Run validation. 236 | var validObj = {}; 237 | validObj[attr] = void 0; 238 | if (!options.silent && this.validate && !this._performValidation(validObj, options)) return false; 239 | 240 | // Remove the attribute. 241 | delete this.attributes[attr]; 242 | delete this._escapedAttributes[attr]; 243 | if (attr == this.idAttribute) delete this.id; 244 | this._changed = true; 245 | if (!options.silent) { 246 | this.trigger('change:' + attr, this, void 0, options); 247 | this.change(options); 248 | } 249 | return this; 250 | }, 251 | 252 | // Clear all attributes on the model, firing `"change"` unless you choose 253 | // to silence it. 254 | clear : function(options) { 255 | options || (options = {}); 256 | var attr; 257 | var old = this.attributes; 258 | 259 | // Run validation. 260 | var validObj = {}; 261 | for (attr in old) validObj[attr] = void 0; 262 | if (!options.silent && this.validate && !this._performValidation(validObj, options)) return false; 263 | 264 | this.attributes = {}; 265 | this._escapedAttributes = {}; 266 | this._changed = true; 267 | if (!options.silent) { 268 | for (attr in old) { 269 | this.trigger('change:' + attr, this, void 0, options); 270 | } 271 | this.change(options); 272 | } 273 | return this; 274 | }, 275 | 276 | // Fetch the model from the server. If the server's representation of the 277 | // model differs from its current attributes, they will be overriden, 278 | // triggering a `"change"` event. 279 | fetch : function(options) { 280 | options || (options = {}); 281 | var model = this; 282 | var success = options.success; 283 | options.success = function(resp, status, xhr) { 284 | if (!model.set(model.parse(resp, xhr), options)) return false; 285 | if (success) success(model, resp); 286 | }; 287 | options.error = wrapError(options.error, model, options); 288 | return (this.sync || Backbone.sync).call(this, 'read', this, options); 289 | }, 290 | 291 | // Set a hash of model attributes, and sync the model to the server. 292 | // If the server returns an attributes hash that differs, the model's 293 | // state will be `set` again. 294 | save : function(attrs, options) { 295 | options || (options = {}); 296 | if (attrs && !this.set(attrs, options)) return false; 297 | var model = this; 298 | var success = options.success; 299 | options.success = function(resp, status, xhr) { 300 | if (!model.set(model.parse(resp, xhr), options)) return false; 301 | if (success) success(model, resp, xhr); 302 | }; 303 | options.error = wrapError(options.error, model, options); 304 | var method = this.isNew() ? 'create' : 'update'; 305 | return (this.sync || Backbone.sync).call(this, method, this, options); 306 | }, 307 | 308 | // Destroy this model on the server if it was already persisted. Upon success, the model is removed 309 | // from its collection, if it has one. 310 | destroy : function(options) { 311 | options || (options = {}); 312 | if (this.isNew()) return this.trigger('destroy', this, this.collection, options); 313 | var model = this; 314 | var success = options.success; 315 | options.success = function(resp) { 316 | model.trigger('destroy', model, model.collection, options); 317 | if (success) success(model, resp); 318 | }; 319 | options.error = wrapError(options.error, model, options); 320 | return (this.sync || Backbone.sync).call(this, 'delete', this, options); 321 | }, 322 | 323 | // Default URL for the model's representation on the server -- if you're 324 | // using Backbone's restful methods, override this to change the endpoint 325 | // that will be called. 326 | url : function() { 327 | var base = getUrl(this.collection) || this.urlRoot || urlError(); 328 | if (this.isNew()) return base; 329 | return base + (base.charAt(base.length - 1) == '/' ? '' : '/') + encodeURIComponent(this.id); 330 | }, 331 | 332 | // **parse** converts a response into the hash of attributes to be `set` on 333 | // the model. The default implementation is just to pass the response along. 334 | parse : function(resp, xhr) { 335 | return resp; 336 | }, 337 | 338 | // Create a new model with identical attributes to this one. 339 | clone : function() { 340 | return new this.constructor(this); 341 | }, 342 | 343 | // A model is new if it has never been saved to the server, and lacks an id. 344 | isNew : function() { 345 | return this.id == null; 346 | }, 347 | 348 | // Call this method to manually fire a `change` event for this model. 349 | // Calling this will cause all objects observing the model to update. 350 | change : function(options) { 351 | this.trigger('change', this, options); 352 | this._previousAttributes = _.clone(this.attributes); 353 | this._changed = false; 354 | }, 355 | 356 | // Determine if the model has changed since the last `"change"` event. 357 | // If you specify an attribute name, determine if that attribute has changed. 358 | hasChanged : function(attr) { 359 | if (attr) return this._previousAttributes[attr] != this.attributes[attr]; 360 | return this._changed; 361 | }, 362 | 363 | // Return an object containing all the attributes that have changed, or false 364 | // if there are no changed attributes. Useful for determining what parts of a 365 | // view need to be updated and/or what attributes need to be persisted to 366 | // the server. 367 | changedAttributes : function(now) { 368 | now || (now = this.attributes); 369 | var old = this._previousAttributes; 370 | var changed = false; 371 | for (var attr in now) { 372 | if (!_.isEqual(old[attr], now[attr])) { 373 | changed = changed || {}; 374 | changed[attr] = now[attr]; 375 | } 376 | } 377 | return changed; 378 | }, 379 | 380 | // Get the previous value of an attribute, recorded at the time the last 381 | // `"change"` event was fired. 382 | previous : function(attr) { 383 | if (!attr || !this._previousAttributes) return null; 384 | return this._previousAttributes[attr]; 385 | }, 386 | 387 | // Get all of the attributes of the model at the time of the previous 388 | // `"change"` event. 389 | previousAttributes : function() { 390 | return _.clone(this._previousAttributes); 391 | }, 392 | 393 | // Run validation against a set of incoming attributes, returning `true` 394 | // if all is well. If a specific `error` callback has been passed, 395 | // call that instead of firing the general `"error"` event. 396 | _performValidation : function(attrs, options) { 397 | var error = this.validate(attrs); 398 | if (error) { 399 | if (options.error) { 400 | options.error(this, error, options); 401 | } else { 402 | this.trigger('error', this, error, options); 403 | } 404 | return false; 405 | } 406 | return true; 407 | } 408 | 409 | }); 410 | 411 | // Backbone.Collection 412 | // ------------------- 413 | 414 | // Provides a standard collection class for our sets of models, ordered 415 | // or unordered. If a `comparator` is specified, the Collection will maintain 416 | // its models in sort order, as they're added and removed. 417 | Backbone.Collection = function(models, options) { 418 | options || (options = {}); 419 | if (options.comparator) this.comparator = options.comparator; 420 | _.bindAll(this, '_onModelEvent', '_removeReference'); 421 | this._reset(); 422 | if (models) this.reset(models, {silent: true}); 423 | this.initialize.apply(this, arguments); 424 | }; 425 | 426 | // Define the Collection's inheritable methods. 427 | _.extend(Backbone.Collection.prototype, Backbone.Events, { 428 | 429 | // The default model for a collection is just a **Backbone.Model**. 430 | // This should be overridden in most cases. 431 | model : Backbone.Model, 432 | 433 | // Initialize is an empty function by default. Override it with your own 434 | // initialization logic. 435 | initialize : function(){}, 436 | 437 | // The JSON representation of a Collection is an array of the 438 | // models' attributes. 439 | toJSON : function() { 440 | return this.map(function(model){ return model.toJSON(); }); 441 | }, 442 | 443 | // Add a model, or list of models to the set. Pass **silent** to avoid 444 | // firing the `added` event for every new model. 445 | add : function(models, options) { 446 | if (_.isArray(models)) { 447 | for (var i = 0, l = models.length; i < l; i++) { 448 | this._add(models[i], options); 449 | } 450 | } else { 451 | this._add(models, options); 452 | } 453 | return this; 454 | }, 455 | 456 | // Remove a model, or a list of models from the set. Pass silent to avoid 457 | // firing the `removed` event for every model removed. 458 | remove : function(models, options) { 459 | if (_.isArray(models)) { 460 | for (var i = 0, l = models.length; i < l; i++) { 461 | this._remove(models[i], options); 462 | } 463 | } else { 464 | this._remove(models, options); 465 | } 466 | return this; 467 | }, 468 | 469 | // Get a model from the set by id. 470 | get : function(id) { 471 | if (id == null) return null; 472 | return this._byId[id.id != null ? id.id : id]; 473 | }, 474 | 475 | // Get a model from the set by client id. 476 | getByCid : function(cid) { 477 | return cid && this._byCid[cid.cid || cid]; 478 | }, 479 | 480 | // Get the model at the given index. 481 | at: function(index) { 482 | return this.models[index]; 483 | }, 484 | 485 | // Force the collection to re-sort itself. You don't need to call this under normal 486 | // circumstances, as the set will maintain sort order as each item is added. 487 | sort : function(options) { 488 | options || (options = {}); 489 | if (!this.comparator) throw new Error('Cannot sort a set without a comparator'); 490 | this.models = this.sortBy(this.comparator); 491 | if (!options.silent) this.trigger('reset', this, options); 492 | return this; 493 | }, 494 | 495 | // Pluck an attribute from each model in the collection. 496 | pluck : function(attr) { 497 | return _.map(this.models, function(model){ return model.get(attr); }); 498 | }, 499 | 500 | // When you have more items than you want to add or remove individually, 501 | // you can reset the entire set with a new list of models, without firing 502 | // any `added` or `removed` events. Fires `reset` when finished. 503 | reset : function(models, options) { 504 | models || (models = []); 505 | options || (options = {}); 506 | this.each(this._removeReference); 507 | this._reset(); 508 | this.add(models, {silent: true}); 509 | if (!options.silent) this.trigger('reset', this, options); 510 | return this; 511 | }, 512 | 513 | // Fetch the default set of models for this collection, resetting the 514 | // collection when they arrive. If `add: true` is passed, appends the 515 | // models to the collection instead of resetting. 516 | fetch : function(options) { 517 | options || (options = {}); 518 | var collection = this; 519 | var success = options.success; 520 | options.success = function(resp, status, xhr) { 521 | collection[options.add ? 'add' : 'reset'](collection.parse(resp, xhr), options); 522 | if (success) success(collection, resp); 523 | }; 524 | options.error = wrapError(options.error, collection, options); 525 | return (this.sync || Backbone.sync).call(this, 'read', this, options); 526 | }, 527 | 528 | // Create a new instance of a model in this collection. After the model 529 | // has been created on the server, it will be added to the collection. 530 | // Returns the model, or 'false' if validation on a new model fails. 531 | create : function(model, options) { 532 | var coll = this; 533 | options || (options = {}); 534 | model = this._prepareModel(model, options); 535 | if (!model) return false; 536 | var success = options.success; 537 | options.success = function(nextModel, resp, xhr) { 538 | coll.add(nextModel, options); 539 | if (success) success(nextModel, resp, xhr); 540 | }; 541 | model.save(null, options); 542 | return model; 543 | }, 544 | 545 | // **parse** converts a response into a list of models to be added to the 546 | // collection. The default implementation is just to pass it through. 547 | parse : function(resp, xhr) { 548 | return resp; 549 | }, 550 | 551 | // Proxy to _'s chain. Can't be proxied the same way the rest of the 552 | // underscore methods are proxied because it relies on the underscore 553 | // constructor. 554 | chain: function () { 555 | return _(this.models).chain(); 556 | }, 557 | 558 | // Reset all internal state. Called when the collection is reset. 559 | _reset : function(options) { 560 | this.length = 0; 561 | this.models = []; 562 | this._byId = {}; 563 | this._byCid = {}; 564 | }, 565 | 566 | // Prepare a model to be added to this collection 567 | _prepareModel: function(model, options) { 568 | if (!(model instanceof Backbone.Model)) { 569 | var attrs = model; 570 | model = new this.model(attrs, {collection: this}); 571 | if (model.validate && !model._performValidation(attrs, options)) model = false; 572 | } else if (!model.collection) { 573 | model.collection = this; 574 | } 575 | return model; 576 | }, 577 | 578 | // Internal implementation of adding a single model to the set, updating 579 | // hash indexes for `id` and `cid` lookups. 580 | // Returns the model, or 'false' if validation on a new model fails. 581 | _add : function(model, options) { 582 | options || (options = {}); 583 | model = this._prepareModel(model, options); 584 | if (!model) return false; 585 | var already = this.getByCid(model) || this.get(model); 586 | if (already) throw new Error(["Can't add the same model to a set twice", already.id]); 587 | this._byId[model.id] = model; 588 | this._byCid[model.cid] = model; 589 | var index = options.at != null ? options.at : 590 | this.comparator ? this.sortedIndex(model, this.comparator) : 591 | this.length; 592 | this.models.splice(index, 0, model); 593 | model.bind('all', this._onModelEvent); 594 | this.length++; 595 | if (!options.silent) model.trigger('add', model, this, options); 596 | return model; 597 | }, 598 | 599 | // Internal implementation of removing a single model from the set, updating 600 | // hash indexes for `id` and `cid` lookups. 601 | _remove : function(model, options) { 602 | options || (options = {}); 603 | model = this.getByCid(model) || this.get(model); 604 | if (!model) return null; 605 | delete this._byId[model.id]; 606 | delete this._byCid[model.cid]; 607 | this.models.splice(this.indexOf(model), 1); 608 | this.length--; 609 | if (!options.silent) model.trigger('remove', model, this, options); 610 | this._removeReference(model); 611 | return model; 612 | }, 613 | 614 | // Internal method to remove a model's ties to a collection. 615 | _removeReference : function(model) { 616 | if (this == model.collection) { 617 | delete model.collection; 618 | } 619 | model.unbind('all', this._onModelEvent); 620 | }, 621 | 622 | // Internal method called every time a model in the set fires an event. 623 | // Sets need to update their indexes when models change ids. All other 624 | // events simply proxy through. "add" and "remove" events that originate 625 | // in other collections are ignored. 626 | _onModelEvent : function(ev, model, collection, options) { 627 | if ((ev == 'add' || ev == 'remove') && collection != this) return; 628 | if (ev == 'destroy') { 629 | this._remove(model, options); 630 | } 631 | if (model && ev === 'change:' + model.idAttribute) { 632 | delete this._byId[model.previous(model.idAttribute)]; 633 | this._byId[model.id] = model; 634 | } 635 | this.trigger.apply(this, arguments); 636 | } 637 | 638 | }); 639 | 640 | // Underscore methods that we want to implement on the Collection. 641 | var methods = ['forEach', 'each', 'map', 'reduce', 'reduceRight', 'find', 'detect', 642 | 'filter', 'select', 'reject', 'every', 'all', 'some', 'any', 'include', 643 | 'contains', 'invoke', 'max', 'min', 'sortBy', 'sortedIndex', 'toArray', 'size', 644 | 'first', 'rest', 'last', 'without', 'indexOf', 'lastIndexOf', 'isEmpty']; 645 | 646 | // Mix in each Underscore method as a proxy to `Collection#models`. 647 | _.each(methods, function(method) { 648 | Backbone.Collection.prototype[method] = function() { 649 | return _[method].apply(_, [this.models].concat(_.toArray(arguments))); 650 | }; 651 | }); 652 | 653 | // Backbone.Router 654 | // ------------------- 655 | 656 | // Routers map faux-URLs to actions, and fire events when routes are 657 | // matched. Creating a new one sets its `routes` hash, if not set statically. 658 | Backbone.Router = function(options) { 659 | options || (options = {}); 660 | if (options.routes) this.routes = options.routes; 661 | this._bindRoutes(); 662 | this.initialize.apply(this, arguments); 663 | }; 664 | 665 | // Cached regular expressions for matching named param parts and splatted 666 | // parts of route strings. 667 | var namedParam = /:([\w\d]+)/g; 668 | var splatParam = /\*([\w\d]+)/g; 669 | var escapeRegExp = /[-[\]{}()+?.,\\^$|#\s]/g; 670 | 671 | // Set up all inheritable **Backbone.Router** properties and methods. 672 | _.extend(Backbone.Router.prototype, Backbone.Events, { 673 | 674 | // Initialize is an empty function by default. Override it with your own 675 | // initialization logic. 676 | initialize : function(){}, 677 | 678 | // Manually bind a single named route to a callback. For example: 679 | // 680 | // this.route('search/:query/p:num', 'search', function(query, num) { 681 | // ... 682 | // }); 683 | // 684 | route : function(route, name, callback) { 685 | Backbone.history || (Backbone.history = new Backbone.History); 686 | if (!_.isRegExp(route)) route = this._routeToRegExp(route); 687 | Backbone.history.route(route, _.bind(function(fragment) { 688 | var args = this._extractParameters(route, fragment); 689 | callback.apply(this, args); 690 | this.trigger.apply(this, ['route:' + name].concat(args)); 691 | }, this)); 692 | }, 693 | 694 | // Simple proxy to `Backbone.history` to save a fragment into the history. 695 | navigate : function(fragment, triggerRoute) { 696 | Backbone.history.navigate(fragment, triggerRoute); 697 | }, 698 | 699 | // Bind all defined routes to `Backbone.history`. We have to reverse the 700 | // order of the routes here to support behavior where the most general 701 | // routes can be defined at the bottom of the route map. 702 | _bindRoutes : function() { 703 | if (!this.routes) return; 704 | var routes = []; 705 | for (var route in this.routes) { 706 | routes.unshift([route, this.routes[route]]); 707 | } 708 | for (var i = 0, l = routes.length; i < l; i++) { 709 | this.route(routes[i][0], routes[i][1], this[routes[i][1]]); 710 | } 711 | }, 712 | 713 | // Convert a route string into a regular expression, suitable for matching 714 | // against the current location hash. 715 | _routeToRegExp : function(route) { 716 | route = route.replace(escapeRegExp, "\\$&") 717 | .replace(namedParam, "([^\/]*)") 718 | .replace(splatParam, "(.*?)"); 719 | return new RegExp('^' + route + '$'); 720 | }, 721 | 722 | // Given a route, and a URL fragment that it matches, return the array of 723 | // extracted parameters. 724 | _extractParameters : function(route, fragment) { 725 | return route.exec(fragment).slice(1); 726 | } 727 | 728 | }); 729 | 730 | // Backbone.History 731 | // ---------------- 732 | 733 | // Handles cross-browser history management, based on URL fragments. If the 734 | // browser does not support `onhashchange`, falls back to polling. 735 | Backbone.History = function() { 736 | this.handlers = []; 737 | _.bindAll(this, 'checkUrl'); 738 | }; 739 | 740 | // Cached regex for cleaning hashes. 741 | var hashStrip = /^#*/; 742 | 743 | // Cached regex for detecting MSIE. 744 | var isExplorer = /msie [\w.]+/; 745 | 746 | // Has the history handling already been started? 747 | var historyStarted = false; 748 | 749 | // Set up all inheritable **Backbone.History** properties and methods. 750 | _.extend(Backbone.History.prototype, { 751 | 752 | // The default interval to poll for hash changes, if necessary, is 753 | // twenty times a second. 754 | interval: 50, 755 | 756 | // Get the cross-browser normalized URL fragment, either from the URL, 757 | // the hash, or the override. 758 | getFragment : function(fragment, forcePushState) { 759 | if (fragment == null) { 760 | if (this._hasPushState || forcePushState) { 761 | fragment = window.location.pathname; 762 | var search = window.location.search; 763 | if (search) fragment += search; 764 | if (fragment.indexOf(this.options.root) == 0) fragment = fragment.substr(this.options.root.length); 765 | } else { 766 | fragment = window.location.hash; 767 | } 768 | } 769 | return fragment.replace(hashStrip, ''); 770 | }, 771 | 772 | // Start the hash change handling, returning `true` if the current URL matches 773 | // an existing route, and `false` otherwise. 774 | start : function(options) { 775 | 776 | // Figure out the initial configuration. Do we need an iframe? 777 | // Is pushState desired ... is it available? 778 | if (historyStarted) throw new Error("Backbone.history has already been started"); 779 | this.options = _.extend({}, {root: '/'}, this.options, options); 780 | this._wantsPushState = !!this.options.pushState; 781 | this._hasPushState = !!(this.options.pushState && window.history && window.history.pushState); 782 | var fragment = this.getFragment(); 783 | var docMode = document.documentMode; 784 | var oldIE = (isExplorer.exec(navigator.userAgent.toLowerCase()) && (!docMode || docMode <= 7)); 785 | if (oldIE) { 786 | this.iframe = $('