lazy_modal 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 761ede6762db2ce4c45ba67b824d9e42b35c342a
-  data.tar.gz: fe33d8158a26acc5859bfa25838e91b70ec0ae62
+  metadata.gz: b136a3190216a47c109c379d724223487c53f7b8
+  data.tar.gz: 242e8c18b2128afcbd3c6384c747a5a1e181f775
 SHA512:
-  metadata.gz: e22bf638afb91c073843b5ea06a7d04f95907589b82a0b783a3d32c33b97f8ab77f974279f72125a09477707594215816a60469d9f7340f728d58f10072c2c57
-  data.tar.gz: 94aff4f9609d041949d12a01c484ec4a50f6706042d068632c0eb4d4fc4c1677570366390c37ebeac381df54978a422401bc229ea43ca68526f2a1ede21e2bbf
+  metadata.gz: 0fcca39d85e18fcf0b9cc3ab412861db3b4beff2b9d0f71a7e2053496b47c8a21f358d25b6067e8f9fe13de0e8b0ead509e158a9adb37367c396d0671f4b48c0
+  data.tar.gz: '08d62b92c68ea89e3baf673ea174f57fd1fa68f954300b1f783801ece115f32b9804a3031ec64945808133f2ce78c72a1ee31d79be4dbc803186aefea96cbceb'

data/README.md

@@ -1,9 +1,15 @@
-# lazy-modal
+# Overview
 
-Show **bootstrap** modal with lazy load. sometimes we have too many modals in html body. and you know always some modal not need rendered. the best pratice to show modal i think is lazy load modal. **bootstrap** modal plugin provide remote away the load modal content when needed.
-this gem provide way load **bootstrap** modal from remote server. so that we can load the modal when needed it. it's start!
+**Lazy_modal** support load bs modal from remote.
+normally before use bs modal you should defined modal dom in **erb** file.
 
-## Before
+If you want to show modal from remote. **lazy_modal** can help you.
+
+**lazy_modal** best pratice is: you want to show modal when you need but you don't want to defined in **erb** file every time render.
+
+Like this:
+
+### Before
 app/views/profile/charges.erb
 
 ``` html
@@ -26,12 +32,13 @@ app/views/profile/charges.erb
 </div>
 ```
 
-So you must render **modal-dom, modal-dom2, modal-dom3** with **link_to** in same place.
-sometimes we have mulitple modals and even some modal have much childrens dom. also maybe some modals no need at the same time like:(**modal-dom2, modal-dom3**).
+So you must render **modal-dom, modal-dom2, modal-dom3** and **link_to** in same file **app/views/profile/charges.erb** before use it. 
+
+Every time you reload this page will render **modal-dom, modal-dom2, modal-dom3** and even **modal-dom3** use in less time. so well can just move **modal-dom3** to remote file. and use **lazy_modal** load it!
 
 Now you can use **lazy_modal** lazy load modal when we need it!
 
-## After
+### After
 app/views/profile/charges.erb
 
 ```html
@@ -43,20 +50,18 @@ app/views/profile/charges.erb
 app/views/profile/charge_modal.erb
 
 ```html
-#modal-dom
+#modal-dom3
 <div class='modal fade' id='charge_modal'>
 	modal content ...
 </div>
 ```
 
-You can found out difference? yes we split **link_to** and **modal-dom** to different file. So that we can show modal when we need it.
+You can found out difference? yes we split **link_to** and **modal-dom3** to different file. So that we can show modal when we need it.
 
-It's us use **lazy_modal**
 
-## Usage
-Use **lazy-modal** is simplest!  follow this steps:
+### Install
 
-Add this line to your rails application's Gemfile:
+Use **lazy-modal** every simple, add this line to your rails application's Gemfile:
 
 ```ruby
 gem 'lazy_modal'
@@ -102,6 +107,26 @@ title  | string | **optional**，before load remote modal, you will see  simple
 size  | string | **optional**，before load remote modal, you will see  simple load modal with placeholder, so the options set the modal-content with custom class like: `modal-sm|modal-lg`
 
 
