jquery-modal-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. data/.gitignore +7 -0
  2. data/CHANGELOG.md +3 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE +22 -0
  5. data/README.md +81 -0
  6. data/Rakefile +2 -0
  7. data/demoapp/Gemfile +41 -0
  8. data/demoapp/README.rdoc +261 -0
  9. data/demoapp/Rakefile +7 -0
  10. data/demoapp/app/assets/images/rails.png +0 -0
  11. data/demoapp/app/assets/javascripts/application.js +17 -0
  12. data/demoapp/app/assets/javascripts/users.js.coffee +3 -0
  13. data/demoapp/app/assets/stylesheets/application.css +15 -0
  14. data/demoapp/app/assets/stylesheets/scaffolds.css.scss +56 -0
  15. data/demoapp/app/assets/stylesheets/users.css.scss +3 -0
  16. data/demoapp/app/controllers/application_controller.rb +3 -0
  17. data/demoapp/app/controllers/users_controller.rb +89 -0
  18. data/demoapp/app/helpers/application_helper.rb +2 -0
  19. data/demoapp/app/helpers/users_helper.rb +2 -0
  20. data/demoapp/app/models/user.rb +7 -0
  21. data/demoapp/app/views/layouts/application.html.erb +14 -0
  22. data/demoapp/app/views/users/_form.html.erb +25 -0
  23. data/demoapp/app/views/users/edit.html.erb +6 -0
  24. data/demoapp/app/views/users/index.html.erb +31 -0
  25. data/demoapp/app/views/users/new.html.erb +5 -0
  26. data/demoapp/app/views/users/show.html.erb +15 -0
  27. data/demoapp/config.ru +4 -0
  28. data/demoapp/config/application.rb +62 -0
  29. data/demoapp/config/boot.rb +6 -0
  30. data/demoapp/config/database.yml +25 -0
  31. data/demoapp/config/environment.rb +5 -0
  32. data/demoapp/config/environments/development.rb +37 -0
  33. data/demoapp/config/environments/production.rb +67 -0
  34. data/demoapp/config/environments/test.rb +37 -0
  35. data/demoapp/config/initializers/backtrace_silencers.rb +7 -0
  36. data/demoapp/config/initializers/inflections.rb +15 -0
  37. data/demoapp/config/initializers/mime_types.rb +5 -0
  38. data/demoapp/config/initializers/secret_token.rb +7 -0
  39. data/demoapp/config/initializers/session_store.rb +8 -0
  40. data/demoapp/config/initializers/wrap_parameters.rb +14 -0
  41. data/demoapp/config/locales/en.yml +5 -0
  42. data/demoapp/config/routes.rb +4 -0
  43. data/demoapp/db/development.sqlite3 +0 -0
  44. data/demoapp/db/migrate/20120621084323_create_users.rb +10 -0
  45. data/demoapp/db/schema.rb +23 -0
  46. data/demoapp/db/seeds.rb +7 -0
  47. data/demoapp/doc/README_FOR_APP +2 -0
  48. data/demoapp/public/404.html +26 -0
  49. data/demoapp/public/422.html +26 -0
  50. data/demoapp/public/500.html +25 -0
  51. data/demoapp/public/favicon.ico +0 -0
  52. data/demoapp/public/robots.txt +5 -0
  53. data/demoapp/script/rails +6 -0
  54. data/demoapp/test/fixtures/users.yml +9 -0
  55. data/demoapp/test/functional/users_controller_test.rb +49 -0
  56. data/demoapp/test/performance/browsing_test.rb +12 -0
  57. data/demoapp/test/test_helper.rb +13 -0
  58. data/demoapp/test/unit/helpers/users_helper_test.rb +4 -0
  59. data/demoapp/test/unit/user_test.rb +7 -0
  60. data/jquery-modal-rails.gemspec +24 -0
  61. data/lib/jquery-modal-rails.rb +3 -0
  62. data/lib/jquery/modal/filters.rb +9 -0
  63. data/lib/jquery/modal/filters/ajax_request_filters.rb +18 -0
  64. data/lib/jquery/modal/helpers.rb +9 -0
  65. data/lib/jquery/modal/helpers/link_helpers.rb +33 -0
  66. data/lib/jquery/modal/rails.rb +7 -0
  67. data/lib/jquery/modal/rails/engine.rb +8 -0
  68. data/lib/jquery/modal/rails/version.rb +8 -0
  69. data/vendor/assets/images/close.png +0 -0
  70. data/vendor/assets/images/spinner.gif +0 -0
  71. data/vendor/assets/javascripts/jquery.modal.js +265 -0
  72. data/vendor/assets/stylesheets/jquery.modal.css +45 -0
  73. metadata +189 -0
