floating_action 0.0.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ae5959e97cd436c86c32c84906f5c5d7ea932988
+  data.tar.gz: b34d2f868c2133d440f2116bec8ecf1ef48325ba
+SHA512:
+  metadata.gz: aaabb5e48cecad9051a259321eee393a2d9101ab82d12bd61311182a5ac7a1afd9a243a7d50233d898a31a22e4185f18e064dfadc951050dcd9d55b2b6c55967
+  data.tar.gz: 8f15d5661413cb43ddebd95912dfe48d33b99ff3ef9586cfb16b117b5e0599c5d3672f997a263c68550a7d9d97c607229862b86423b694b4c2e5643791011caa

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Bruno Porto
+
+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,56 @@
+Floating Action
+=======
+
+[![Code Climate](https://codeclimate.com/github/brunoporto/floating_action/badges/gpa.svg)](https://codeclimate.com/github/brunoporto/floating_action)
+
+Essa GEM fornece acesso ao plugin jQuery para colocar ações como barra flutuante anexa a um container
+
+# Requisitos
+
+- jQuery 1.2+
+
+# Instalação
+
+Adicione essa linha no Gemfile do projeto:
+```ruby
+gem 'floating_action'
+```
+
+Adicione a seguinte linha no seu arquivo `application.css`:
+```css
+*= require floating_action/floating_action
+```
+
+Adicione a seguinte linha no seu arquivo `application.js`:
+```js
+//= require floating_action/floating_action
+```
+
+Para inicializar o plugin você utilizará o código abaixo:
+```js
+var floating_action = new FloatingAction({
+    containerClass: 'floating-container-style',
+    contentClass: 'floating-content-style',
+    direction: 'center'
+}).init();
+```
+
+Seus eventos são baseados em [delegator](https://learn.jquery.com/events/event-delegation/) do jQuery e estão vinculados ao **document**.
+
+# Utilização
+
+Para transformar um grupo de ação em barra flutuante você deve adicionar a classe `.float-actions-container` a um elemento e a classe `.float-actions-content` a um elemento filho.
+Exemplo:
+```haml
+%table.table
+    %tr.floating-action-container
+        %td José da Silva
+        %td Empresa XYZ
+        %td.floating-action-content
+            %a{:href => '#'} Editar
+            %a{:href => '#'} Remover
+```
+
+## Comportamento 
+
+A barra só aparecerá em resolução acima de 992px onde o dispositivo é considerado DESKTOP, abaixo dessa resolução não haverá modificações no elemento e a barra não aparecerá, mantendo o elemento original com a classe `float-actions-content` visível.

data/Rakefile

@@ -0,0 +1,37 @@
+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    = 'FloatingAction'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+Bundler::GemHelper.install_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/app/assets/javascripts/floating_action/floating_action.css

@@ -0,0 +1,32 @@
+@media (min-width: 992px) {
+
+    .floating-action-container .floating-action-content {
+        display: none !important;
+    }
+
+    .floating-action-container:hover .floating-action-content {
+        display: inline !important;
+        z-index: 99999;
+        position: absolute;
+        padding: 10px;
+        border: none;
+
+        -webkit-border-bottom-right-radius: 6px;
+        -webkit-border-bottom-left-radius: 6px;
+        -moz-border-radius-bottomright: 6px;
+        -moz-border-radius-bottomleft: 6px;
+        border-bottom-right-radius: 6px;
+        border-bottom-left-radius: 6px;
+    }
+
+    .floating-container-style {
+        background-color: #EEEEEE;
+    }
+    .floating-content-style {
+        background-color: #E0E0E0;
+    }
+    .floating-content-style > a {
+        text-decoration: none;
+    }
+
+}

data/app/assets/stylesheets/floating_action/floating_action.js

@@ -0,0 +1,64 @@
+(function(window, $) {
+
+    var FloatingAction = function (options) {
+        this.options = options;
+        this.config = null;
+    };
+
+    var _this;
+
+    FloatingAction.prototype = {
+        defaults: {
+            containerClass: 'floating-container-style',
+            contentClass: 'floating-content-style',
+            direction: 'center',
+            debug: false
+        },
+        init: function () {
+            this.config = $.extend({}, this.defaults, this.options);
+            _this = this;
+            $(window).resize(function() {
+                var el = $('.floating-action-content:visible').closest('.floating-action-container');
+                _this.setPosition(el);
+            });
+            $(document).on('mouseover','.floating-action-container', function(){
+                _this.setPosition(this);
+                _this.addStyle(this);
+            });
+            $(document).on('mouseout','.floating-action-container', function(){
+                _this.setPosition(this);
+                _this.removeStyle(this);
+            });
+        },
+        setPosition: function(element) {
+            if (element==undefined) return;
+            var $element = $(element);
+            var $content = $element.find('.floating-action-content');
+            var $parent = $element.parent();
+            var top = ($element.position().top + $element.outerHeight());
+            $content.css({'left': '0px', 'top': top+'px'});
+            if (_this.config.direction=='left' || $parent.width() > $('body').innerWidth()) {
+                var left = $element.position().left;
+            } else {
+                if (_this.config.direction=='right') {
+                    var left = ($parent.width() - $content.width());
+                } else {
+                    var left = ($parent.outerWidth(true) / 2) - ($content.outerWidth(true) / 2);
+                }
+            }
+            $content.css({'left': left+'px'});
+        },
+        addStyle: function(element) {
+            $(element).addClass(_this.config.containerClass);
+            $(element).find('.floating-action-content').addClass(_this.config.contentClass);
+        },
+        removeStyle: function(element) {
+            $(element).removeClass(_this.config.containerClass);
+            $(element).find('.floating-action-content').removeClass(_this.config.contentClass);
+        }
+    }
+    FloatingAction.defaults = FloatingAction.prototype.defaults;
+
+    window.FloatingAction = FloatingAction;
+
+})(window, jQuery);

data/lib/floating_action.rb

@@ -0,0 +1,4 @@
+require "floating_action/engine"
+
+module FloatingAction
+end

data/lib/floating_action/engine.rb

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

data/lib/floating_action/version.rb

@@ -0,0 +1,3 @@
+module FloatingAction
+  VERSION = "0.0.3"
+end

data/lib/tasks/floating_action_tasks.rake

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

metadata

@@ -0,0 +1,53 @@
+--- !ruby/object:Gem::Specification
+name: floating_action
+version: !ruby/object:Gem::Version
+  version: 0.0.3
+platform: ruby
+authors:
+- Bruno Porto
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-10-25 00:00:00.000000000 Z
+dependencies: []
+description: Possibilita aplicar ações como barra flutuante anexa a um container
+email:
+- brunotporto@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/floating_action/floating_action.css
+- app/assets/stylesheets/floating_action/floating_action.js
+- lib/floating_action.rb
+- lib/floating_action/engine.rb
+- lib/floating_action/version.rb
+- lib/tasks/floating_action_tasks.rake
+homepage: https://github.com/brunoporto/floating_action
+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.5.1
+signing_key: 
+specification_version: 4
+summary: Possibilita aplicar ações como barra flutuante anexa a um container
+test_files: []