+## JS Events
+
+you can listen lazy_modal load completed events. lazy_modal will trigger **lm.modal.content.loaded** if remote modal loaded and append to html **body**
+
+```javascript
+
+//delegate event to document
+$(document).on("lm.modal.content.loaded", "#remote_modal_id", function(){
+	// your logic
+	console.log('remote modal load completed')
+})
+
+//listen to lazy_modal instance 
+lazyModal = LM.loadRemoteModalByID('remote_modal_id',{dir: 'profile'})
+lazyModal.on('lm.modal.content.loaded', function(modalOptions){
+	console.log(modalOptions)
+})
+
+```
+**PS: LM.MODAL_CONTENT_LOADED == 'lm.modal.content.loaded'**
 
 ## License
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/app/controllers/lazy_modal/lazy_modals_controller.rb

@@ -1,10 +1,9 @@
 module LazyModal
-  class LazyModalsController < ActionController::Base
-    protect_from_forgery with: :exception
-    helper Rails.application.helpers
+  class LazyModalsController < LazyModal.modal_parent_controller.constantize
+    protect_from_forgery
 
     rescue_from ActionView::MissingTemplate do
-      render plain: 'modal missing', status: :not_found
+      render plain: 'modal missing, your modal dirs right?', status: :not_found
     end
 
     def show

data/lib/generators/lazy_modal/install_generator.rb

@@ -1,33 +1,12 @@
 module LazyModal
   class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
 
     desc 'install lazy modal'
     def install
-      route("mount LazyModal::Engine => '/'")
-    end
-
-    def inject_js_asset_file
-      %w(js coffee).each do |ext|
-        dest_file_path = "app/assets/javascripts/application.#{ext}"
-        if File.exist? "#{destination_root}/#{dest_file_path}"
-          insert_into_file dest_file_path, :before => "//= require_tree" do
-            "//= require lazy_modal/application\n"
-          end
-          break
-        end
-      end
-    end
-
-    def inject_css_asset_file
-      %w(css scss sass).each do |ext|
-        dest_file_path = "app/assets/stylesheets/application.#{ext}"
-        if File.exist? "#{destination_root}/#{dest_file_path}"
-          insert_into_file dest_file_path, :before => "*= require_self" do
-            "*= require lazy_modal/application\n"
-          end
-          break
-        end
-      end
+      route "mount LazyModal::Engine => '/'"
+      copy_file 'lazy_modal.js', 'app/assets/javascripts/lazy_modal.js'
+      copy_file 'lazy_modal.css', 'app/assets/stylesheets/lazy_modal.css'
     end
 
   end

data/lib/generators/lazy_modal/templates/lazy_modal.css

@@ -0,0 +1,3 @@
+/*
+*=require lazy_modal/application
+ */

data/lib/generators/lazy_modal/templates/lazy_modal.js

@@ -0,0 +1 @@
+//=require lazy_modal/application

data/lib/lazy_modal.rb

@@ -1,5 +1,7 @@
 require "lazy_modal/engine"
 
 module LazyModal
-  # Your code goes here...
+
+  mattr_accessor :modal_parent_controller
+  @@modal_parent_controller = 'ApplicationController'
 end

data/lib/lazy_modal/version.rb

@@ -1,3 +1,3 @@
 module LazyModal
-  VERSION = '0.1.3'
+  VERSION = '0.1.4'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lazy_modal
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - MixBo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-10-16 00:00:00.000000000 Z
+date: 2017-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -28,30 +28,30 @@ dependencies:
   name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
 - !ruby/object:Gem::Dependency
   name: coffee-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '4'
 - !ruby/object:Gem::Dependency
   name: bootstrap-sass
   requirement: !ruby/object:Gem::Requirement
@@ -70,16 +70,16 @@ dependencies:
   name: sass-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '5'
 description: lazy load bootstrap modal when  needed!
 email:
 - lb563@foxmail.com
@@ -96,6 +96,8 @@ files:
 - app/views/lazy_modal/modals/demo.erb
 - config/routes.rb
 - lib/generators/lazy_modal/install_generator.rb
+- lib/generators/lazy_modal/templates/lazy_modal.css
+- lib/generators/lazy_modal/templates/lazy_modal.js
 - lib/lazy_modal.rb
 - lib/lazy_modal/engine.rb
 - lib/lazy_modal/version.rb