sass-buttons 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d3df8085fc57102aff013a090ff140e4fdeb0f85
-  data.tar.gz: b248f760ec38e1702afd3520d12b27cc10f38698
+  metadata.gz: ec6f6f2b001719fae2a83636aafe6e9c50a23ca3
+  data.tar.gz: dc0bd64d2461a2921f133a5bdfee541f1f630f64
 SHA512:
-  metadata.gz: 52df76ab817b3158da019ee89ac8d6dc4baf88fde3047c38b4a81258ce577d4e381368d1a73d908233ca1a41d0add041fe849c1ce68a9dce03ecd5272e3383ee
-  data.tar.gz: f15fdc29cf7d4dcefbb7c9e71ed65a15227393439ebaf1e964c0e6e932f48149c0ec5a9f60970a14673372e350d0c42a3c0af979e9382099fa05d1012dda8d91
+  metadata.gz: aee2ab35db46244bdbcd6d7dd3a06b01523d007c13f247191e764681dc51b6ebb1c9a43048e85f0db1df059180910a5e35fc3279710fb59a6b3390ecb36f198b
+  data.tar.gz: 0c41438786e6b4861405078e445427b47885330af108944cf93d3830e012cc9f35c1863629b9c5326146a8f549967229d7f805e9c217da711a3e018244cb6c8a

data/README.md

@@ -21,13 +21,13 @@ Install gem from the command line:
 Installing Sass Buttons:
 
     # Edit the project configuration file and add:
-    require 'sassy-buttons'
+    require 'sass-buttons'
 
     # From the command line:
-    compass install sassy-buttons
+    compass install sass-buttons
 
-    #import sassy buttons partial into your sass/scss file
-    @import "sassy-buttons"
+    #import sass buttons partial into your sass/scss file
+    @import "sass-buttons"
 
 
 

data/javascripts/buttons.js

@@ -0,0 +1,112 @@
+/*! @license
+ *  Project: Buttons
+ *  Description: A highly customizable CSS button library built with Sass and Compass
+ *  Author: Alex Wolfe
+ *  License: Apache License v2.0
+ */
+
+// the semi-colon before function invocation is a safety net against concatenated
+// scripts and/or other plugins which may not be closed properly.
+;(function ( $, window, document, undefined ) {
+    'use strict';
+
+    // undefined is used here as the undefined global variable in ECMAScript 3 is
+    // mutable (ie. it can be changed by someone else). undefined isn't really being
+    // passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+    // can no longer be modified.
+
+    // window and document are passed through as local variable rather than global
+    // as this (slightly) quickens the resolution process and can be more efficiently
+    // minified (especially when both are regularly referenced in your plugin).
+
+    // Create the defaults once
+    var pluginName = "menuButton";
+    var menuClass = ".button-dropdown";
+    var defaults = {
+        propertyName: "value"
+    };
+
+    // The actual plugin constructor
+    function Plugin( element, options ) {
+
+        //SET OPTIONS
+        this.options = $.extend( {}, defaults, options );
+        this._defaults = defaults;
+        this._name = pluginName;
+
+        //REGISTER ELEMENT
+        this.$element = $(element);
+
+        //INITIALIZE
+        this.init();
+    }
+
+    Plugin.prototype = {
+        constructor: Plugin,
+
+        init: function() {
+            // WE DON'T STOP PROPGATION SO CLICKS WILL AUTOMATICALLY
+            // TOGGLE AND REMOVE THE DROPDOWN
+            this.toggle();
+        },
+
+        toggle: function(el, options) {
+            if(this.$element.data('dropdown') === 'show') {
+                this.hideMenu();
+            }
+            else {
+                this.showMenu();
+            }
+        },
+
+        showMenu: function() {
+            this.$element.data('dropdown', 'show');
+            this.$element.find('ul').show();
+        },
+
+        hideMenu: function() {
+            this.$element.data('dropdown', 'hide');
+            this.$element.find('ul').hide();
+        }
+    };
+
+    // A really lightweight plugin wrapper around the constructor,
+    // preventing against multiple instantiations
+    $.fn[pluginName] = function ( options ) {
+        return this.each(function () {
+
+            // TOGGLE BUTTON IF IT EXISTS
+            if ($.data(this, "plugin_" + pluginName)) {
+                $.data(this, "plugin_" + pluginName).toggle();
+            }
+            // OTHERWISE CREATE A NEW INSTANCE
+            else {
+                $.data(this, "plugin_" + pluginName, new Plugin( this, options ));
+            }
+        });
+    };
+
+    //CLOSE OPEN DROPDOWN MENUS IF CLICKED SOMEWHERE ELSE
+    $(document).on('click', function(e) {
+        $.each($('[data-buttons=dropdown]'), function(i, value) {
+            if ($(e.target.offsetParent)[0] != $(this)[0]) {
+                if ($.data(this, "plugin_" + pluginName)) {
+                    $.data(this, "plugin_" + pluginName).hideMenu();
+                    $(this).find('ul').hide();
+                }
+            }
+        });
+    });
+
+    //DELEGATE CLICK EVENT FOR DROPDOWN MENUS
+    $(document).on('click', '[data-buttons=dropdown]', function(e) {
+        var $dropdown = $(e.currentTarget);
+        $dropdown.menuButton();
+    });
+
+    //IGNORE CLICK EVENTS FROM DISPLAY BUTTON IN DROPDOWN
+    $(document).on('click', '[data-buttons=dropdown] > a', function(e) {
+        e.preventDefault();
+    });
+
+})( jQuery, window, document);

data/lib/sass-buttons/version.rb

@@ -1,5 +1,5 @@
 module Sass
   module Buttons
-    VERSION = "0.1.2"
+    VERSION = "0.1.3"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-buttons
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Lester Zhao
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-16 00:00:00.000000000 Z
+date: 2016-02-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -63,6 +63,7 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- javascripts/buttons.js
 - lib/sass-buttons.rb
 - lib/sass-buttons/version.rb
 - sache.json
@@ -92,7 +93,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.1
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: Easily create Awesome CSS buttons