data/.gitignore ADDED
@@ -0,0 +1,7 @@
1
+ .bundle/
2
+ .idea/
3
+ *.gem
4
+ .DS_Store
5
+ Gemfile.lock
6
+ demoapp/log/
7
+ demoapp/tmp/
data/CHANGELOG.md ADDED
@@ -0,0 +1,3 @@
1
+ ## 0.0.1 (19 June 2012)
2
+
3
+ - Initial implementation
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source :gemcutter
2
+
3
+ # Specify your gem's dependencies in jquery-modal-rails.gemspec
4
+ gemspec
data/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ The MIT License
2
+
3
+ Copyright (c) 2012 Dirk Eisenberg (jquery-modal-rails)
4
+ Copyright (c) 2012 Kyle Fox (jquery-modal)
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in
14
+ all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,81 @@
1
+ jquery-modal-rails
2
+ ==================
3
+
4
+ The simplest possible modal for jQuery for the Rails 3.1+ asset pipeline based on https://github.com/kylefox/jquery-modal
5
+
6
+ ## Usage
7
+
8
+ In your Gemfile, add:
9
+
10
+ ```ruby
11
+ group :assets do
12
+ gem 'jquery-ui-rails'
13
+ gem 'jquery-modal-rails', :git => 'git://github.com/dei79/jquery-modal-rails.git'
14
+ end
15
+ ```
16
+
17
+ ## Require Everything
18
+
19
+ To require the jQuery modal modules, add the following to your application.js:
20
+
21
+ ```javascript
22
+ //= require jquery.ui.all
23
+ //= require jquery.modal
24
+ ```
25
+
26
+ Also add the jQuery modal CSS to your application.css:
27
+
28
+ ```css
29
+ /*
30
+ *= require jquery.ui.all
31
+ *= require jquery.modal
32
+ */
33
+ ```
34
+
35
+ All images required by jQuery Modal are automatically served through the asset
36
+ pipeline, so you are good to go! For example, this code will open a given DIV
37
+ as a modal dialog
38
+
39
+ ```rails
40
+ <div id="demo-form" class="demo-description" style="display: none; ">
41
+ <p>
42
+ The basic dialog window is an overlay positioned within the viewport and is protected from page content
43
+ (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved,
44
+ resized and closed with the 'x' icon by default.
45
+ </p>
46
+ </div>
47
+
48
+ <%= link_to_modal "Demo Form", "#demo-form", :class=>"button" %>
49
+ ```
50
+
51
+ Opening an existing view via AJAX as a modal dialog is that easy:
52
+
53
+ ```rails
54
+ <%= link_to_modal "New User", new_user_path, :class=>"button" %>
55
+ ```
56
+
57
+ ## Forms-Support
58
+
59
+ The link_to_modal helper offers forms support. The following parameter ensures that every form which is part
60
+ of the received html content will be submitted via AJAX request. As a requirement the controller action needs
61
+ to support JSON
62
+
63
+ ```rails
64
+ <%= link_to_modal 'New User', new_user_path, :remote => true %>
65
+ ```
66
+
67
+ ## Cancel or Close buttons
68
+
69
+ All anchors generated with the link_to helper can be marked as a dialog close button. Just use the following
70
+ sample:
71
+
72
+ ```rails
73
+ <%= link_to 'Cancel', users_path, :rel => "modal:close" %>
74
+ ```
75
+
76
+ ## Contributors
77
+
78
+ Thank you to the following wonderful people and projects for contributing to jquery-modal-rails:
79
+
80
+ * @kylefox with https://github.com/kylefox/jquery-modal
81
+ * @joliss with https://github.com/joliss/jquery-ui-rails
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ require 'bundler'
2
+ Bundler::GemHelper.install_tasks
data/demoapp/Gemfile ADDED
@@ -0,0 +1,41 @@
1
+ source 'https://rubygems.org'
2
+
3
+ gem 'rails', '3.2.6'
4
+
5
+ # Bundle edge Rails instead:
6
+ # gem 'rails', :git => 'git://github.com/rails/rails.git'
7
+
8
+ gem 'sqlite3'
9
+
10
+
11
+ # Gems used only for assets and not required
12
+ # in production environments by default.
13
+ group :assets do
14
+ gem 'sass-rails', '~> 3.2.3'
15
+ gem 'coffee-rails', '~> 3.2.1'
16
+
17
+ # See https://github.com/sstephenson/execjs#readme for more supported runtimes
18
+ # gem 'therubyracer', :platforms => :ruby
19
+
20
+ gem 'uglifier', '>= 1.0.3'
21
+
22
+ gem 'jquery-ui-rails'
23
+ gem 'jquery-modal-rails', :path => "../"
24
+ end
25
+
26
+ gem 'jquery-rails'
27
+
28
+ # To use ActiveModel has_secure_password
29
+ # gem 'bcrypt-ruby', '~> 3.0.0'
30
+
31
+ # To use Jbuilder templates for JSON
32
+ # gem 'jbuilder'
33
+
34
+ # Use unicorn as the app server
35
+ # gem 'unicorn'
36
+
37
+ # Deploy with Capistrano
38
+ # gem 'capistrano'
39
+
40
+ # To use debugger
41
+ # gem 'debugger'
@@ -0,0 +1,261 @@
1
+ == Welcome to Rails
2
+
3
+ Rails is a web-application framework that includes everything needed to create
4
+ database-backed web applications according to the Model-View-Control pattern.
5
+
6
+ This pattern splits the view (also called the presentation) into "dumb"
7
+ templates that are primarily responsible for inserting pre-built data in between
8
+ HTML tags. The model contains the "smart" domain objects (such as Account,
9
+ Product, Person, Post) that holds all the business logic and knows how to
10
+ persist themselves to a database. The controller handles the incoming requests
11
+ (such as Save New Account, Update Product, Show Post) by manipulating the model
12
+ and directing data to the view.
13
+
14
+ In Rails, the model is handled by what's called an object-relational mapping
15
+ layer entitled Active Record. This layer allows you to present the data from
16
+ database rows as objects and embellish these data objects with business logic
17
+ methods. You can read more about Active Record in
18
+ link:files/vendor/rails/activerecord/README.html.
19
+
20
+ The controller and view are handled by the Action Pack, which handles both
21
+ layers by its two parts: Action View and Action Controller. These two layers
22
+ are bundled in a single package due to their heavy interdependence. This is
23
+ unlike the relationship between the Active Record and Action Pack that is much
24
+ more separate. Each of these packages can be used independently outside of
25
+ Rails. You can read more about Action Pack in
26
+ link:files/vendor/rails/actionpack/README.html.
27
+
28
+
29
+ == Getting Started
30
+
31
+ 1. At the command prompt, create a new Rails application:
32
+ <tt>rails new myapp</tt> (where <tt>myapp</tt> is the application name)
33
+
34
+ 2. Change directory to <tt>myapp</tt> and start the web server:
35
+ <tt>cd myapp; rails server</tt> (run with --help for options)
36
+
37
+ 3. Go to http://localhost:3000/ and you'll see:
38
+ "Welcome aboard: You're riding Ruby on Rails!"
39
+
40
+ 4. Follow the guidelines to start developing your application. You can find
41
+ the following resources handy:
42
+
43
+ * The Getting Started Guide: http://guides.rubyonrails.org/getting_started.html
44
+ * Ruby on Rails Tutorial Book: http://www.railstutorial.org/
45
+
46
+
47
+ == Debugging Rails
48
+
49
+ Sometimes your application goes wrong. Fortunately there are a lot of tools that
50
+ will help you debug it and get it back on the rails.
51
+
52
+ First area to check is the application log files. Have "tail -f" commands
53
+ running on the server.log and development.log. Rails will automatically display
54
+ debugging and runtime information to these files. Debugging info will also be
55
+ shown in the browser on requests from 127.0.0.1.
56
+
57
+ You can also log your own messages directly into the log file from your code
58
+ using the Ruby logger class from inside your controllers. Example:
59
+
60
+ class WeblogController < ActionController::Base
61
+ def destroy
62
+ @weblog = Weblog.find(params[:id])
63
+ @weblog.destroy
64
+ logger.info("#{Time.now} Destroyed Weblog ID ##{@weblog.id}!")
65
+ end
66
+ end
67
+
68
+ The result will be a message in your log file along the lines of:
69
+
70
+ Mon Oct 08 14:22:29 +1000 2007 Destroyed Weblog ID #1!
71
+
72
+ More information on how to use the logger is at http://www.ruby-doc.org/core/
73
+
74
+ Also, Ruby documentation can be found at http://www.ruby-lang.org/. There are
75
+ several books available online as well:
76
+
77
+ * Programming Ruby: http://www.ruby-doc.org/docs/ProgrammingRuby/ (Pickaxe)
78
+ * Learn to Program: http://pine.fm/LearnToProgram/ (a beginners guide)
79
+
80
+ These two books will bring you up to speed on the Ruby language and also on
81
+ programming in general.
82
+
83
+
84
+ == Debugger
85
+
86
+ Debugger support is available through the debugger command when you start your
87
+ Mongrel or WEBrick server with --debugger. This means that you can break out of
88
+ execution at any point in the code, investigate and change the model, and then,
89
+ resume execution! You need to install ruby-debug to run the server in debugging
90
+ mode. With gems, use <tt>sudo gem install ruby-debug</tt>. Example:
91
+
92
+ class WeblogController < ActionController::Base
93
+ def index
94
+ @posts = Post.all
95
+ debugger
96
+ end
97
+ end
98
+
99
+ So the controller will accept the action, run the first line, then present you
100
+ with a IRB prompt in the server window. Here you can do things like:
101
+
102
+ >> @posts.inspect
103
+ => "[#<Post:0x14a6be8
104
+ @attributes={"title"=>nil, "body"=>nil, "id"=>"1"}>,
105
+ #<Post:0x14a6620
106
+ @attributes={"title"=>"Rails", "body"=>"Only ten..", "id"=>"2"}>]"
107
+ >> @posts.first.title = "hello from a debugger"
108
+ => "hello from a debugger"
109
+
110
+ ...and even better, you can examine how your runtime objects actually work:
111
+
112
+ >> f = @posts.first
113
+ => #<Post:0x13630c4 @attributes={"title"=>nil, "body"=>nil, "id"=>"1"}>
114
+ >> f.
115
+ Display all 152 possibilities? (y or n)
116
+
117
+ Finally, when you're ready to resume execution, you can enter "cont".
118
+
119
+
120
+ == Console
121
+
122
+ The console is a Ruby shell, which allows you to interact with your
123
+ application's domain model. Here you'll have all parts of the application
124
+ configured, just like it is when the application is running. You can inspect
125
+ domain models, change values, and save to the database. Starting the script
126
+ without arguments will launch it in the development environment.
127
+
128
+ To start the console, run <tt>rails console</tt> from the application
129
+ directory.
130
+
131
+ Options:
132
+
133
+ * Passing the <tt>-s, --sandbox</tt> argument will rollback any modifications
134
+ made to the database.
135
+ * Passing an environment name as an argument will load the corresponding
136
+ environment. Example: <tt>rails console production</tt>.
137
+
138
+ To reload your controllers and models after launching the console run
139
+ <tt>reload!</tt>
140
+
141
+ More information about irb can be found at:
142
+ link:http://www.rubycentral.org/pickaxe/irb.html
143
+
144
+
145
+ == dbconsole
146
+
147
+ You can go to the command line of your database directly through <tt>rails
148
+ dbconsole</tt>. You would be connected to the database with the credentials
149
+ defined in database.yml. Starting the script without arguments will connect you
150
+ to the development database. Passing an argument will connect you to a different
151
+ database, like <tt>rails dbconsole production</tt>. Currently works for MySQL,
152
+ PostgreSQL and SQLite 3.
153
+
154
+ == Description of Contents
155
+
156
+ The default directory structure of a generated Ruby on Rails application:
157
+
158
+ |-- app
159
+ | |-- assets
160
+ | |-- images
161
+ | |-- javascripts
162
+ | `-- stylesheets
163
+ | |-- controllers
164
+ | |-- helpers
165
+ | |-- mailers
166
+ | |-- models
167
+ | `-- views
168
+ | `-- layouts
169
+ |-- config
170
+ | |-- environments
171
+ | |-- initializers
172
+ | `-- locales
173
+ |-- db
174
+ |-- doc
175
+ |-- lib
176
+ | `-- tasks
177
+ |-- log
178
+ |-- public
179
+ |-- script
180
+ |-- test
181
+ | |-- fixtures
182
+ | |-- functional
183
+ | |-- integration
184
+ | |-- performance
185
+ | `-- unit
186
+ |-- tmp
187
+ | |-- cache
188
+ | |-- pids
189
+ | |-- sessions
190
+ | `-- sockets
191
+ `-- vendor
192
+ |-- assets
193
+ `-- stylesheets
194
+ `-- plugins
195
+
196
+ app
197
+ Holds all the code that's specific to this particular application.
198
+
199
+ app/assets
200
+ Contains subdirectories for images, stylesheets, and JavaScript files.
201
+
202
+ app/controllers
203
+ Holds controllers that should be named like weblogs_controller.rb for
204
+ automated URL mapping. All controllers should descend from
205
+ ApplicationController which itself descends from ActionController::Base.
206
+
207
+ app/models
208
+ Holds models that should be named like post.rb. Models descend from
209
+ ActiveRecord::Base by default.
210
+
211
+ app/views
212
+ Holds the template files for the view that should be named like
213
+ weblogs/index.html.erb for the WeblogsController#index action. All views use
214
+ eRuby syntax by default.
215
+
216
+ app/views/layouts
217
+ Holds the template files for layouts to be used with views. This models the
218
+ common header/footer method of wrapping views. In your views, define a layout
219
+ using the <tt>layout :default</tt> and create a file named default.html.erb.
220
+ Inside default.html.erb, call <% yield %> to render the view using this
221
+ layout.
222
+
223
+ app/helpers
224
+ Holds view helpers that should be named like weblogs_helper.rb. These are
225
+ generated for you automatically when using generators for controllers.
226
+ Helpers can be used to wrap functionality for your views into methods.
227
+
228
+ config
229
+ Configuration files for the Rails environment, the routing map, the database,
230
+ and other dependencies.
231
+
232
+ db
233
+ Contains the database schema in schema.rb. db/migrate contains all the
234
+ sequence of Migrations for your schema.
235
+
236
+ doc
237
+ This directory is where your application documentation will be stored when
238
+ generated using <tt>rake doc:app</tt>
239
+
240
+ lib
241
+ Application specific libraries. Basically, any kind of custom code that
242
+ doesn't belong under controllers, models, or helpers. This directory is in
243
+ the load path.
244
+
245
+ public
246
+ The directory available for the web server. Also contains the dispatchers and the
247
+ default HTML files. This should be set as the DOCUMENT_ROOT of your web
248
+ server.
249
+
250
+ script
251
+ Helper scripts for automation and generation.
252
+
253
+ test
254
+ Unit and functional tests along with fixtures. When using the rails generate
255
+ command, template test files will be generated for you and placed in this
256
+ directory.
257
+
258
+ vendor
259
+ External libraries that the application depends on. Also includes the plugins
260
+ subdirectory. If the app has frozen rails, those gems also go here, under
261
+ vendor/rails/. This directory is in the load path.
data/demoapp/Rakefile ADDED
@@ -0,0 +1,7 @@
1
+ #!/usr/bin/env rake
2
+ # Add your own tasks in files placed in lib/tasks ending in .rake,
3
+ # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
4
+
5
+ require File.expand_path('../config/application', __FILE__)
6
+
7
+ Demoapp::Application.load_tasks
Binary file
@@ -0,0 +1,17 @@
1
+ // This is a manifest file that'll be compiled into application.js, which will include all the files
2
+ // listed below.
3
+ //
4
+ // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
5
+ // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
6
+ //
7
+ // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
8
+ // the compiled file.
9
+ //
10
+ // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
11
+ // GO AFTER THE REQUIRES BELOW.
12
+ //
13
+ //= require jquery
14
+ //= require jquery_ujs
15
+ //= require jquery.ui.all
16
+ //= require jquery.modal
17
+ //= require_tree .