RubyGems - patternfly-sass - Versions diffs - 3.23.2 → 3.31.1 - Mend

patternfly-sass 3.23.2 → 3.31.1

Files changed (369) hide show

data/spec/html/bootstrap-switch.js DELETED Viewed

@@ -1,61 +0,0 @@
-(function() {
-  var $confirm;
-  $confirm = null;
-  $(function() {
-    var $createDestroy, $window, sectionTop;
-    $window = $(window);
-    sectionTop = $(".top").outerHeight() + 20;
-    $createDestroy = $("#switch-create-destroy");
-    // hljs.initHighlightingOnLoad();
-    $("a[href*=\"#\"]").on("click", function(event) {
-      var $target;
-      event.preventDefault();
-      $target = $($(this).attr("href").slice("#"));
-      if ($target.length) {
-        return $window.scrollTop($target.offset().top - sectionTop);
-      }
-    });
-    $("input[type=\"checkbox\"], input[type=\"radio\"]").not("[data-switch-no-init]").bootstrapSwitch();
-    $("[data-switch-get]").on("click", function() {
-      var type;
-      type = $(this).data("switch-get");
-      return alert($("#switch-" + type).bootstrapSwitch(type));
-    });
-    $("[data-switch-set]").on("click", function() {
-      var type;
-      type = $(this).data("switch-set");
-      return $("#switch-" + type).bootstrapSwitch(type, $(this).data("switch-value"));
-    });
-    $("[data-switch-toggle]").on("click", function() {
-      var type;
-      type = $(this).data("switch-toggle");
-      return $("#switch-" + type).bootstrapSwitch("toggle" + type.charAt(0).toUpperCase() + type.slice(1));
-    });
-    $("[data-switch-set-value]").on("input", function(event) {
-      var type, value;
-      event.preventDefault();
-      type = $(this).data("switch-set-value");
-      value = $.trim($(this).val());
-      if ($(this).data("value") === value) {
-        return;
-      }
-      return $("#switch-" + type).bootstrapSwitch(type, value);
-    });
-    $("[data-switch-create-destroy]").on("click", function() {
-      var isSwitch;
-      isSwitch = $createDestroy.data("bootstrap-switch");
-      $createDestroy.bootstrapSwitch((isSwitch ? "destroy" : null));
-      return $(this).button((isSwitch ? "reset" : "destroy"));
-    });
-    return $confirm = $("#confirm").bootstrapSwitch({
-      size: "large",
-      onSwitchChange: function(event, state) {
-        event.preventDefault();
-        return console.log(state, event.isDefaultPrevented());
-      }
-    });
-  });
-}).call(this);

data/spec/html/bootstrap-touchspin.html DELETED Viewed

