jquery-modal-rails-assets 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 21a99e6244070fa8b838df1e49fdec1e4ee5208d
4
+ data.tar.gz: 410e2bd8860e5a6896253180a839f0556701f356
5
+ SHA512:
6
+ metadata.gz: 5dfd078594beb6552b5fef0024ea8a4191a3bff8691886f1cfb00d0151ab85f12d86a17fd424f42f6426870e76c6abae8fe674fa419496bc70f2b4e471c92b67
7
+ data.tar.gz: 9fec89d9549712a7facd1d7a20b5121f8a08abf695520bc92f5aefafb710bb58acd0ec611f4978fef0f632f2243fb944e61b0e303daa44ef211c65d32bd1c90b
data/.gitignore ADDED
@@ -0,0 +1,9 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in jquery-modal-rails-assets.gemspec
4
+ gemspec
data/README.md ADDED
@@ -0,0 +1,28 @@
1
+ # jQuery Modal for Rails
2
+
3
+ This gem vendors the jQuery Modal assets for Rails 3.1 and greater.
4
+ The files will be added to the asset pipeline and available for you to use.
5
+
6
+ For info on how to use jQuery Modal or get the unmodified asset files visit:
7
+
8
+ [jQuery modal](https://github.com/kylefox/jquery-modal)
9
+
10
+ ## Using the gem
11
+
12
+ In your Gemfile add:
13
+
14
+ ```ruby
15
+ gem 'jquery-modal-rails-assets'
16
+ ```
17
+
18
+ You can then include it in your app by adding the following to your javascript application file:
19
+
20
+ ```javascript
21
+ //= require jquery.modal
22
+ ```
23
+
24
+ And to the css application file:
25
+
26
+ ```css
27
+ *= require jquery.modal
28
+ ```
data/Rakefile ADDED
@@ -0,0 +1,24 @@
1
+ require "bundler/gem_tasks"
2
+
3
+ desc "Update asset files for Rails"
4
+ task :update_assets do
5
+
6
+ Dir.glob(File.join('app/assets/stylesheets', '*.css')).each do |css_file_name|
7
+ # rename css file
8
+ css_file_name_out = css_file_name + '.scss'
9
+ File.rename(css_file_name, css_file_name_out)
10
+ # update image reference
11
+ file_content = ''
12
+ File.open(css_file_name_out, "r:UTF-8") do |file|
13
+ file_content = file.read
14
+ end
15
+ file_content.gsub! /url\(([A-Za-z0-9_-]*\.)(png|gif)\)/ do
16
+ "image-url(\"jquery-modal/#{$1}#{$2}\")"
17
+ end
18
+ File.open(css_file_name_out, 'w') do |file|
19
+ file << file_content
20
+ end
21
+ puts "Renamed and updated #{css_file_name_out}"
22
+ end
23
+
24
+ end
@@ -0,0 +1,226 @@
1
+ /*
2
+ A simple jQuery modal (http://github.com/kylefox/jquery-modal)
3
+ Version 0.5.5
4
+ */
5
+ (function($) {
6
+
7
+ var current = null;
8
+
9
+ $.modal = function(el, options) {
10
+ $.modal.close(); // Close any open modals.
11
+ var remove, target;
12
+ this.$body = $('body');
13
+ this.options = $.extend({}, $.modal.defaults, options);
14
+ this.options.doFade = !isNaN(parseInt(this.options.fadeDuration, 10));
15
+ if (el.is('a')) {
16
+ target = el.attr('href');
17
+ //Select element by id from href
18
+ if (/^#/.test(target)) {
19
+ this.$elm = $(target);
20
+ if (this.$elm.length !== 1) return null;
21
+ this.open();
22
+ //AJAX
23
+ } else {
24
+ this.$elm = $('<div>');
25
+ this.$body.append(this.$elm);
26
+ remove = function(event, modal) { modal.elm.remove(); };
27
+ this.showSpinner();
28
+ el.trigger($.modal.AJAX_SEND);
29
+ $.get(target).done(function(html) {
30
+ if (!current) return;
31
+ el.trigger($.modal.AJAX_SUCCESS);
32
+ current.$elm.empty().append(html).on($.modal.CLOSE, remove);
33
+ current.hideSpinner();
34
+ current.open();
35
+ el.trigger($.modal.AJAX_COMPLETE);
36
+ }).fail(function() {
37
+ el.trigger($.modal.AJAX_FAIL);
38
+ current.hideSpinner();
39
+ el.trigger($.modal.AJAX_COMPLETE);
40
+ });
41
+ }
42
+ } else {
43
+ this.$elm = el;
44
+ this.$body.append(this.$elm);
45
+ this.open();
46
+ }
47
+ };
48
+
49
+ $.modal.prototype = {
50
+ constructor: $.modal,
51
+
52
+ open: function() {
53
+ var m = this;
54
+ if(this.options.doFade) {
55
+ this.block();
56
+ setTimeout(function() {
57
+ m.show();
58
+ }, this.options.fadeDuration * this.options.fadeDelay);
59
+ } else {
60
+ this.block();
61
+ this.show();
62
+ }
63
+ if (this.options.escapeClose) {
64
+ $(document).on('keydown.modal', function(event) {
65
+ if (event.which == 27) $.modal.close();
66
+ });
67
+ }
68
+ if (this.options.clickClose) this.blocker.click($.modal.close);
69
+ },
70
+
71
+ close: function() {
72
+ this.unblock();
73
+ this.hide();
74
+ $(document).off('keydown.modal');
75
+ },
76
+
77
+ block: function() {
78
+ var initialOpacity = this.options.doFade ? 0 : this.options.opacity;
79
+ this.$elm.trigger($.modal.BEFORE_BLOCK, [this._ctx()]);
80
+ this.blocker = $('<div class="jquery-modal blocker"></div>').css({
81
+ top: 0, right: 0, bottom: 0, left: 0,
82
+ width: "100%", height: "100%",
83
+ position: "fixed",
84
+ zIndex: this.options.zIndex,
85
+ background: this.options.overlay,
86
+ opacity: initialOpacity
87
+ });
88
+ this.$body.append(this.blocker);
89
+ if(this.options.doFade) {
90
+ this.blocker.animate({opacity: this.options.opacity}, this.options.fadeDuration);
91
+ }
92
+ this.$elm.trigger($.modal.BLOCK, [this._ctx()]);
93
+ },
94
+
95
+ unblock: function() {
96
+ if(this.options.doFade) {
97
+ this.blocker.fadeOut(this.options.fadeDuration, function() {
98
+ $(this).remove();
99
+ });
100
+ } else {
101
+ this.blocker.remove();
102
+ }
103
+ },
104
+
105
+ show: function() {
106
+ this.$elm.trigger($.modal.BEFORE_OPEN, [this._ctx()]);
107
+ if (this.options.showClose) {
108
+ this.closeButton = $('<a href="#close-modal" rel="modal:close" class="close-modal ' + this.options.closeClass + '">' + this.options.closeText + '</a>');
109
+ this.$elm.append(this.closeButton);
110
+ }
111
+ this.$elm.addClass(this.options.modalClass + ' current');
112
+ this.center();
113
+ if(this.options.doFade) {
114
+ this.$elm.fadeIn(this.options.fadeDuration);
115
+ } else {
116
+ this.$elm.show();
117
+ }
118
+ this.$elm.trigger($.modal.OPEN, [this._ctx()]);
119
+ },
120
+
121
+ hide: function() {
122
+ this.$elm.trigger($.modal.BEFORE_CLOSE, [this._ctx()]);
123
+ if (this.closeButton) this.closeButton.remove();
124
+ this.$elm.removeClass('current');
125
+
126
+ if(this.options.doFade) {
127
+ this.$elm.fadeOut(this.options.fadeDuration);
128
+ } else {
129
+ this.$elm.hide();
130
+ }
131
+ this.$elm.trigger($.modal.CLOSE, [this._ctx()]);
132
+ },
133
+
134
+ showSpinner: function() {
135
+ if (!this.options.showSpinner) return;
136
+ this.spinner = this.spinner || $('<div class="' + this.options.modalClass + '-spinner"></div>')
137
+ .append(this.options.spinnerHtml);
138
+ this.$body.append(this.spinner);
139
+ this.spinner.show();
140
+ },
141
+
142
+ hideSpinner: function() {
143
+ if (this.spinner) this.spinner.remove();
144
+ },
145
+
146
+ center: function() {
147
+ this.$elm.css({
148
+ position: 'fixed',
149
+ top: "50%",
150
+ left: "50%",
151
+ marginTop: - (this.$elm.outerHeight() / 2),
152
+ marginLeft: - (this.$elm.outerWidth() / 2),
153
+ zIndex: this.options.zIndex + 1
154
+ });
155
+ },
156
+
157
+ //Return context for custom events
158
+ _ctx: function() {
159
+ return { elm: this.$elm, blocker: this.blocker, options: this.options };
160
+ }
161
+ };
162
+
163
+ //resize is alias for center for now
164
+ $.modal.prototype.resize = $.modal.prototype.center;
165
+
166
+ $.modal.close = function(event) {
167
+ if (!current) return;
168
+ if (event) event.preventDefault();
169
+ current.close();
170
+ var that = current.$elm;
171
+ current = null;
172
+ return that;
173
+ };
174
+
175
+ $.modal.resize = function() {
176
+ if (!current) return;
177
+ current.resize();
178
+ };
179
+
180
+ // Returns if there currently is an active modal
181
+ $.modal.isActive = function () {
182
+ return current ? true : false;
183
+ }
184
+
185
+ $.modal.defaults = {
186
+ overlay: "#000",
187
+ opacity: 0.75,
188
+ zIndex: 1,
189
+ escapeClose: true,
190
+ clickClose: true,
191
+ closeText: 'Close',
192
+ closeClass: '',
193
+ modalClass: "modal",
194
+ spinnerHtml: null,
195
+ showSpinner: true,
196
+ showClose: true,
197
+ fadeDuration: null, // Number of milliseconds the fade animation takes.
198
+ fadeDelay: 1.0 // Point during the overlay's fade-in that the modal begins to fade in (.5 = 50%, 1.5 = 150%, etc.)
199
+ };
200
+
201
+ // Event constants
202
+ $.modal.BEFORE_BLOCK = 'modal:before-block';
203
+ $.modal.BLOCK = 'modal:block';
204
+ $.modal.BEFORE_OPEN = 'modal:before-open';
205
+ $.modal.OPEN = 'modal:open';
206
+ $.modal.BEFORE_CLOSE = 'modal:before-close';
207
+ $.modal.CLOSE = 'modal:close';
208
+ $.modal.AJAX_SEND = 'modal:ajax:send';
209
+ $.modal.AJAX_SUCCESS = 'modal:ajax:success';
210
+ $.modal.AJAX_FAIL = 'modal:ajax:fail';
211
+ $.modal.AJAX_COMPLETE = 'modal:ajax:complete';
212
+
213
+ $.fn.modal = function(options){
214
+ if (this.length === 1) {
215
+ current = new $.modal(this, options);
216
+ }
217
+ return this;
218
+ };
219
+
220
+ // Automatically bind links with rel="modal:close" to, well, close the modal.
221
+ $(document).on('click.modal', 'a[rel="modal:close"]', $.modal.close);
222
+ $(document).on('click.modal', 'a[rel="modal:open"]', function(event) {
223
+ event.preventDefault();
224
+ $(this).modal();
225
+ });
226
+ })(jQuery);
@@ -0,0 +1,44 @@
1
+ .modal {
2
+ display: none;
3
+ width: 400px;
4
+ background: #fff;
5
+ padding: 15px 30px;
6
+ -webkit-border-radius: 8px;
7
+ -moz-border-radius: 8px;
8
+ -o-border-radius: 8px;
9
+ -ms-border-radius: 8px;
10
+ border-radius: 8px;
11
+ -webkit-box-shadow: 0 0 10px #000;
12
+ -moz-box-shadow: 0 0 10px #000;
13
+ -o-box-shadow: 0 0 10px #000;
14
+ -ms-box-shadow: 0 0 10px #000;
15
+ box-shadow: 0 0 10px #000;
16
+ }
17
+
18
+ .modal a.close-modal {
19
+ position: absolute;
20
+ top: -12.5px;
21
+ right: -12.5px;
22
+ display: block;
23
+ width: 30px;
24
+ height: 30px;
25
+ text-indent: -9999px;
26
+ background: image-url("jquery-modal/close.png") no-repeat 0 0;
27
+ }
28
+
29
+ .modal-spinner {
30
+ display: none;
31
+ width: 64px;
32
+ height: 64px;
33
+ position: fixed;
34
+ top: 50%;
35
+ left: 50%;
36
+ margin-right: -32px;
37
+ margin-top: -32px;
38
+ background: image-url("jquery-modal/spinner.gif") #111 no-repeat center center;
39
+ -webkit-border-radius: 8px;
40
+ -moz-border-radius: 8px;
41
+ -o-border-radius: 8px;
42
+ -ms-border-radius: 8px;
43
+ border-radius: 8px;
44
+ }
data/bin/console ADDED
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "jquery/modal/rails/assets"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start
data/bin/setup ADDED
@@ -0,0 +1,7 @@
1
+ #!/bin/bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+
5
+ bundle install
6
+
7
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,23 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'jquery-modal-rails-assets/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "jquery-modal-rails-assets"
8
+ spec.version = JqueryModalRailsAssets::VERSION
9
+ spec.authors = ["RogerE"]
10
+ spec.email = ["roger@webfokus.no"]
11
+
12
+ spec.summary = "Use jQuery Modal with Rails Asset Pipeline"
13
+ spec.description = "Provides the jQuery Modal assets for your Rails application."
14
+ spec.homepage = "https://github.com/RogerE/jquery-modal-rails-assets"
15
+
16
+ spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
17
+ spec.bindir = "exe"
18
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_development_dependency "bundler", "~> 1.10"
22
+ spec.add_development_dependency "rake", "~> 10.0"
23
+ end
@@ -0,0 +1,6 @@
1
+ require "jquery-modal-rails-assets/version"
2
+
3
+ module JqueryModalRailsAssets
4
+ class Engine < ::Rails::Engine
5
+ end
6
+ end
@@ -0,0 +1,3 @@
1
+ module JqueryModalRailsAssets
2
+ VERSION = "0.5.5"
3
+ end
metadata ADDED
@@ -0,0 +1,84 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: jquery-modal-rails-assets
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.5.5
5
+ platform: ruby
6
+ authors:
7
+ - RogerE
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2015-09-10 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.10'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.10'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ description: Provides the jQuery Modal assets for your Rails application.
42
+ email:
43
+ - roger@webfokus.no
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - ".gitignore"
49
+ - Gemfile
50
+ - README.md
51
+ - Rakefile
52
+ - app/assets/images/jquery-modal/close.png
53
+ - app/assets/images/jquery-modal/spinner.gif
54
+ - app/assets/javascripts/jquery.modal.js
55
+ - app/assets/stylesheets/jquery.modal.css.scss
56
+ - bin/console
57
+ - bin/setup
58
+ - jquery-modal-rails-assets.gemspec
59
+ - lib/jquery-modal-rails-assets.rb
60
+ - lib/jquery-modal-rails-assets/version.rb
61
+ homepage: https://github.com/RogerE/jquery-modal-rails-assets
62
+ licenses: []
63
+ metadata: {}
64
+ post_install_message:
65
+ rdoc_options: []
66
+ require_paths:
67
+ - lib
68
+ required_ruby_version: !ruby/object:Gem::Requirement
69
+ requirements:
70
+ - - ">="
71
+ - !ruby/object:Gem::Version
72
+ version: '0'
73
+ required_rubygems_version: !ruby/object:Gem::Requirement
74
+ requirements:
75
+ - - ">="
76
+ - !ruby/object:Gem::Version
77
+ version: '0'
78
+ requirements: []
79
+ rubyforge_project:
80
+ rubygems_version: 2.4.8
81
+ signing_key:
82
+ specification_version: 4
83
+ summary: Use jQuery Modal with Rails Asset Pipeline
84
+ test_files: []