server-generated-popups 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: baf7362c3fe5c33e8c3cf9aa52e17064a58e6a65
+  data.tar.gz: 7c58c29aeefb7480eaa55c19d91249ab5585fad7
+SHA512:
+  metadata.gz: 8fcf5c3ade6743dcd2e25573b71abe28334782dbf6d9ef1d6adeffe99ad77c1f9b7fbd249925fec217781938f01084bed0244e2bd8ea027312f224a5d37ed77d
+  data.tar.gz: 77a50f306b605524d6ce7036b554fa4559fa359e6c60b232d3216c1dce75cefd017b30c9b615186545a5d62377743d19c50da0114b8bfb9b1c5167365c353835

data/.gitignore

@@ -0,0 +1 @@
+*.gem

data/README.md

@@ -0,0 +1,57 @@
+You need to briefly show something to the user. You decide on a popup. You look at your options: `window.open()` is easy, but is blocked by the browser when called not in a `click` handler; JavaScript plugins are over-engineered and want you to create dedicated routes, hidden links or embed your content where it doesn't belong just to accomodate them. Oh boy. Does it have to be that bad? No.
+
+Now you can do this:
+
+```javascript
+Popup("<%=j render @invoice %>").show('up')
+```
+
+![Animated demonstration](http://i.giphy.com/l46CkomqcgLa1SWWI.gif)
+
+Animations, styles — all included. One line gets you a fully working solution.
+
+Perfect with [Server-generated JavaScript Responses](https://signalvnoise.com/posts/3697-server-generated-javascript-responses) and [Turbolinks™](https://github.com/turbolinks/turbolinks), but not limited to them.
+
+## Installation
+
+### Rails
+
+```ruby
+gem 'server-generated-popups'
+```
+
+### Any framework
+
+Download this repo. Grab `popup.js` and `popup.css` from the `assets` directory and put them wherever you put JS and CSS in your framework.
+
+## Usage
+
+Raise a popup from the bottom of the screen:
+
+```javascript
+popup = Popup("<div>Hello</div>").show('up')
+```
+
+Fall a popup from the top of the screen:
+
+```javascript
+popup = Popup("<div>Hello</div>").show('down')
+```
+
+Launch the popup away through the top of the screen:
+
+```javascript
+popup.hide('up')
+```
+
+Sink the popup down through the bottom of the screen:
+
+```javascript
+popup.hide('down')
+```
+
+That's all I ever need from it. Do you need something else? Feel free to contribute.
+
+## Credits
+
+[Anton Khamets](http://colorfulfool.github.io)

data/app/assets/javascripts/popup.js

@@ -0,0 +1,24 @@
+function Popup(html) {
+  contents = $(html)
+  popupWindow = $('<div class="popup"></div>')
+  popupWindow.append(contents)
+  
+  function move(from, to, callback) {
+    $(popupWindow).css('top', from)
+    $(popupWindow).animate({top: to}, callback)
+  }
+
+  this.show = function (direction) {
+    $('body').append(popupWindow)
+    startFrom = (direction == 'up') ? '150%' : '-50%'
+    move(startFrom, '30%')
+    return this;
+  }
+  this.hide = function (direction) {
+    moveTo = (direction == 'down') ? '150%' : '-50%'
+    move('30%', moveTo, function () {
+      popupWindow.remove()
+    })
+  }
+  return this;
+}

data/app/assets/stylesheets/popup.css

@@ -0,0 +1,11 @@
+.popup {
+  position: fixed;
+  background: white;
+  width: 80%; margin-left: -40%;
+  left: 50%;
+  box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
+}
+
+.invoice { 
+  padding: 10px;
+}

data/lib/server-generated-popups.rb

@@ -0,0 +1,4 @@
+module MagnificPopup
+  class Engine < ::Rails::Engine
+  end
+end

data/server-generated-popups.gemspec

@@ -0,0 +1,16 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Anton Khamets"]
+  gem.email         = ["colorfulfool@gmail.com"]
+  gem.description   = %q{Show a popup with one line of code}
+  gem.summary       = %q{Show a popup with one of code. Not blocked by browsers. Plug-and-play.}
+  gem.homepage      = "https://github.com/colorfulfool/rails-popup"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "server-generated-popups"
+  gem.require_paths = ["lib"]
+  gem.version       = "1.0.0"
+end

metadata

@@ -0,0 +1,49 @@
+--- !ruby/object:Gem::Specification
+name: server-generated-popups
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Anton Khamets
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-06-20 00:00:00.000000000 Z
+dependencies: []
+description: Show a popup with one line of code
+email:
+- colorfulfool@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- README.md
+- app/assets/javascripts/popup.js
+- app/assets/stylesheets/popup.css
+- lib/server-generated-popups.rb
+- server-generated-popups.gemspec
+homepage: https://github.com/colorfulfool/rails-popup
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.8
+signing_key: 
+specification_version: 4
+summary: Show a popup with one of code. Not blocked by browsers. Plug-and-play.
+test_files: []