rails-bootstrap-engine 0.0.2

data/app/assets/javascripts/plugins/jquery.toggle.buttons.js

@@ -0,0 +1,289 @@
+!function ($) {
+  "use strict";
+  // version: 2.8.2
+  // by Mattia Larentis - follow me on twitter! @SpiritualGuru
+
+  var addToAttribute = function (obj, array, value) {
+    var i = 0
+      , length = array.length;
+
+    for (; i < length; i++) {
+      obj = obj[array[i]] = obj[array[i]] || i == ( length - 1) ? value : {}
+    }
+  };
+
+  $.fn.toggleButtons = function (method) {
+    var $element
+      , $div
+      , $cb
+      , transitionSpeed = 0.05
+      , methods = {
+        init: function (opt) {
+          this.each(function () {
+              var $spanLeft
+                , $spanRight
+                , options
+                , moving
+                , dataAttribute = {};
+
+              $element = $(this);
+              $element.addClass('toggle-button');
+
+              $.each($element.data(), function (i, el) {
+                var key
+                  , tmp = {};
+
+                if (i.indexOf("togglebutton") === 0) {
+                  key = i.match(/[A-Z][a-z]+/g);
+                  key = $.map(key, function (n) {
+                    return (n.toLowerCase());
+                  });
+
+                  addToAttribute(tmp, key, el);
+                  dataAttribute = $.extend(true, dataAttribute, tmp);
+                }
+              });
+
+              options = $.extend(true, {}, $.fn.toggleButtons.defaults, opt, dataAttribute);
+
+              $(this).data('options', options);
+
+              $spanLeft = $('<span></span>').addClass("labelLeft").text(options.label.enabled === undefined ? "ON" : options.label.enabled);
+              $spanRight = $('<span></span>').addClass("labelRight").text(options.label.disabled === undefined ? "OFF " : options.label.disabled);
+
+              // html layout
+              $cb = $element.find('input:checkbox')
+
+              $div = $cb.wrap($('<div></div>')).parent();
+              $div.append($spanLeft);
+              $div.append($('<label></label>').attr('for', $cb.attr('id') || ''));
+              $div.append($spanRight);
+
+              if ($cb.is(':checked'))
+                $element.find('>div').css('left', "0");
+              else $element.find('>div').css('left', "-50%");
+
+              if (options.animated) {
+                if (options.transitionspeed !== undefined)
+                  if (/^(\d*%$)/.test(options.transitionspeed))  // is a percent value?
+                    transitionSpeed = 0.05 * parseInt(options.transitionspeed) / 100;
+                  else
+                    transitionSpeed = options.transitionspeed;
+              }
+              else transitionSpeed = 0;
+
+              $(this).data('transitionSpeed', transitionSpeed * 1000);
+
+
+              options["width"] /= 2;
+
+              // width of the bootstrap-toggle-button
+              $element
+                .css('width', options.width * 2)
+                .find('>div').css('width', options.width * 3)
+                .find('>span, >label').css('width', options.width);
+
+              // height of the bootstrap-toggle-button
+              $element
+                .css('height', options.height)
+                .find('span, label')
+                .css('height', options.height)
+                .filter('span')
+                .css('line-height', options.height + "px");
+
+              if ($cb.is(':disabled'))
+                $(this).addClass('deactivate');
+
+              $element.find('span').css(options.font);
+
+
+              // enabled custom color
+              if (options.style.enabled === undefined) {
+                if (options.style.custom !== undefined && options.style.custom.enabled !== undefined && options.style.custom.enabled.background !== undefined) {
+                  $spanLeft.css('color', options.style.custom.enabled.color);
+                  if (options.style.custom.enabled.gradient === undefined)
+                    $spanLeft.css('background', options.style.custom.enabled.background);
+                  else $.each(["-webkit-", "-moz-", "-o-", ""], function (i, el) {
+                    $spanLeft.css('background-color', options.style.custom.enabled.background);
+                    $spanLeft.css('background-image', el + 'linear-gradient(top, ' + options.style.custom.enabled.background + ',' + options.style.custom.enabled.gradient + ')');
+                  });
+                }
+              }
+              else $spanLeft.addClass(options.style.enabled);
+
+              // disabled custom color
+              if (options.style.disabled === undefined) {
+                if (options.style.custom !== undefined && options.style.custom.disabled !== undefined && options.style.custom.disabled.background !== undefined) {
+                  $spanRight.css('color', options.style.custom.disabled.color);
+                  if (options.style.custom.disabled.gradient === undefined)
+                    $spanRight.css('background', options.style.custom.disabled.background);
+                  else $.each(["-webkit-", "-moz-", "-o-", ""], function (i, el) {
+                    $spanRight.css('background-color', options.style.custom.disabled.background);
+                    $spanRight.css('background-image', el + 'linear-gradient(top, ' + options.style.custom.disabled.background + ',' + options.style.custom.disabled.gradient + ')');
+                  });
+                }
+              }
+              else $spanRight.addClass(options.style.disabled);
+
+              var changeStatus = function ($this) {
+                $this.siblings('label')
+                  .trigger('mousedown')
+                  .trigger('mouseup')
+                  .trigger('click');
+              };
+
+              $spanLeft.on('click', function (e) {
+                changeStatus($(this));
+              });
+              $spanRight.on('click', function (e) {
+                changeStatus($(this));
+              });
+
+              $element.find('input:checkbox').on('change', function (e, skipOnChange) {
+                var $element = $(this).parent()
+                  , active = $(this).is(':checked')
+                  , $toggleButton = $(this).closest('.toggle-button');
+
+                $element.stop().animate({'left': active ? '0' : '-50%'}, $toggleButton.data('transitionSpeed'));
+
+                options = $toggleButton.data('options');
+
+                if (!skipOnChange)
+                  options.onChange($element, active, e);
+              });
+
+              $element.find('label').on('mousedown touchstart', function (e) {
+                moving = false;
+                e.preventDefault();
+                e.stopImmediatePropagation();
+
+                if ($(this).closest('.toggle-button').is('.deactivate'))
+                  $(this).off('click');
+                else {
+                  $(this).on('mousemove touchmove', function (e) {
+                    var $element = $(this).closest('.toggle-button')
+                      , relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
+                      , percent = ((relativeX / (options.width * 2)) * 100);
+                    moving = true;
+
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+
+                    if (percent < 25)
+                      percent = 25;
+                    else if (percent > 75)
+                      percent = 75;
+
+                    $element.find('>div').css('left', (percent - 75) + "%");
+                  });
+
+                  $(this).on('click touchend', function (e) {
+                    var $target = $(e.target)
+                      , $myCheckBox = $target.siblings('input:checkbox');
+
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    $(this).off('mouseleave');
+
+                    if (moving)
+                      if (parseInt($(this).parent().css('left')) < -25)
+                        $myCheckBox.attr('checked', false);
+                      else $myCheckBox.attr('checked', true);
+                    else $myCheckBox.attr("checked", !$myCheckBox.is(":checked"));
+
+                    $myCheckBox.trigger('change');
+                  });
+
+                  $(this).on('mouseleave', function (e) {
+                    var $myCheckBox = $(this).siblings('input:checkbox');
+
+                    e.preventDefault();
+                    e.stopImmediatePropagation();
+
+                    $(this).off('mouseleave');
+                    $(this).trigger('mouseup');
+
+                    if (parseInt($(this).parent().css('left')) < -25)
+                      $myCheckBox.attr('checked', false);
+                    else $myCheckBox.attr('checked', true);
+
+                    $myCheckBox.trigger('change');
+                  });
+
+                  $(this).on('mouseup', function (e) {
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    $(this).off('mousemove');
+                  });
+                }
+              });
+            }
+          );
+          return this;
+        },
+        toggleActivation: function () {
+          $(this).toggleClass('deactivate');
+        },
+        toggleState: function (skipOnChange) {
+          var $input = $(this).find('input:checkbox');
+          $input.attr('checked', !$input.is(':checked')).trigger('change', skipOnChange);
+        },
+        setState: function(value, skipOnChange) {
+          $(this).find('input:checkbox').attr('checked', value).trigger('change', skipOnChange);
+        },
+        status: function () {
+          return $(this).find('input:checkbox').is(':checked');
+        },
+        destroy: function () {
+          var $div = $(this).find('div')
+            , $checkbox;
+
+          $div.find(':not(input:checkbox)').remove();
+
+          $checkbox = $div.children();
+          $checkbox.unwrap().unwrap();
+
+          $checkbox.unbind('change');
+
+          return $checkbox;
+        }
+      };
+
+    if (methods[method])
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    else if (typeof method === 'object' || !method)
+      return methods.init.apply(this, arguments);
+    else
+      $.error('Method ' + method + ' does not exist!');
+  };
+
+  $.fn.toggleButtons.defaults = {
+    onChange: function () {
+    },
+    width: 100,
+    height: 25,
+    font: {},
+    animated: true,
+    transitionspeed: undefined,
+    label: {
+      enabled: undefined,
+      disabled: undefined
+    },
+    style: {
+      enabled: undefined,
+      disabled: undefined,
+      custom: {
+        enabled: {
+          background: undefined,
+          gradient: undefined,
+          color: "#FFFFFF"
+        },
+        disabled: {
+          background: undefined,
+          gradient: undefined,
+          color: "#FFFFFF"
+        }
+      }
+    }
+  };
+}(jQuery);