@@ -1,210 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
-<!--[if gt IE 9]><!-->
-<html lang="en-us">
-<!--<![endif]-->
-  <head>
-    <title>Bootstrap Touchspin - PatternFly</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="../../dist/img/favicon.ico">
-    <!-- iPad retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
-    <!-- iPad retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
-    <!-- iPad non-retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
-    <!-- iPad non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
-    <!-- iPhone 6 Plus icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
-    <!-- iPhone retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
-    <!-- iPhone non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
-    <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
-    <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
-      <link href="tests.css" rel="stylesheet" media="screen, print">
-    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
-    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="//rawgit.com/istvan-ujjmeszaros/bootstrap-touchspin/3.1.1/dist/jquery.bootstrap-touchspin.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <body>
-    <div class="container">
-      <div class="page-header">
-        <h1>Bootstrap Touchspin</h1>
-      </div>
-      <div class="alert alert-warning">
-        <span class="pficon pficon-warning-triangle-o"></span>
-        These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://www.virtuosoft.eu/code/bootstrap-touchspin/">http://www.virtuosoft.eu/code/bootstrap-touchspin/</a>.
-      </div>
-      <hr>
-      <h2>Example with postfix</h2>
-      <input id="demo1" type="text" value="55" name="demo1">
-      <script>
-        $("input[name='demo1']").TouchSpin({
-          min: 0,
-          max: 100,
-          step: 0.1,
-          decimals: 2,
-          boostat: 5,
-          maxboostedstep: 10,
-          postfix: '%'
-        });
-      </script>
-      <h2>With prefix</h2>
-      <form class="form-horizontal" role="form">
-        <div class="form-group">
-          <label for="demo2" class="col-md-3 control-label">Example:</label>
-          <div class="col-md-9">
-            <input id="demo2" type="text" value="0" name="demo2" class="col-md-8 form-control">
-          </div>
-        </div>
-      </form>
-      <script>
-        $("input[name='demo2']").TouchSpin({
-          min: -1000000000,
-          max: 1000000000,
-          stepinterval: 50,
-          maxboostedstep: 10000000,
-          prefix: '$'
-        });
-      </script>
-      <h2>Vertical button alignment</h2>
-      <input id="demo_vertical" type="text" value="" name="demo_vertical">
-      <script>
-        $("input[name='demo_vertical']").TouchSpin({
-          verticalbuttons: true
-        });
-      </script>
-      <h2>Vertical buttons with custom icons</h2>
-      <input id="demo_vertical2" type="text" value="" name="demo_vertical2">
-      <script>
-        $("input[name='demo_vertical2']").TouchSpin({
-          verticalbuttons: true,
-          verticalupclass: 'glyphicon glyphicon-plus',
-          verticaldownclass: 'glyphicon glyphicon-minus'
-        });
-      </script>
-      <h2>Init with empty value</h2>
-      <input id="demo3" type="text" value="" name="demo3">
-      <script>
-        $("input[name='demo3']").TouchSpin();
-      </script>
-      <h2>Value attribute is not set <small>(applying settings.initval)</small></h2>
-      <input id="demo3_21" type="text" value="" name="demo3_21">
-      <script>
-        $("input[name='demo3_21']").TouchSpin({
-          initval: 40
-        });
-      </script>
-      <h2>Value is set explicitly to 33 <small>(skipping settings.initval)</small></h2>
-      <input id="demo3_22" type="text" value="33" name="demo3_22">
-      <script>
-        $("input[name='demo3_22']").TouchSpin({
-          initval: 40
-        });
-      </script>
-      <h2>Button postfix (small)</h2>
-      <input id="demo4" type="text" value="" name="demo4" class="input-sm">
-      <script>
-        $("input[name='demo4']").TouchSpin({
-          postfix: "a button",
-          postfix_extraclass: "btn btn-default"
-        });
-      </script>
-      <h2>Button postfix (large)</h2>
-      <div class="input-group input-group-lg">
-        <input id="demo4_2" type="text" value="" name="demo4_2" class="form-control input-lg">
-      </div>
-      <script>
-        $("input[name='demo4_2']").TouchSpin({
-          postfix: "a button",
-          postfix_extraclass: "btn btn-default"
-        });
-      </script>
-      <h2>Button group</h2>
-      <div class="input-group">
-        <input id="demo5" type="text" class="form-control" name="demo5" value="50">
-        <div class="input-group-btn">
-          <button type="button" class="btn btn-default">Action</button>
-          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
-            <span class="caret"></span>
-            <span class="sr-only">Toggle Dropdown</span>
-          </button>
-          <ul class="dropdown-menu pull-right" role="menu">
-            <li><a href="#">Action</a></li>
-            <li><a href="#">Another action</a></li>
-            <li><a href="#">Something else here</a></li>
-            <li class="divider"></li>
-            <li><a href="#">Separated link</a></li>
-          </ul>
-        </div>
-      </div>
-      <script>
-        $("input[name='demo5']").TouchSpin({
-          prefix: "pre",
-          postfix: "post"
-        });
-      </script>
-      <h2>Change button class</h2>
-      <input id="demo6" type="text" value="50" name="demo6">
-      <script>
-        $("input[name='demo6']").TouchSpin({
-          buttondown_class: "btn btn-link",
-          buttonup_class: "btn btn-link"
-        });
-      </script>
-      <h2>Event demo</h2>
-      <div class="row">
-        <div class="col-md-3">
-          <input id="demo7" type="text" value="50" name="demo7">
-        </div>
-        <div class="col-md-9">
-          <pre id="demo7textarea" style="height:200px;overflow:auto;"></pre>
-        </div>
-        <script>
-          var i = $("input[name='demo7']"),
-            demoarea = $("#demo7textarea"),
-            text = "";
-          function writeLine(line) {
-            text += line + "\n";
-            demoarea.text(text);
-            demoarea.scrollTop(
-              demoarea[0].scrollHeight - demoarea.height()
-            );
-          }
-          i.TouchSpin({});
-          i.on("touchspin.on.startspin", function() {
-            writeLine("touchspin.on.startspin");
-          });
-          i.on("touchspin.on.startupspin", function() {
-            writeLine("touchspin.on.startupspin");
-          });
-          i.on("touchspin.on.startdownspin", function() {
-            writeLine("touchspin.on.startdownspin");
-          });
-          i.on("touchspin.on.stopspin", function() {
-            writeLine("touchspin.on.stopspin");
-          });
-          i.on("touchspin.on.stopupspin", function() {
-            writeLine("touchspin.on.stopupspin");
-          });
-          i.on("touchspin.on.stopdownspin", function() {
-            writeLine("touchspin.on.stopdownspin");
-          });
-          i.on("touchspin.on.min", function() {
-            writeLine("touchspin.on.min");
-          });
-          i.on("touchspin.on.max", function() {
-            writeLine("touchspin.on.max");
-          });
-        </script>
-      </div>
-    </div><!-- /container -->
-  </body>
-</html>

