ajaxify_rails 0.2.1 → 0.5

data/.gitignore

@@ -4,6 +4,7 @@
 .config
 .yardoc
 .idea
+.sass-cache
 Gemfile.lock
 InstalledFiles
 _yardoc
@@ -16,3 +17,6 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
+spec/ajaxify_test/log
+spec/ajaxify_test/tmp
+.DS_Store

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--format progress

data/.travis.yml

@@ -0,0 +1,5 @@
+rvm:
+  - 1.9.3
+before_script:
+  - "export DISPLAY=:99.0"
+  - "sh -e /etc/init.d/xvfb start"

data/README.md

@@ -1,4 +1,4 @@
-# Ajaxify Rails
+# Ajaxify Rails  [![Build Status](https://travis-ci.org/ncri/ajaxify_rails.png)](https://travis-ci.org/ncri/ajaxify_rails)
 
 No more full page reloads for your Rails app! Yay! 
 
@@ -25,7 +25,8 @@ Inspired by the pjax_rails gem (https://github.com/rails/pjax_rails).
 
 ## Requirements
 
-- Ruby 1.9 and the asset pipeline.
+- Ruby 1.9 and the asset pipeline,
+- jQuery,
 - Your app doesn't use named anchors (#). Named anchors can't be correctly represented in the fallback hash based url scheme.
 
 ## Installation
@@ -194,4 +195,4 @@ You can temporarily deactivate Ajaxify by calling `Ajaxify.activate(false)`. You
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Added some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
-5. Create new Pull Request
+5. Create new Pull Request

data/Rakefile

@@ -1,2 +1,15 @@
 #!/usr/bin/env rake
 require "bundler/gem_tasks"
+# require "rake/testtask"
+
+# Rake::TestTask.new(:test) do |t|
+#   t.libs << 'test'
+#   t.test_files = FileList['test/**/*_test.rb']
+#   t.verbose = true
+# end
+
+
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+task default: :spec

data/ajaxify_rails.gemspec

@@ -20,4 +20,15 @@ Gem::Specification.new do |gem|
   gem.version       = AjaxifyRails::VERSION
 
   gem.add_dependency 'rails', '>= 3.1.0'
+
+  gem.add_development_dependency 'jquery-rails'
+  gem.add_development_dependency 'rspec-rails', '2.9'
+  gem.add_development_dependency 'rspec-steps'
+  gem.add_development_dependency 'capybara'
+  gem.add_development_dependency 'selenium-webdriver', '>= 2.30.0'
+  gem.add_development_dependency 'sqlite3'
+  gem.add_development_dependency 'haml', '>= 3.1.5'
+  gem.add_development_dependency 'sass-rails', '~> 3.2.3'
+  gem.add_development_dependency 'coffee-rails', '~> 3.2.1'
+  #gem.add_development_dependency 'poltergeist'
 end

data/lib/ajaxify_rails/version.rb

@@ -1,3 +1,3 @@
 module AjaxifyRails
-  VERSION = "0.2.1"
+  VERSION = "0.5"
 end

data/spec/ajaxify_test/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+AjaxifyTest::Application.load_tasks

data/spec/ajaxify_test/app/assets/javascripts/application.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require ajaxify_rails
+//= require main
+//= require home

data/spec/ajaxify_test/app/assets/javascripts/home.js.coffee

@@ -0,0 +1,16 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
+
+jQuery ->
+
+  $('#ajaxify').click ->
+    if this.checked
+      window.location.href = '?ajaxify_on=true'
+    else
+      window.location.href = '?ajaxify_off=true'
+
+
+
+
+

data/spec/ajaxify_test/app/assets/javascripts/main.js.coffee

@@ -0,0 +1,33 @@
+
+#Ajaxify.init
+#  flash_types: ['notice', 'warning']
+#  base_paths: ['de']
+
+jQuery ->
+  $(document).on 'ajaxify:content_loaded', (event, data, status, jqXHR, url) ->
+    $nav_links = $('#navigation a')
+    $nav_links.removeClass 'active'
+    $nav_links.filter( ->
+      href = $(this).attr('href')
+      (window.location.pathname == href and window.location.hash == '') or   # for browsers with histori api
+      window.location.hash.match(new RegExp("^#(#{href}\\?|#{href}$)"))      # for browsers without histori api
+    ).addClass 'active'
+
+  flash_timeout = null
+
+  $(document).on 'ajaxify:flash_displayed', (event, flash_type) ->
+    clearTimeout flash_timeout if flash_timeout
+    flash_timeout = setTimeout( ->
+      $("##{flash_type}").fadeOut()
+    , 5000)
+
+#  $('body').on 'ajaxify:before_load', (event, url) ->
+#    alert "Will load #{url}"
+#
+#  $('body').on 'ajaxify:content_loaded', (event, data, status, jqXHR, url) ->
+#    alert "Content loaded"
+#
+#  $('body').on 'ajaxify:content_inserted', ->
+#    alert "Content inserted"
+
+

data/spec/ajaxify_test/app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/spec/ajaxify_test/app/assets/stylesheets/home.css.scss

@@ -0,0 +1,93 @@
+// Place all the styles related to the home controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+body{
+  font-family: Arial;
+  color: #555;
+  text-align: left;
+}
+
+#main, #navigation, #notice, #title, #hints, #footnote{
+  margin-top: 20px;
+  width: 650px;
+  margin: 0 auto;
+}
+
+#hints{
+  margin-bottom: 60px;
+  color: orange;
+}
+
+#footnote{
+  font-size: 0.8em;
+  margin-top: 10px;
+  text-align: right;
+}
+
+h1#title{
+  margin: 40px auto 40px;
+  font-size: 20px;
+
+  a{
+    text-decoration: underline;
+  }
+}
+
+#main{
+  border: 1px solid #aaa;
+  padding: 70px 10px 10px;
+  width: 630px;
+  height: 140px;
+  text-align: center;
+}
+
+#notice{
+  width: 630px;
+  padding: 10px;
+  background-color: orange;
+  color: white;
+}
+
+.active{
+  font-weight: bold;
+}
+
+a{
+  text-decoration: none;
+  font-weight: normal;
+  color: #555;
+}
+
+ul{
+  padding-left: 0;
+  margin-left: 0;
+  width: 100%;
+}
+
+li{
+  display: inline-block;
+  padding-right: 15px;
+}
+
+#toggle_ajaxify{
+  float: right;
+}
+
+form{
+  text-align: left;
+  width: 100px;
+  margin: 0 auto;
+}
+
+
+/* Ajaxify */
+
+.ajaxify_loader{
+  width: 32px;
+  height: 32px;
+  margin: 0 auto;
+  background-color: white;
+  background-repeat: no-repeat;
+  background-image: asset-url('ajax-loader.gif', image);
+}