data/app/assets/javascripts/rails-bootstrap-engine.js

@@ -0,0 +1,17 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require_self
+//= require bootstrap
+//= require_tree ./plugins
+//= require behaviors
+//= require_tree .

data/app/assets/stylesheets/bootstrap-plugins/bootstrap-jumbotrons.css

@@ -0,0 +1,95 @@
+/* Jumbotrons
+-------------------------------------------------- */
+
+/* Base class
+------------------------- */
+.jumbotron {
+  position: relative;
+  padding: 40px 0;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
+  background: #020031; /* Old browsers */
+  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
+  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+}
+.jumbotron h1,
+.jumbotron h2,
+.jumbotron h3,
+.jumbotron h4 {
+  font-weight: bold;
+  letter-spacing: -1px;
+  line-height: 1;
+}
+
+.jumbotron h1 {
+  font-size: 5em;
+}
+
+.jumbotron h2 {
+  font-size: 4em;
+}
+
+.jumbotron h3 {
+  font-size: 3em;
+}
+
+.jumbotron h4 {
+  font-size: 2em;
+}
+
+.jumbotron p {
+  font-size: 1.4em;
+  font-weight: 300;
+  line-height: 1.25;
+  margin-bottom: 30px;
+}
+
+/* Link styles (used on .masthead-links as well) */
+.jumbotron a {
+  color: #fff;
+  color: rgba(255,255,255,.5);
+  -webkit-transition: all .2s ease-in-out;
+     -moz-transition: all .2s ease-in-out;
+          transition: all .2s ease-in-out;
+}
+.jumbotron a:hover {
+  color: #fff;
+  text-shadow: 0 0 10px rgba(255,255,255,.25);
+}
+
+/* Download button */
+.masthead .btn {
+  padding: 19px 24px;
+  font-size: 24px;
+  font-weight: 200;
+  color: #fff; /* redeclare to override the `.jumbotron a` */
+  border: 0;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+  -webkit-transition: none;
+     -moz-transition: none;
+          transition: none;
+}
+.masthead .btn:hover {
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+}
+.masthead .btn:active {
+  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
+}

