slighty 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 322139357a21eb62fae71dee4e32281cebedb0a9
+  data.tar.gz: 2dd3e0216840e2d78b9b69e14c153acd9c9b2958
+SHA512:
+  metadata.gz: 78f8ed4be4fed6f195a4dcc1a9c8668d89092d6e355694e107cb3689d3ec667a4494ddc24bffea696fb80b0a31bca4dbc59b5290d391f951d37463d644030265
+  data.tar.gz: 76f341b534cdb3a35defb421786719cfc62ed4f1cc7bf135328e45f7f7116658b93eead00123aa7bb680d7af18b100d415d43a8827bf90bd72d599103cd5b4d8

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2017 Okan Vurdu
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,38 @@
+# slighty
+
+a simple lightbox plugin that runs with Rails Asset Pipeline.
+
+## installation
+
+1. add to your `Gemfile` and install with bundler:
+
+  ```ruby
+  gem 'slighty'
+  ```
+  
+  ```bash
+  bundle install
+  ```
+
+3. require the slight javascript file in `app/assets/javascripts/application.js`:
+
+  ```js
+  //= require slighty
+  ```
+
+4. require the modified slighty css file in `app/assets/stylesheets/application.css`:
+  
+  ```css
+  *= require slighty
+  ```
+
+## how it works?
+slighty automatically binds your `a` tags that includes `data-slighty` attribute. for example;
+
+```html
+<a href="image_url_to_show_in_slighty" data-slighty>
+    <img src="..." />
+</a>
+```
+
+copyright [Okan Vurdu](https://github.com/okan), released under the MIT License.

data/Rakefile

@@ -0,0 +1,27 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Slighty'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+require 'bundler/gem_tasks'
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task default: :test

data/lib/slighty.rb

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

data/lib/slighty/version.rb

@@ -0,0 +1,3 @@
+module Slighty
+  VERSION = '0.1.1'
+end

data/lib/tasks/slighty_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :slighty do
+#   # Task goes here
+# end

data/vendor/assets/javascripts/slighty.js

@@ -0,0 +1,60 @@
+(function (root, factory){
+   if(typeof define === 'function' && define.amd){
+    define(['jquery'], factory);
+   } 
+   else if(typeof exports === 'object'){
+    module.exports = factory(require('jquery'));
+   }
+   else {
+    root.slighty = factory(root.jQuery);
+   }
+}(this, function($) {
+
+    function slighty(options){
+        this.init();
+        this.options = $.extend(options, this.constructor.defaults);
+    }
+
+    slighty.defaults = {
+        borderSize: 2,
+        borderColor: '#000'
+    }
+
+    slighty.prototype.init = function() {
+        var self = this;
+        $(function(){
+            self.build();
+            self.bind();
+        });
+    }
+
+    slighty.prototype.bind = function(){
+        var self = this;
+        $(document).on('click', 'a[data-slighty]', function(event){
+            event.preventDefault();
+            self.show($(event.currentTarget));
+        });
+    }
+
+    slighty.prototype.build = function(){
+        var self = this;
+        var element = '<div class="slighty-overlay"><div class="slighty-container"><div class="slighty-image-container"><a class="slighty-close-button"></a><div class="slighty-image-view"><img class="slighty-image"/></div></div></div></div>';
+        $(element).appendTo('body');
+
+        this.$slighty = $(".slighty-overlay");
+        this.$slighty.hide();
+
+        this.$slighty.find('a.slighty-close-button').on('click', function(){
+            self.$slighty.fadeOut('fast');
+        });
+    }
+
+    slighty.prototype.show = function(target){
+        var self = this;
+        var src = $(target[0]).attr('href');
+        $('.slighty-image').attr('src', src);
+        $(".slighty-overlay").fadeIn('fast');
+    }
+
+    return new slighty();
+}));

data/vendor/assets/stylesheets/slighty.css

@@ -0,0 +1,49 @@
+.slighty-overlay {
+    background-color: rgba(255, 255, 255, .85);
+    display: table;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 999;
+}
+
+.slighty-container {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.slighty-image-container {
+    border: 2px solid #000;
+    height: 440px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 600px;
+}
+
+.slighty-image-view {
+    background: #E9EBEE;
+    display: block;
+    margin: 20px 0;
+    min-height: 400px;
+    text-align: center;
+}
+
+.slighty-image {
+    display: block;
+    margin: 0 auto;
+    max-width: 600px;
+    min-height: 400px;
+}
+
+.slighty-close-button {
+    background-image: url('data:image/png;base64,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'); 
+    background-size: 24px 24px;
+    cursor: pointer;
+    height: 24px;
+    right: 10px;
+    position: absolute;
+    top: 10px;
+    width: 24px;
+}

metadata

@@ -0,0 +1,66 @@
+--- !ruby/object:Gem::Specification
+name: slighty
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Okan Vurdu
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-03-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: A simple lightbox plugin for Rails asset pipeline.
+email:
+- okanvurdu@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- lib/slighty.rb
+- lib/slighty/version.rb
+- lib/tasks/slighty_tasks.rake
+- vendor/assets/javascripts/slighty.js
+- vendor/assets/stylesheets/slighty.css
+homepage: http://github.com/okan/slighty
+licenses:
+- MIT
+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.6.8
+signing_key: 
+specification_version: 4
+summary: A simple lightbox plugin for Rails asset pipeline.
+test_files: []