data/spec/ajaxify_test/app/controllers/application_controller.rb

@@ -0,0 +1,19 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery
+
+  helper_method :page_title
+
+
+  def page_title
+    title = case action_name
+      when 'index'
+        'Home'
+      when 'page1'
+        'Page 1'
+      when 'page2'
+        'Page 2'
+    end
+    "Ajaxify Test - #{title}"
+  end
+
+end

data/spec/ajaxify_test/app/controllers/home_controller.rb

@@ -0,0 +1,34 @@
+class HomeController < ApplicationController
+
+  before_filter :toggle_ajaxify
+
+  def index
+    sleep 0.5
+  end
+
+  def page1
+    sleep 0.5
+  end
+
+  def page2
+    sleep 0.5
+    if request.post?
+      flash.now[:notice] = "Form submitted (#{params[:input1]}, #{params[:input2]}, #{params[:check_me]})"
+    end
+  end
+
+  def page3
+    flash[:notice] = 'Redirected to Page 1'
+    redirect_to '/home/page1'
+  end
+
+
+  private
+
+  def toggle_ajaxify
+    session[:ajaxify] = true if params[:ajaxify_on]
+    session[:ajaxify] = false if params[:ajaxify_off]
+    session[:push_state_enabled] = (params[:push_state_enabled] != 'false') if params[:push_state_enabled].present? 
+  end
+
+end

data/spec/ajaxify_test/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/spec/ajaxify_test/app/helpers/home_helper.rb

@@ -0,0 +1,2 @@
+module HomeHelper
+end

data/spec/ajaxify_test/app/views/home/index.html.haml

@@ -0,0 +1 @@
+Home Content

data/spec/ajaxify_test/app/views/home/page1.html.haml

@@ -0,0 +1 @@
+Page 1 Content

data/spec/ajaxify_test/app/views/home/page2.html.haml

@@ -0,0 +1,10 @@
+= form_tag '/home/page2' do
+  %strong A Form
+  %br
+  = text_field_tag :input1
+  %br
+  = text_field_tag :input2
+  %br
+  = check_box_tag :check_me
+  %br
+  = submit_tag 'Submit me'

data/spec/ajaxify_test/app/views/home/page3.html.haml