data/spec/html/bootstrap-treeview-2.html DELETED Viewed

@@ -1,296 +0,0 @@
-<!DOCTYPE html>
-<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
-<!--[if gt IE 9]><!-->
-<html lang="en-us">
-<!--<![endif]-->
-  <head>
-    <title>Tree View - PatternFly</title>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="../../dist/img/favicon.ico">
-    <!-- iPad retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
-    <!-- iPad retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
-    <!-- iPad non-retina icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
-    <!-- iPad non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
-    <!-- iPhone 6 Plus icon -->
-    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
-    <!-- iPhone retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
-    <!-- iPhone non-retina icon (iOS < 7) -->
-    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
-    <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
-    <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
-      <link href="tests.css" rel="stylesheet" media="screen, print">
-    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
-    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
-    <script src="//rawgit.com/patternfly/patternfly-bootstrap-treeview/v2.1.0/dist/bootstrap-treeview.min.js"></script>
-    <script src="./../../dist/js/patternfly.min.js"></script>
-  </head>
-  <div class="toast-notifications-list-pf">
-    <div class="toast-pf alert alert-warning alert-dismissable">
-      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
-        <span class="pficon pficon-close"></span>
-      </button>
-      <span class="pficon pficon-warning-triangle-o"></span>
-      These examples are included for development testing purposes.  For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
-    </div>
-  </div>
-  <body>
-    <nav class="navbar navbar-default navbar-pf" role="navigation">
-      <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
-          <span class="sr-only">Toggle navigation</span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-          <span class="icon-bar"></span>
-        </button>
-        <a class="navbar-brand" href="/">
-          <img src="./../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
-        </a>
-      </div>
-      <div class="collapse navbar-collapse navbar-collapse-1">
-        <ul class="nav navbar-nav navbar-utility">
-          <li>
-            <a href="#">Status</a>
-          </li>
-          <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-              <span class="pficon pficon-user"></span>
-              Brian Johnson <b class="caret"></b>
-            </a>
-            <ul class="dropdown-menu">
-              <li>
-                <a href="#">Link</a>
-              </li>
-              <li>
-                <a href="#">Another link</a>
-              </li>
-              <li>
-                <a href="#">Something else here</a>
-              </li>
-              <li class="divider"></li>
-              <li class="dropdown-submenu">
-                <a tabindex="-1" href="#">More options</a>
-                <ul class="dropdown-menu">
-                  <li>
-                    <a href="#">Link</a>
-                  </li>
-                  <li>
-                    <a href="#">Another link</a>
-                  </li>
-                  <li>
-                    <a href="#">Something else here</a>
-                  </li>
-                  <li class="divider"></li>
-                  <li class="dropdown-header">Nav header</li>
-                  <li>
-                    <a href="#">Separated link</a>
-                  </li>
-                  <li class="divider"></li>
-                  <li>
-                    <a href="#">One more separated link</a>
-                  </li>
-                </ul>
-              </li>
-              <li class="divider"></li>
-              <li>
-                <a href="#">One more separated link</a>
-              </li>
-            </ul>
-          </li>
-        </ul>
-        <ul class="nav navbar-nav navbar-primary">
-          <li>
-            <a href="basic.html">Basic</a>
-          </li>
-          <li class="active">
-            <a href="bootstrap-treeview-2.html" class="active">Tree View</a>
-          </li>
-          <li>
-            <a href="dashboard.html">Dashboard</a>
-          </li>
-          <li>
-            <a href="form.html">Form</a>
-          </li>
-          <li>
-            <a href="tab.html">Tab</a>
-          </li>
-          <li>
-            <a href="typography-2.html">Typography</a>
-          </li>
-          <li>
-            <a href="card-view-multi-select.html">Card View - Multi Select</a>
-          </li>
-          <li>
-            <a href="card-view-single-select.html">Card View - Single Select</a>
-          </li>
-          <li>
-            <a href="cards.html">Cards</a>
-          </li>
-          <li>
-            <a href="pagination-card-view.html">Pagination - Card View</a>
-          </li>
-        </ul>
-      </div>
-    </nav>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
-          <ol class="breadcrumb">
-            <li><a href="#">Home</a></li>
-            <li>Tree View</li>
-          </ol>
-          <h1>Tree View</h1>
-<form class="form-horizontal">
-  <div class="form-group">
-    <label class="col-md-2 control-label" for="textInput">Praesent urna</label>
-    <div class="col-md-6">
-      <input type="text" id="textInput" class="form-control">
-    </div>
-  </div>
-  <div class="form-group">
-    <label class="col-md-2 control-label" for="textInput2">Augue</label>
-    <div class="col-md-6">
-      <input type="text" id="textInput2" class="form-control">
-    </div>
-  </div>
-  <div class="form-group">
-    <label class="col-md-2 control-label" for="textInput3">Pharetra vel</label>
-    <div class="col-md-6">
-      <input type="text" id="textInput3" class="form-control">
-    </div>
-  </div>
-  <div class="form-group">
-    <label class="col-md-2 control-label" for="textInput4">Arcu ac</label>
-    <div class="col-md-6">
-      <input type="text" id="textInput4" class="form-control">
-    </div>
-  </div>
-  <div class="form-group">
-    <label class="col-md-2 control-label">Posuere</label>
-    <div class="col-md-6">
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
-          Proin lobortis auctor tortor et posuere
-        </label>
-      </div>
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
-          Duis eu ipsum metus
-        </label>
-      </div>
-    </div>
-  </div>
-  <div class="form-group">
-    <label class="col-md-2 control-label" for="boostrapSelect">Vestibulum</label>
-    <div class="col-md-10">
-      <select class="selectpicker" multiple data-selected-text-format="count>3" id="boostrapSelect">
-        <option>Mustard</option>
-        <option>Ketchup</option>
-        <option>Relish</option>
-        <option>Onions</option>
-        <option>Mushrooms</option>
-        <option>Pickles</option>
-        <option>Mayonnaise</option>
-        <option data-divider="true"></option>
-        <option data-subtext="Hot">Tabasco</option>
-        <option data-subtext="Hotter">Sriracha</option>
-        <option data-subtext="Hottest">Wasabi</option>
-      </select>
-    </div>
-  </div>
-  <div class="form-group">
-    <div class="col-md-10 col-md-offset-2">
-      <button type="button" class="btn btn-primary">Save</button>
-      <button type="button" class="btn btn-default">Cancel</button>
-    </div>
-  </div>
-</form>
-        </div><!-- /col -->
-        <div class="col-sm-3 col-md-2 col-sm-pull-9 col-md-pull-10 sidebar-pf sidebar-pf-left">
-          <div id="treeview1"></div>
-        </div><!-- /col -->
-      </div><!-- /row -->
-    </div><!-- /container -->
-    <script>
-      // Intialize Boostrap-Treeview
-      $(function() {
-        var defaultData = [
-          {
-            text: 'Parent 1',
-            href: '#parent1',
-            tags: ['4'],
-            nodes: [
-              {
-                text: 'Child 1',
-                href: '#child1',
-                icon: 'fa fa-file-o',
-                tags: ['2'],
-                nodes: [
-                  {
-                    text: 'Grandchild 1',
-                    href: '#grandchild1',
-                    icon: 'fa fa-file-o',
-                    tags: ['0']
-                  },
-                  {
-                    text: 'Grandchild 2',
-                    href: '#grandchild2',
-                    icon: 'fa fa-file-o',
-                    tags: ['0']
-                  }
-                ]
-              },
-              {
-                text: 'Child 2',
-                href: '#child2',
-                icon: 'fa fa-file-o',
-                tags: ['0']
-              }
-            ]
-          },
-          {
-            text: 'Parent 2',
-            href: '#parent2',
-            tags: ['0']
-          },
-          {
-            text: 'Parent 3',
-            href: '#parent3',
-             tags: ['0']
-          },
-          {
-            text: 'Parent 4',
-            href: '#parent4',
-            tags: ['0']
-          },
-          {
-            text: 'Parent 5',
-            href: '#parent5'  ,
-            tags: ['0']
-          }
-        ];
-        $('#treeview1').treeview({
-          collapseIcon: "fa fa-angle-down",
-          data: defaultData,
-          expandIcon: "fa fa-angle-right",
-          nodeIcon: "fa fa-folder",
-          showBorder: false
-        });
-        // set selected menu item
-        $('.list-group-item[data-nodeid="3"]').addClass('node-selected');
-      });
-    </script>
-  </body>
-</html>