data/app/assets/stylesheets/bootstrap-plugins/bootstrap-toggle-buttons.css

@@ -0,0 +1,155 @@
+/* line 11, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  position: relative;
+  text-align: left;
+  overflow: hidden;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/* line 29, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button.deactivate {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+  opacity: 0.5;
+  cursor: default !important;
+}
+/* line 32, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button.deactivate label, .toggle-button.deactivate span {
+  cursor: default !important;
+}
+/* line 36, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button > div {
+  display: inline-block;
+  width: 150px;
+  position: absolute;
+  top: 0;
+}
+/* line 41, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button > div.disabled {
+  left: -50%;
+}
+/* line 45, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button input[type=checkbox] {
+  display: none;
+}
+/* line 53, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span, .toggle-button label {
+  cursor: pointer;
+  position: relative;
+  float: left;
+  display: inline-block;
+}
+/* line 60, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button label {
+  background: #fefefe;
+  margin-left: -4px;
+  margin-right: -4px;
+  border: 1px solid #E6E6E6;
+  margin-top: -1px;
+  z-index: 100;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6);
+  background-image: -o-linear-gradient(top, #fefefe, #e6e6e6);
+  background-image: linear-gradient(top, #fefefe, #e6e6e6);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+}
+/* line 72, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span {
+  color: #fefefe;
+  text-align: center;
+  font-weight: bold;
+  z-index: 1;
+}
+/* line 78, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.labelLeft {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  padding-left: 3px;
+}
+/* line 83, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.labelRight {
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  color: black;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: -moz-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: -o-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: linear-gradient(bottom, #fefefe, #e6e6e6);
+  padding-right: 3px;
+}
+/* line 91, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.primary, .toggle-button span.labelLeft {
+  color: #fefefe;
+  background: #0088cc;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: linear-gradient(bottom, #0088cc, #0055cc);
+}
+/* line 96, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.info {
+  color: #fefefe;
+  background: #5bc0de;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
+  background-image: -webkit-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: -moz-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: -o-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: linear-gradient(bottom, #5bc0de, #2f96b4);
+}
+/* line 102, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.success {
+  color: #fefefe;
+  background: #62c462;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351));
+  background-image: -webkit-linear-gradient(bottom, #62c462, #51a351);
+  background-image: -moz-linear-gradient(bottom, #62c462, #51a351);
+  background-image: -o-linear-gradient(bottom, #62c462, #51a351);
+  background-image: linear-gradient(bottom, #62c462, #51a351);
+}
+/* line 108, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.warning {
+  color: #fefefe;
+  background: #dbb450;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbb450), color-stop(100%, #f89406));
+  background-image: -webkit-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: -moz-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: -o-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: linear-gradient(bottom, #dbb450, #f89406);
+}
+/* line 114, ../sass/bootstrap-toggle-buttons.scss */
+.toggle-button span.danger {
+  color: #fefefe;
+  background: #ee5f5b;
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
+  background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: linear-gradient(bottom, #ee5f5b, #bd362f);
+}