RubyGems - rails_modular_admin - Versions diffs - 0.3.1 → 0.4.0 - Mend

rails_modular_admin 0.3.1 → 0.4.0

Files changed (1416) hide show

data/app/assets/node_modules/responsive-toolkit/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,70 @@
+### Changelog
+**2.6.3**
+Propagating 2.6.2 changes correctly.
+**2.6.2**
+Removing issue with module.exports (issue #39).
+**2.6.1**
+Adding CommonJS exports.
+**2.6.0**
+Registering the package in NPM registry and adding gulp build setup.
+**2.5.1**
+Delaying the injection of visibility div container into `body` until `$(document).ready()`, and thus allowing the inclusion of library inside `<head>` section.
+**2.5.0**
+Introduced `use` method allowing to use custom visibility classes. Added built-in Foundation 5 support.
+More changes:
+* Changing mechanism initializing the library
+* Re-organizing the demos
+* Removing SASS-related part of the project
+**2.4.2**
+Refactoring 'changed' method (and updating usage examples in main.js) to solve issue [#14](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/issues/14).
+Delaying the injection of visibility divs into `<body>` until `$(document).ready()`, and thus allowing the inclusion of library inside `<head>` section.
+**2.4.1**
+Updating Bootstrap visibility classes for future compliancy, updating documentation to reflect changes in version 2.4.0, and small code refactoring.
+**2.4.0**
+Introducing comparison operators in the form of `viewport.is(">md").
+**2.3.0**
+Removing the requirement to insert visibility divs into the document.
+**2.2.0**
+Introducing `current` method returning breakpoint alias, and `breakpoints` property allowing to specify your own breakpoint names.
+**2.1.0**
+Introducing `set` SASS mixin, making it easier to set different CSS property values per breakpoint.
+**2.0.0**
+Version 2.0.0 introduces internal method and property name changes. Using this version without making appropriate changes to your scripts will break them. Please proceed with caution.
+| old name            | new name |
+| ------------------- | -------- |
+| method `isBreakpoint`        | `is`     |
+| method `waitForFinalEvent`   | `changed`|
+| property `clock`      | `interval`|
+| property `timeString` | `timer`|
+For your convenience, version 1.5.0 of Responsive Bootstrap Toolkit is still kept inside this repository. You can find it at https://github.com/maciej-gurban/responsive-bootstrap-toolkit/blob/master/js/bootstrap-toolkit-1.5.0.js
+**1.5.0**
+Name-spacing functionalities, code improvements.
+**1.0.0**
+Initial realease containing bare JavaScript functions.

data/app/assets/node_modules/responsive-toolkit/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+Copyright (c) 2014 Maciej Gurban
+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/app/assets/node_modules/responsive-toolkit/README.md ADDED Viewed

@@ -0,0 +1,155 @@
+# Responsive Bootstrap Toolkit
+Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code. Despite the name, you can use it also with Foundation, or any other framework.
+Current version: **2.6.3**
+### Documentation
+* [Installation](#installation)
+* [Demo](#demo)
+* [Basic usage](#basic-usage)
+* [Execute code on window resize](#execute-code-on-window-resize)
+* [Get alias of current breakpoint](#get-alias-of-current-breakpoint)
+* [Using with Foundation](#using-with-foundation)
+* [Providing your own visibility classes](#providing-your-own-visibility-classes)
+### HOW-TO
+* [How do I include it in my project?](#how-do-i-include-it-in-my-project)
+* [Migrating from an older version](#migrating-from-an-older-version)
+* [Dependencies](#dependencies)
+### Installation
+Using Bower:
+````
+bower install responsive-toolkit
+````
+Using NPM:
+````
+npm install responsive-toolkit
+````
+### Demo
+Live example available on [CodePen](http://codepen.io/dih/full/ivECj). Hosted along with repository are the following usage examples:
+* [Bootstrap demo](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/tree/master/demos/bootstrap)
+* [Foundation demo](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/tree/master/demos/foundation)
+* [Custom breakpoints demo](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/tree/master/demos/custom)
+#### Basic usage:
+````javascript
+// Wrap IIFE around your code
+(function($, viewport){
+    $(document).ready(function() {
+        // Executes only in XS breakpoint
+        if(viewport.is('xs')) {
+            // ...
+        }
+        // Executes in SM, MD and LG breakpoints
+        if(viewport.is('>=sm')) {
+            // ...
+        }
+        // Executes in XS and SM breakpoints
+        if(viewport.is('<md')) {
+            // ...
+        }
+        // Execute code each time window size changes
+        $(window).resize(
+            viewport.changed(function() {
+                if(viewport.is('xs')) {
+                    // ...
+                }
+            })
+        );
+    });
+})(jQuery, ResponsiveBootstrapToolkit);
+````
+#### Execute code on window resize
+Allows using custom debounce interval. The default one is set at 300ms.
+````javascript
+$(window).resize(
+    viewport.changed(function() {
+      // ...
+    }, 150)
+);
+````
+#### Get alias of current breakpoint
+````javascript
+$(window).resize(
+    viewport.changed(function() {
+        console.log('Current breakpoint: ', viewport.current());
+    })
+);
+````
+#### Using with Foundation
+Instead of Bootstrap's aliases `xs`, `sm`, `md` and `lg`, Foundation uses: `small`, `medium`, `large`, and `xlarge`.
+````javascript
+(function($, viewport){
+    viewport.use('Foundation');
+    if(viewport.is('small')) {
+        // ...
+    }
+})(jQuery, ResponsiveBootstrapToolkit);
+````
+**Note:**
+Currently, only Foundation 5 visibility classes are supported. If you'd like to support older version of any framework, or provide your own visibility classes, refer to example below.
+#### Providing your own visibility classes
+````javascript
+(function($, viewport){
+    var visibilityDivs = {
+        'alias-1': $('<div class="device-alias-1 your-visibility-class-1"></div>'),
+        'alias-2': $('<div class="device-alias-2 your-visibility-class-2"></div>'),
+        'alias-3': $('<div class="device-alias-3 your-visibility-class-3"></div>')
+    };
+    viewport.use('Custom', visibilityDivs);
+    if(viewport.is('alias-1')) {
+        // ...
+    }
+})(jQuery, ResponsiveBootstrapToolkit);
+````
+**Note**:
+It's up to you to create media queries that will toggle div's visibility across different screen resolutions. How? [Refer to this example](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/blob/master/demos/custom/style.css).
+#### How do I include it in my project?
+Paste just before `</body>`
+````html
+<!-- Responsive Bootstrap Toolkit -->
+<script src="js/bootstrap-toolkit.min.js"></script>
+<!-- Your scripts using Responsive Bootstrap Toolkit -->
+<script src="js/main.js"></script>
+````
+### Migrating from an older version
+Refer to the [changelog](https://github.com/maciej-gurban/responsive-bootstrap-toolkit/blob/master/CHANGELOG.md) for a list of changes in each version of the library.
+#### Dependencies:
+* jQuery
+* Bootstrap's responsive utility css classes (included in its standard stylesheet package)

data/app/assets/node_modules/responsive-toolkit/bower.json ADDED Viewed

@@ -0,0 +1,22 @@
+{
+    "name": "responsive-bootstrap-toolkit",
+    "version": "2.6.3",
+    "homepage": "https://github.com/maciej-gurban/responsive-bootstrap-toolkit",
+    "description": "Responsive Bootstrap Toolkit provides an easy way of breakpoint detection in JavaScript, detecting changes in currently active breakpoint, as well as executing any breakpoint-specific JavaScript code. Despite the name, you can use it also with Foundation, or any other framework.",
+    "main": "dist/bootstrap-toolkit.js",
+    "keywords": [
+        "bootstrap",
+        "foundation",
+        "breakpoint detection",
+        "detect screen resolution",
+        "responsive"
+    ],
+    "ignore": [
+        "node_modules",
+        "null"
+    ],
+    "dependencies": {
+        "jquery": ">= 1.9.1"
+    },
+    "license": "MIT"
+}

data/app/assets/node_modules/responsive-toolkit/demos/bootstrap/index.html ADDED Viewed

@@ -0,0 +1,53 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content=="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Responsive Bootstrap Toolkit</title>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
+    <!-- Include Bootstrap's stylesheet -->
+    <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
+    <!-- Include stylesheet of this example -->
+    <link rel="stylesheet" type="text/css" href="style.css" rel="stylesheet"/>
+</head>
+<body>
+    <div class="wrapper">
+        <div class="site-topbar clearfix" data-compact-height="40" data-fullsize-height="60">
+            <h5 class="text-uppercase">Responsive Bootstrap Toolkit</h5>
+            <div class="breakpoint-alias pull-right text-center"></div>
+        </div>
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-xs-12 col-sm-8 col-md-6 col-lg-6 col-sm-push-2 col-md-push-3 col-lg-push-3">
+                    <br/>
+                    <br/>
+                    <p>Boxes below get highlighted whenever current viewport matches their expression. Alias of current breakpoint is visible in the top right corner.</p>
+                    <br/>
+                    <div class="comparison-boxes">
+                        <div class="comparison-operator box-1">
+                            &lt;=sm
+                        </div>
+                        <div class="comparison-operator box-2">
+                            md
+                        </div>
+                        <div class="comparison-operator box-3">
+                            &gt;md
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script src="../../dist/bootstrap-toolkit.min.js"></script>
+    <script src="main.js"></script>
+</body>
+</html>

data/app/assets/node_modules/responsive-toolkit/demos/bootstrap/main.js ADDED Viewed

@@ -0,0 +1,42 @@
+// Your own scripts
+(function($, document, window, viewport){
+    var highlightBox = function( className ) {
+        $(className).addClass('active');
+    }
+    var highlightBoxes = function() {
+        $('.comparison-operator').removeClass('active');
+        if( viewport.is("<=sm") ) {
+            highlightBox('.box-1');
+        }
+        if( viewport.is("md") ) {
+            highlightBox('.box-2');
+        }
+        if( viewport.is(">md") ) {
+            highlightBox('.box-3');
+        }
+    }
+    // Executes once whole document has been loaded
+    $(document).ready(function() {
+        highlightBoxes();
+        console.log('Current breakpoint:', viewport.current());
+    });
+    $(window).resize(
+        viewport.changed(function(){
+            highlightBoxes();
+            console.log('Current breakpoint:', viewport.current());
+        })
+    );
+})(jQuery, document, window, ResponsiveBootstrapToolkit);

data/app/assets/node_modules/responsive-toolkit/demos/bootstrap/style.css ADDED Viewed

@@ -0,0 +1,109 @@
+/**
+ * Nothing below is required for Responsive Bootstrap Toolkit to operate
+ */
+@media (max-width: 767px) {
+  .breakpoint-alias:before {
+    content: "XS";
+  }
+}
+@media (min-width: 768px) and (max-width: 983px) {
+  .breakpoint-alias:before {
+    content: "SM";
+  }
+}
+@media (min-width: 984px) and (max-width: 1199px) {
+  .breakpoint-alias:before {
+    content: "MD";
+  }
+}
+@media (min-width: 1200px) {
+  .breakpoint-alias:before {
+    content: "LG";
+  }
+}
+body {
+  font-family: 'Open Sans', sans-serif;
+}
+@media (max-width: 767px) {
+  h1 {
+    font-size: 20px;
+  }
+}
+@media (min-width: 768px) and (max-width: 983px) {
+  h1 {
+    font-size: 24px;
+  }
+}
+@media (min-width: 984px) and (max-width: 1199px) {
+  h1 {
+    font-size: 24px;
+  }
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 30px;
+  }
+}
+.wrapper {
+  background: white;
+  color: #666666;
+}
+.wrapper .site-topbar {
+  height: 60px;
+  line-height: 60px;
+  vertical-align: middle;
+  background: #414141;
+  color: white;
+  position: relative;
+  vertical-align: middle;
+}
+.wrapper .site-topbar h5 {
+  height: inherit;
+  line-height: inherit;
+  vertical-align: middle;
+  font-weight: 300;
+  margin: 0 60px 0 15px;
+  vertical-align: middle;
+}
+.wrapper .site-topbar .breakpoint-alias {
+  background-color: #238cce;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 60px;
+  margin: auto;
+}
+.comparison-boxes {
+  text-align: justify;
+  font-size: 0.1px;
+}
+.comparison-boxes:after {
+  content: '';
+  display: inline-block;
+  width: 100%;
+}
+.comparison-operator {
+  height: 140px;
+  line-height: 140px;
+  vertical-align: middle;
+  display: inline-block;
+  background: #414141;
+  color: white;
+  font-size: 25px;
+  text-align: center;
+  width: 33%;
+  min-height: 50%;
+}
+.comparison-operator.active {
+  background: #238cce;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}

data/app/assets/node_modules/responsive-toolkit/demos/custom/index.html ADDED Viewed

@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content=="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Responsive Bootstrap Toolkit</title>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" type="text/css" href="style.css" rel="stylesheet"/>
+</head>
+<body>
+    <div style="padding: 50px;">
+        <p>Open main.js file to see the implementation. Fire up Developer Tools to see it in action.</p>
+    </div>
+    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script src="../../dist/bootstrap-toolkit.min.js"></script>
+    <script src="main.js"></script>
+</body>
+</html>

data/app/assets/node_modules/responsive-toolkit/demos/custom/main.js ADDED Viewed

@@ -0,0 +1,36 @@
+// Your own scripts
+(function($, document, window, viewport){
+    var visibilityDivs = {
+        'alias-1': $('<div class="device-alias-1 visible-custom-1"></div>'),
+        'alias-2': $('<div class="device-alias-2 visible-custom-2"></div>'),
+        'alias-3': $('<div class="device-alias-3 visible-custom-3"></div>')
+    };
+    viewport.use('Custom', visibilityDivs);
+    if( viewport.is('alias-1') ) {
+        console.log('Matching: alias-1');
+    }
+    if( viewport.is('>=alias-2') ) {
+        console.log('Matching: >=alias-2');
+    }
+    // Executes once whole document has been loaded
+    $(document).ready(function() {
+        console.log('Current breakpoint:', viewport.current());
+    });
+    $(window).resize(
+        viewport.changed(function(){
+            console.log('Current breakpoint:', viewport.current());
+        })
+    );
+})(jQuery, document, window, ResponsiveBootstrapToolkit);

data/app/assets/node_modules/responsive-toolkit/demos/custom/style.css ADDED Viewed

@@ -0,0 +1,19 @@
+body {
+    font-family: 'Open Sans', sans-serif;
+}
+@media (max-width: 480px) {
+    .visible-custom-1 { display: block; }
+    .visible-custom-2 { display: none;  }
+    .visible-custom-3 { display: none;  }
+}
+@media (min-width: 481px) and (max-width: 799px) {
+    .visible-custom-1 { display: none;  }
+    .visible-custom-2 { display: block; }
+    .visible-custom-3 { display: none;  }
+}
+@media (min-width: 800px) {
+    .visible-custom-1 { display: none;  }
+    .visible-custom-2 { display: none;  }
+    .visible-custom-3 { display: block; }
+}

data/app/assets/node_modules/responsive-toolkit/demos/foundation/index.html ADDED Viewed

@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content=="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Responsive Bootstrap Toolkit</title>
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
+    <!-- Include Foundation's stylesheet -->
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css"/>
+    <link rel="stylesheet" type="text/css" href="style.css" rel="stylesheet"/>
+</head>
+<body>
+    <div style="padding: 50px;">
+        <p>Open main.js file to see the implementation. Fire up Developer Tools to see it in action.</p>
+    </div>
+    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <script src="../../dist/bootstrap-toolkit.min.js"></script>
+    <script src="main.js"></script>
+</body>
+</html>

data/app/assets/node_modules/responsive-toolkit/demos/foundation/main.js ADDED Viewed

@@ -0,0 +1,28 @@
+// Your own scripts
+(function($, document, window, viewport){
+    viewport.use('Foundation');
+    if( viewport.is('small') ) {
+        console.log('Matching: small');
+    }
+    if( viewport.is('>=medium') ) {
+        console.log('Matching: >=medium');
+    }
+    // Executes once whole document has been loaded
+    $(document).ready(function() {
+        console.log('Current breakpoint:', viewport.current());
+    });
+    $(window).resize(
+        viewport.changed(function(){
+            console.log('Current breakpoint:', viewport.current());
+        })
+    );
+})(jQuery, document, window, ResponsiveBootstrapToolkit);

data/app/assets/node_modules/responsive-toolkit/demos/foundation/style.css ADDED Viewed

@@ -0,0 +1,3 @@
+body {
+    font-family: 'Open Sans', sans-serif;
+}

data/app/assets/node_modules/responsive-toolkit/dist/bootstrap-toolkit-1.5.0.js ADDED Viewed

@@ -0,0 +1,49 @@
+/*!
+ * Responsive Bootstrap Toolkit
+ * Author:    Maciej Gurban
+ * License:   MIT
+ * Version:   1.5.0 (2014-06-05)
+ * Origin:    https://github.com/maciej-gurban/responsive-bootstrap-toolkit
+ */
+;var ResponsiveBootstrapToolkit = (function($){
+  // Methods and properties
+  var self = {
+    // Used by animations and timeouts
+    clock: {
+      'express': 150,
+      'fast':    300,
+      'medium':  450,
+      'slow':    600
+    },
+    // Used to calculate intevals between consecutive function executions
+    timeString: new Date(),
+    // Return true if current breakpoint matches passed alias
+    isBreakpoint: function( alias ) {
+      return $('.device-' + alias).is(':visible');
+    },
+    /*
+     * Waits specified number of miliseconds before executing a function
+     * Source: http://stackoverflow.com/a/4541963/2066118
+     */
+    waitForFinalEvent: function() {
+      var timers = {};
+      return function (callback, ms, uID) {
+        //
+        var uID = (!uID) ? "I'm a banana!" : null;
+        if (timers[uID]) {
+          clearTimeout(timers[uID]);
+        }
+        timers[uID] = setTimeout(callback, ms);
+      };
+    }()
+}
+return self;
+})(jQuery);

data/app/assets/node_modules/responsive-toolkit/dist/bootstrap-toolkit-1.5.0.min.js ADDED Viewed

@@ -0,0 +1,8 @@
+/*!
+ * Responsive Bootstrap Toolkit
+ * Author:    Maciej Gurban
+ * License:   MIT
+ * Version:   1.5.0 (2014-06-05)
+ * Origin:    https://github.com/maciej-gurban/responsive-bootstrap-toolkit
+ */
+;var ResponsiveBootstrapToolkit=function(c){return{clock:{express:150,fast:300,medium:450,slow:600},timeString:new Date,isBreakpoint:function(a){return c(".device-"+a).is(":visible")},waitForFinalEvent:function(){var a={};return function(c,d,b){b=b?null:"I'm a banana!";a[b]&&clearTimeout(a[b]);a[b]=setTimeout(c,d)}}()}}(jQuery);