@@ -0,0 +1 @@
+Page 3 Content

data/spec/ajaxify_test/app/views/layouts/application.html.haml

@@ -0,0 +1,47 @@
+!!! 5
+%html
+  %head
+    %meta(content="text/html; charset=utf-8" http-equiv="Content-Type")
+
+    %title= page_title
+
+    = csrf_meta_tag
+    = javascript_include_tag( 'application' )
+    = stylesheet_link_tag "application"
+
+  = content_tag :body, data: { id: Time.now.to_i } do
+
+    -# No need to do call Ajaxify.init obtrusively in your app. Just call it from your js/coffeescript file, as early as possible.
+    -# I only do it hackishly here to access the rails session.
+    :javascript
+      Ajaxify.init( { push_state_enabled: #{(session[:push_state_enabled] == false) ? 'false' : 'true'}, active: #{session[:ajaxify] ? 'true' : 'false'} } );
+
+    - sleep 1
+
+    %h1#title
+      Ajaxify Rails Demo (more info: #{link_to('ajaxify_rails gem', 'https://github.com/ncri/ajaxify_rails')})
+
+    #hints
+      - if session[:ajaxify]
+        Navigate. Note the difference. Also try out the browser's back and forward buttons.
+      - else
+        Navigate. Then switch on Ajaxify (checkbox right).
+
+    #notice{ style: "#{'display:none' unless flash[:notice]}" }= flash[:notice]
+
+    #navigation
+      #toggle_ajaxify
+        Ajaxify
+        = check_box_tag :ajaxify, '1', session[:ajaxify]
+      %ul
+        %li= link_to 'Home', '/', class: current_page?('/') ? 'active' : nil
+        %li= link_to 'Page 1', '/home/page1', class: current_page?('/home/page1') ? 'active' : nil
+        %li= link_to 'Page 2', '/home/page2', class: current_page?('/home/page2') ? 'active' : nil
+        %li= link_to 'Page 3 (redirects to page 1)', '/home/page3', class: current_page?('/home/page3') ? 'active' : nil
+
+    #main
+      = yield
+
+    #footnote
+      Note: Layout rendering is delayed by one second to simulate a complex layout.
+

data/spec/ajaxify_test/config.ru

@@ -0,0 +1,4 @@
+# This file is used by Rack-based servers to start the application.
+
+require ::File.expand_path('../config/environment',  __FILE__)
+run AjaxifyTest::Application

data/spec/ajaxify_test/config/application.rb

@@ -0,0 +1,61 @@
+require File.expand_path('../boot', __FILE__)
+
+# Pick the frameworks you want:
+require "action_controller/railtie"
+require "action_mailer/railtie"
+require "active_resource/railtie"
+require "sprockets/railtie"
+
+#require "rails/test_unit/railtie"
+
+require 'jquery-rails'
+
+Bundler.require
+require "ajaxify_rails"
+
+
+module AjaxifyTest
+  class Application < Rails::Application
+    # Settings in config/environments/* take precedence over those specified here.
+    # Application configuration should go into files in config/initializers
+    # -- all .rb files in that directory are automatically loaded.
+
+    # Custom directories with classes and modules you want to be autoloadable.
+    # config.autoload_paths += %W(#{config.root}/extras)
+
+    # Only load the plugins named here, in the order given (default is alphabetical).
+    # :all can be used as a placeholder for all plugins not explicitly named.
+    # config.plugins = [ :exception_notification, :ssl_requirement, :all ]
+
+    # Activate observers that should always be running.
+    # config.active_record.observers = :cacher, :garbage_collector, :forum_observer
+
+    # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
+    # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
+    # config.time_zone = 'Central Time (US & Canada)'
+
+    # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
+    # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
+    # config.i18n.default_locale = :de
+
+    # Configure the default encoding used in templates for Ruby 1.9.
+    config.encoding = "utf-8"
+
+    # Configure sensitive parameters which will be filtered from the log file.
+    config.filter_parameters += [:password]
+
+    # Enable escaping HTML in JSON.
+    config.active_support.escape_html_entities_in_json = true
+
+    # Use SQL instead of Active Record's schema dumper when creating the database.
+    # This is necessary if your schema can't be completely dumped by the schema dumper,
+    # like if you have constraints or database-specific column types
+    # config.active_record.schema_format = :sql
+
+    # Enable the asset pipeline
+    config.assets.enabled = true
+
+    # Version of your assets, change this if you want to expire all your assets
+    config.assets.version = '1.0'
+  end
+end