patternfly-sass 2.1.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 99614e4e02f728a56c22849f649afacec4d02cd7
-  data.tar.gz: 048beb48cdf8a75e7fd9c855f27eb4cb4ce97592
+  metadata.gz: 0e4b72a00b7208e692a9e3953cc32fbbbde8a15b
+  data.tar.gz: 54834877b38b7d297c37fb47a0e4eb97b7096469
 SHA512:
-  metadata.gz: 73c3e2ca77c40e787b21cf3dc4ce0210929ae3a92cdac1b040eba1d0866cb03e8d417edf6683f4dbaff05873c47954ef7b6fa2b2d79e565fca3cd0c4f9916058
-  data.tar.gz: e8a0c4de5f6b8185a0d8685d8beb8f7fcc6827eabfb7d4f8cba70b6ab5d851d5dcd7f290d0c4dae78fe7a4456d316d87238c29d297cf7468a03c3e83ef0aa911
+  metadata.gz: 7fdb717d9f373174c10a58bf139d5dcd5020fb1a9504263a75365d112f6f552bd56a01f49aeda4494c0429d7c759f74b84aa85684e64ebf2a9fd9b80c78c97fb
+  data.tar.gz: 24d6708a025dca82d5d110a507005f8d6a1b25b6763c14f2c9e4ab2b04341574902f117d6a1f1d0e7a4655607fdccd8eb4a643981c2264117bfd342e85f82bba

data/README.md

@@ -19,7 +19,7 @@ Please see the appropriate guide for your environment of choice:
 In your Gemfile you need to add the `patternfly-sass` gem, and ensure that the `sass-rails` gem is present - it is added to new Rails applications by default.
 
 ```ruby
-gem 'patternfly-sass', '~> 1.3.1'
+gem 'patternfly-sass', '~> 2.2.0'
 gem 'sass-rails', '>= 3.2'
 ```
 

data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg

@@ -12,8 +12,8 @@
 	"license": "Apache 2.0",
 	"licenseURL": "http://www.apache.org/licenses/LICENSE-2.0.html",
 	"majorVersion": 2,
-	"minorVersion": 0,
-	"version": "Version 2.0",
+	"minorVersion": 2,
+	"version": "Version 2.2",
 	"fontId": "PatternFlyIcons-webfont",
 	"psName": "PatternFlyIcons-webfont",
 	"subFamily": "Regular",
@@ -36,6 +36,8 @@
 <glyph unicode="&#xe605;" glyph-name="help" data-tags="help" d="M512.059-73.143c-282.338 0-512.059 229.673-512.059 512.025 0 282.235 229.721 511.975 512.059 511.975 282.281 0 511.941-229.735 511.941-511.975 0.005-282.352-229.659-512.025-511.941-512.025zM512.059 826.523c-213.826 0-387.728-173.856-387.728-387.643 0-213.89 173.904-387.694 387.728-387.694 213.717 0 387.671 173.803 387.671 387.694 0.005 213.785-173.957 387.643-387.671 387.643zM585.143 164.571v109.714c0 4.951-1.808 9.237-5.429 12.857s-7.906 5.429-12.857 5.429h-109.714c-4.953 0-9.239-1.808-12.857-5.429s-5.429-7.906-5.429-12.857v-109.714c0-4.951 1.81-9.237 5.429-12.857s7.904-5.429 12.857-5.429h109.714c4.951 0 9.237 1.808 12.857 5.429s5.429 7.906 5.429 12.857zM521.616 365.714c118.343 0 214.286 88.965 214.286 187.429s-95.943 178.286-214.286 178.286c-173.045 0-208.091-93.714-213.963-171.113 0-7.936 6.729-9.838 15.872-9.838s108.073 0 113.143 0c6.096 0 14.475 0.633 17.554 10.571 0 48.857 135.968 54.953 135.968-7.904 0-31.506-29.717-63.817-68.571-66.194s-82.286-7.607-82.286-54.199c0-13.022 0-25.673 0-44.693 0-19.015 9.717-22.343 27.431-22.343s54.853-0.002 54.853-0.002z" />
 <glyph unicode="&#xe606;" glyph-name="folder-open" data-tags="folder-open" horiz-adv-x="1243" d="M1226.126 430.391c-11.538 5.641-24.709 8.466-39.511 8.466h-783.362c-121.691 0-172.409-79.465-172.409-79.465l-157.701-213.106 72.912 253.2c11.755 31.506 36.455 58.219 74.101 80.146 37.641 21.927 76.905 32.366 117.778 32.366h759.625v146.286c0 0-0.418 73.611-73.561 73.611-83.591 0-512 0-512 0l-51.826 81.083c0 0-30.041 64.734-94.041 64.734-73.143 0-243.257 0-292.571 0-83.591 0-73.143-73.143-73.143-73.143v-804.571h841.797c28.734 0 59.973 7.705 93.714 23.122 33.742 15.413 59.973 34.197 78.695 56.341l208.565 279.929c13.495 15.2 20.242 29.529 20.242 42.99 0 13.029-5.767 22.366-17.303 28.011v0z" />
 <glyph unicode="&#xe607;" glyph-name="folder-close" data-tags="folder-close" horiz-adv-x="1097" d="M1097.563 0v658.286c0 0-0.421 73.611-73.563 73.611-83.591 0-512 0-512 0l-51.826 81.083c0 0-30.043 64.734-94.043 64.734-73.143 0-243.257 0-292.571 0-83.591 0-73.143-73.143-73.143-73.143v-804.571h1097.147z" />
+<glyph unicode="&#xe608;" glyph-name="topology" data-tags="topology" d="M512 613.655c96.384 0 174.798-78.414 174.798-174.798s-78.414-174.798-174.798-174.798c-96.382 0-174.798 78.414-174.798 174.798s78.416 174.798 174.798 174.798zM512 693.714c-140.754 0-254.857-114.103-254.857-254.857 0-140.75 114.103-254.857 254.857-254.857 140.75 0 254.857 114.107 254.857 254.857 0 140.754-114.107 254.857-254.857 254.857v0zM914.286 900.571c32.768 0 59.429-26.661 59.429-59.429s-26.661-59.429-59.429-59.429-59.429 26.661-59.429 59.429 26.661 59.429 59.429 59.429zM914.286 950.857c-60.592 0-109.714-49.122-109.714-109.714s49.122-109.714 109.714-109.714c60.594 0 109.714 49.122 109.714 109.714s-49.12 109.714-109.714 109.714v0zM475.429 96c32.768 0 59.429-26.661 59.429-59.429s-26.661-59.429-59.429-59.429-59.429 26.661-59.429 59.429 26.661 59.429 59.429 59.429zM475.429 146.286c-60.592 0-109.714-49.12-109.714-109.714 0-60.592 49.122-109.714 109.714-109.714 60.594 0 109.714 49.122 109.714 109.714 0 60.594-49.12 109.714-109.714 109.714v0zM1024 165.714c0-49.863-40.422-90.286-90.286-90.286s-90.286 40.422-90.286 90.286c0 49.863 40.422 90.286 90.286 90.286s90.286-40.422 90.286-90.286zM331.429 860.571c0-49.863-40.422-90.286-90.286-90.286s-90.286 40.422-90.286 90.286c0 49.863 40.422 90.286 90.286 90.286s90.286-40.422 90.286-90.286zM180.571 275.428c0-49.863-40.422-90.286-90.286-90.286s-90.286 40.422-90.286 90.286c0 49.863 40.422 90.286 90.286 90.286s90.286-40.422 90.286-90.286zM462.441 251.287l72.857-5.417-14.478-136.93-72.857 5.415zM670.143 536.036l-53.078 50.321 218.962 230.96 53.078-50.321-218.962-230.96zM400.647 650.318c11.239-19.639 6.149-43.881-11.31-53.87-17.458-9.991-40.935-2.091-52.174 17.547l-46.846 81.872c-11.239 19.641-6.146 43.883 11.31 53.872 17.458 9.989 40.935 2.091 52.176-17.547l46.843-81.874zM294.19 402.24c19.531 8.478 41.255 0.158 48.27-18.487 7.017-18.651-3.221-40.843-22.754-49.326l-78.711-34.174c-19.531-8.478-41.255-0.155-48.27 18.491s3.221 40.843 22.754 49.321l78.711 34.174zM679.275 303.614c-18.37 12.523-24.523 36.475-13.673 53.227 10.846 16.752 34.757 20.215 53.125 7.689l98.731-67.296c18.373-12.523 24.528-36.475 13.678-53.23-10.848-16.752-34.759-20.215-53.125-7.691l-98.736 67.301z" />
+<glyph unicode="&#xe609;" glyph-name="thumb-tack-o" data-tags="thumb-tack-o" d="M708.446 478.756v314.313c42.974 0 78.576 35.607 78.576 78.578 0 42.974-35.602 78.578-78.576 78.578h-392.894c-42.971 0-78.576-35.605-78.576-78.578s35.605-78.578 78.576-78.578v-314.313c-81.033 0-157.157-95.767-157.157-196.448 0-21.483 17.803-39.287 39.289-39.287h248.014l46.656-297.739c1.842-9.822 9.822-16.576 19.643-16.576h0.613c9.822 0 17.803 7.979 19.035 17.806l31.303 296.51h263.362c21.486 0 39.289 17.803 39.289 39.287 0.002 100.681-76.119 196.448-157.154 196.448zM245.659 323.479c5.255 16.137 13.39 31.561 23.808 44.608 14.651 18.352 32.738 30.208 46.087 30.208h80.462v471.474h231.977v-471.474h80.455c13.349 0 31.442-11.856 46.085-30.208 10.421-13.047 18.553-28.471 23.808-44.608h-532.681z" />
 <glyph unicode="&#xe60a;" glyph-name="edit" data-tags="edit" d="M219.554 0l73.294 73.143-146.583 146.286-73.070-73.143v-73.143h73.090v-73.438l73.269 0.295zM806.176 512l-586.747-585.143h-219.429v219.429l586.585 585.143 219.591-219.429zM1024 762.937c0-19.056-6.656-35.237-19.968-48.537l-146.578-150.455-218.686 218.505 148.576 147.915c12.955 13.662 29.147 20.494 48.578 20.494 19.074 0 35.445-6.832 49.115-20.494l118.994-118.352c13.312-14.023 19.968-30.384 19.968-49.077v0z" />
 <glyph unicode="&#xe60b;" glyph-name="close" data-tags="close" horiz-adv-x="731" d="M96.464 804.571c-4.816-0.064-9.12-1.963-12.912-5.733l-77.815-77.815c-3.769-3.794-5.669-8.096-5.735-12.91-0.032-4.839 1.815-9.113 5.543-12.823l616.603-616.606c3.71-3.714 7.986-5.577 12.823-5.541 4.834 0.039 9.138 1.957 12.91 5.73l77.817 77.819c3.769 3.769 5.691 8.066 5.73 12.912 0.037 4.839-1.829 9.106-5.538 12.825l-616.606 616.599c-3.717 3.73-7.986 5.575-12.821 5.541zM622.144 799.031l-616.603-616.601c-3.726-3.717-5.577-7.989-5.536-12.827 0.059-4.843 1.959-9.143 5.728-12.914l77.817-77.817c3.792-3.774 8.096-5.691 12.91-5.728 4.837-0.039 9.106 1.824 12.821 5.536l616.599 616.608c3.717 3.712 5.579 7.989 5.543 12.823-0.041 4.814-1.959 9.118-5.728 12.91l-77.824 77.808c-3.767 3.778-8.073 5.678-12.907 5.744-4.834 0.034-9.104-1.815-12.818-5.541z" />
 <glyph unicode="&#xe60e;" glyph-name="user" data-tags="user, profile, avatar, person, talk, member" d="M630.67 228.030c-23.673 3.769-24.523 61.458-24.215 68.869 18.514 7.41 69.568 68.871 84.729 161.477 40.786 0 92.258 128.809 25.189 128.809 1.701 36.469 52.425 290.53-204.373 290.53s-206.073-252.994-204.375-289.461c-70.281 0-15.598-129.881 25.189-129.881 15.161-92.606 63.006-154.064 84.729-161.477-2.448-7.579-0.539-65.099-24.215-68.869-76.263-12.133-356.757-163.435-356.757-301.17h950.857c0 137.735-280.496 289.038-356.759 301.173v0z" />

data/assets/javascripts/patternfly.js

@@ -212,3 +212,123 @@
     });
   }
 }(jQuery));
+
+// Util: PatternFly Collapsible Left Hand Navigation
+// Must have navbar-toggle in navbar-pf-alt for expand/collapse
+(function ($) {
+
+  'use strict';
+
+  $.fn.navigation = function () {
+
+    var navElement = $('.layout-pf-alt-fixed .nav-pf-vertical-alt'),
+      bodyContentElement = $('.container-pf-alt-nav-pf-vertical-alt'),
+      toggleNavBarButton = $('.navbar-toggle'),
+      explicitCollapse = false,
+      breakpoints = {
+        'tablet': 768,
+        'desktop': 1024
+      },
+      checkNavState = function () {
+        var width = $(window).width();
+
+        //Always remove the hidden & peek class
+        navElement.removeClass('hidden show-mobile-nav collapsed');
+
+        //Set the body class back to the default 
+        bodyContentElement.removeClass('collapsed-nav hidden-nav');
+
+        // Check to see if the nav needs to collapse
+        if (width < breakpoints.desktop || explicitCollapse) {
+          navElement.addClass('collapsed');
+          bodyContentElement.addClass('collapsed-nav');
+        }
+
+        // Check to see if we need to move down to the mobile state
+        if (width < breakpoints.tablet) {
+          //Set the nav to being hidden
+          navElement.addClass('hidden');
+
+          //Make sure this is expanded
+          navElement.removeClass('collapsed');
+
+          //Set the body class to the correct state
+          bodyContentElement.removeClass('collapsed-nav');
+          bodyContentElement.addClass('hidden-nav');
+        }
+      },
+      collapseMenu = function () {
+        //Make sure this is expanded
+        navElement.addClass('collapsed');
+        //Set the body class to the correct state
+        bodyContentElement.addClass('collapsed-nav');
+
+        explicitCollapse = true;
+      },
+      enableTransitions = function () {
+        // enable transitions only when toggleNavBarButton is clicked or window is resized
+        $('html').addClass('transitions');
+      },
+      expandMenu = function () {
+        //Make sure this is expanded
+        navElement.removeClass('collapsed');
+        //Set the body class to the correct state
+        bodyContentElement.removeClass('collapsed-nav');
+
+        explicitCollapse = false;
+      },
+      bindMenuBehavior = function () {
+        toggleNavBarButton.on('click', function (e) {
+          enableTransitions();
+          var inMobileState = bodyContentElement.hasClass('hidden-nav');
+
+          if (inMobileState && navElement.hasClass('show-mobile-nav')) {
+            //In mobile state just need to hide the nav
+            navElement.removeClass('show-mobile-nav');
+          } else if (inMobileState) {
+            navElement.addClass('show-mobile-nav');
+          } else if (navElement.hasClass('collapsed')) {
+            expandMenu();
+          } else {
+            collapseMenu();
+          }
+        });
+      },
+      setTooltips = function () {
+        $('.nav-pf-vertical-alt [data-toggle="tooltip"]').tooltip({'container': 'body', 'delay': { 'show': '500', 'hide': '200' }});
+
+        $(".nav-pf-vertical-alt").on("show.bs.tooltip", function (e) {
+          if (!$(this).hasClass("collapsed")) {
+            return false;
+          }
+        });
+
+      },
+      init = function () {
+        //Set correct state on load
+        checkNavState();
+
+        // Bind Top level hamburger menu with menu behavior;
+        bindMenuBehavior();
+
+        //Set tooltips
+        setTooltips();
+      };
+
+    //Listen for the window resize event and collapse/hide as needed
+    $(window).on('resize', function () {
+      checkNavState();
+      enableTransitions();
+    });
+
+    init();
+
+  };
+
+  $(document).ready(function () {
+    if ($('.nav-pf-vertical-alt').length > 0) {
+      $.fn.navigation();
+    }
+  });
+
+}(jQuery));

data/assets/javascripts/patternfly.min.js

@@ -1 +1 @@
-!function($){"use strict";$.fn.sidebar=function(){var documentHeight=0,navbarpfHeight=0,colHeight=0;$(".navbar-pf .navbar-toggle").is(":hidden")&&(documentHeight=$(document).height(),navbarpfHeight=$(".navbar-pf").outerHeight(),colHeight=documentHeight-navbarpfHeight),$(".sidebar-pf").parent(".row").children('[class*="col-"]').css({"min-height":colHeight})},$(document).ready(function(){$(".sidebar-pf").length>0&&0===$(".datatable").length&&$.fn.sidebar()}),$(window).resize(function(){$(".sidebar-pf").length>0&&$.fn.sidebar()})}(jQuery),function($){"use strict";$.fn.popovers=function(){return this.popover(),this.filter("[data-close=true]").each(function(index,element){var $this=$(element),title=$this.attr("data-original-title")+'<button type="button" class="close" aria-hidden="true"><span class="pficon pficon-close"></span></button>';$this.attr("data-original-title",title)}),this.on("click",function(e){var $this=$(this),$title=$this.next(".popover").find(".popover-title");$title.find(".close").parent(".popover-title").addClass("closable"),$title.find(".close").on("click",function(){$this.popover("hide")}),e.preventDefault()}),this}}(jQuery),function($){"use strict";$.fn.dataTableExt&&($.extend(!0,$.fn.dataTable.defaults,{bDestroy:!0,bAutoWidth:!1,iDisplayLength:20,sDom:"<'dataTables_header' f i r ><'table-responsive'  t ><'dataTables_footer' p >",oLanguage:{sInfo:"Showing <b>_START_</b> to <b>_END_</b> of <b>_TOTAL_</b> Items",sInfoFiltered:"(of <b>_MAX_</b>)",sInfoEmpty:"Showing <b>0</b> Results",sZeroRecords:"<p>Suggestions</p><ul><li>Check the syntax of the search term.</li><li>Check that the correct menu option is chosen (token ID vs. user ID).</li><li>Use wildcards (* to match zero or more characters or ? to match a single character).</li><li>Clear the search field, then click Search to return to the 20 most recent records.</li></ul>",sSearch:""},sPaginationType:"bootstrap_input"}),$.extend($.fn.dataTableExt.oStdClasses,{sWrapper:"dataTables_wrapper"}),$.fn.dataTableExt.oApi.fnPagingInfo=function(oSettings){return{iStart:oSettings._iDisplayStart,iEnd:oSettings.fnDisplayEnd(),iLength:oSettings._iDisplayLength,iTotal:oSettings.fnRecordsTotal(),iFilteredTotal:oSettings.fnRecordsDisplay(),iPage:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength),iTotalPages:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength)}},$.extend($.fn.dataTableExt.oPagination,{bootstrap_input:{fnInit:function(oSettings,nPaging,fnDraw){var els,nInput,fnClickHandler=function(e){e.preventDefault(),oSettings.oApi._fnPageChange(oSettings,e.data.action)&&fnDraw(oSettings)};$(nPaging).append('<ul class="pagination">  <li class="first disabled"><span class="i fa fa-angle-double-left"></span></li>  <li class="prev disabled"><span class="i fa fa-angle-left"></span></li></ul><div class="pagination-input">  <input type="text" class="paginate_input">  <span class="paginate_of">of <b>3</b></span></div><ul class="pagination">  <li class="next disabled"><span class="i fa fa-angle-right"></span></li>  <li class="last disabled"><span class="i fa fa-angle-double-right"></span></li></ul>'),els=$("li",nPaging),$(els[0]).bind("click.DT",{action:"first"},fnClickHandler),$(els[1]).bind("click.DT",{action:"previous"},fnClickHandler),$(els[2]).bind("click.DT",{action:"next"},fnClickHandler),$(els[3]).bind("click.DT",{action:"last"},fnClickHandler),nInput=$("input",nPaging),$(nInput).keyup(function(e){if(38===e.which||39===e.which?this.value+=1:(37===e.which||40===e.which)&&this.value>1&&(this.value-=1),""!==this.value&&this.value.match(/[0-9]/)){var iNewStart=oSettings._iDisplayLength*(this.value-1);if(iNewStart>oSettings.fnRecordsDisplay())return oSettings._iDisplayStart=(Math.ceil((oSettings.fnRecordsDisplay()-1)/oSettings._iDisplayLength)-1)*oSettings._iDisplayLength,void fnDraw(oSettings);oSettings._iDisplayStart=iNewStart,fnDraw(oSettings)}})},fnUpdate:function(oSettings){var i,oPaging=oSettings.oInstance.fnPagingInfo(),an=oSettings.aanFeatures.p,ien=an.length,iPages=Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength),iCurrentPage=Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength)+1;for(i=0;ien>i;i+=1)$(".paginate_input").val(iCurrentPage),$(".paginate_of b").html(iPages),0===oPaging.iPage?($("li.first",an[i]).addClass("disabled"),$("li.prev",an[i]).addClass("disabled")):($("li.first",an[i]).removeClass("disabled"),$("li.prev",an[i]).removeClass("disabled")),oPaging.iPage===oPaging.iTotalPages-1||0===oPaging.iTotalPages?($("li.next",an[i]).addClass("disabled"),$("li.last",an[i]).addClass("disabled")):($("li.next",an[i]).removeClass("disabled"),$("li.last",an[i]).removeClass("disabled"))}}}))}(jQuery);
+!function($){"use strict";$.fn.sidebar=function(){var documentHeight=0,navbarpfHeight=0,colHeight=0;$(".navbar-pf .navbar-toggle").is(":hidden")&&(documentHeight=$(document).height(),navbarpfHeight=$(".navbar-pf").outerHeight(),colHeight=documentHeight-navbarpfHeight),$(".sidebar-pf").parent(".row").children('[class*="col-"]').css({"min-height":colHeight})},$(document).ready(function(){$(".sidebar-pf").length>0&&0===$(".datatable").length&&$.fn.sidebar()}),$(window).resize(function(){$(".sidebar-pf").length>0&&$.fn.sidebar()})}(jQuery),function($){"use strict";$.fn.popovers=function(){return this.popover(),this.filter("[data-close=true]").each(function(index,element){var $this=$(element),title=$this.attr("data-original-title")+'<button type="button" class="close" aria-hidden="true"><span class="pficon pficon-close"></span></button>';$this.attr("data-original-title",title)}),this.on("click",function(e){var $this=$(this),$title=$this.next(".popover").find(".popover-title");$title.find(".close").parent(".popover-title").addClass("closable"),$title.find(".close").on("click",function(){$this.popover("hide")}),e.preventDefault()}),this}}(jQuery),function($){"use strict";$.fn.dataTableExt&&($.extend(!0,$.fn.dataTable.defaults,{bDestroy:!0,bAutoWidth:!1,iDisplayLength:20,sDom:"<'dataTables_header' f i r ><'table-responsive'  t ><'dataTables_footer' p >",oLanguage:{sInfo:"Showing <b>_START_</b> to <b>_END_</b> of <b>_TOTAL_</b> Items",sInfoFiltered:"(of <b>_MAX_</b>)",sInfoEmpty:"Showing <b>0</b> Results",sZeroRecords:"<p>Suggestions</p><ul><li>Check the syntax of the search term.</li><li>Check that the correct menu option is chosen (token ID vs. user ID).</li><li>Use wildcards (* to match zero or more characters or ? to match a single character).</li><li>Clear the search field, then click Search to return to the 20 most recent records.</li></ul>",sSearch:""},sPaginationType:"bootstrap_input"}),$.extend($.fn.dataTableExt.oStdClasses,{sWrapper:"dataTables_wrapper"}),$.fn.dataTableExt.oApi.fnPagingInfo=function(oSettings){return{iStart:oSettings._iDisplayStart,iEnd:oSettings.fnDisplayEnd(),iLength:oSettings._iDisplayLength,iTotal:oSettings.fnRecordsTotal(),iFilteredTotal:oSettings.fnRecordsDisplay(),iPage:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength),iTotalPages:-1===oSettings._iDisplayLength?0:Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength)}},$.extend($.fn.dataTableExt.oPagination,{bootstrap_input:{fnInit:function(oSettings,nPaging,fnDraw){var els,nInput,fnClickHandler=function(e){e.preventDefault(),oSettings.oApi._fnPageChange(oSettings,e.data.action)&&fnDraw(oSettings)};$(nPaging).append('<ul class="pagination">  <li class="first disabled"><span class="i fa fa-angle-double-left"></span></li>  <li class="prev disabled"><span class="i fa fa-angle-left"></span></li></ul><div class="pagination-input">  <input type="text" class="paginate_input">  <span class="paginate_of">of <b>3</b></span></div><ul class="pagination">  <li class="next disabled"><span class="i fa fa-angle-right"></span></li>  <li class="last disabled"><span class="i fa fa-angle-double-right"></span></li></ul>'),els=$("li",nPaging),$(els[0]).bind("click.DT",{action:"first"},fnClickHandler),$(els[1]).bind("click.DT",{action:"previous"},fnClickHandler),$(els[2]).bind("click.DT",{action:"next"},fnClickHandler),$(els[3]).bind("click.DT",{action:"last"},fnClickHandler),nInput=$("input",nPaging),$(nInput).keyup(function(e){if(38===e.which||39===e.which?this.value+=1:(37===e.which||40===e.which)&&this.value>1&&(this.value-=1),""!==this.value&&this.value.match(/[0-9]/)){var iNewStart=oSettings._iDisplayLength*(this.value-1);if(iNewStart>oSettings.fnRecordsDisplay())return oSettings._iDisplayStart=(Math.ceil((oSettings.fnRecordsDisplay()-1)/oSettings._iDisplayLength)-1)*oSettings._iDisplayLength,void fnDraw(oSettings);oSettings._iDisplayStart=iNewStart,fnDraw(oSettings)}})},fnUpdate:function(oSettings){var i,oPaging=oSettings.oInstance.fnPagingInfo(),an=oSettings.aanFeatures.p,ien=an.length,iPages=Math.ceil(oSettings.fnRecordsDisplay()/oSettings._iDisplayLength),iCurrentPage=Math.ceil(oSettings._iDisplayStart/oSettings._iDisplayLength)+1;for(i=0;ien>i;i+=1)$(".paginate_input").val(iCurrentPage),$(".paginate_of b").html(iPages),0===oPaging.iPage?($("li.first",an[i]).addClass("disabled"),$("li.prev",an[i]).addClass("disabled")):($("li.first",an[i]).removeClass("disabled"),$("li.prev",an[i]).removeClass("disabled")),oPaging.iPage===oPaging.iTotalPages-1||0===oPaging.iTotalPages?($("li.next",an[i]).addClass("disabled"),$("li.last",an[i]).addClass("disabled")):($("li.next",an[i]).removeClass("disabled"),$("li.last",an[i]).removeClass("disabled"))}}}))}(jQuery),function($){"use strict";$.fn.navigation=function(){var navElement=$(".layout-pf-alt-fixed .nav-pf-vertical-alt"),bodyContentElement=$(".container-pf-alt-nav-pf-vertical-alt"),toggleNavBarButton=$(".navbar-toggle"),explicitCollapse=!1,breakpoints={tablet:768,desktop:1024},checkNavState=function(){var width=$(window).width();navElement.removeClass("hidden show-mobile-nav collapsed"),bodyContentElement.removeClass("collapsed-nav hidden-nav"),(width<breakpoints.desktop||explicitCollapse)&&(navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav")),width<breakpoints.tablet&&(navElement.addClass("hidden"),navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),bodyContentElement.addClass("hidden-nav"))},collapseMenu=function(){navElement.addClass("collapsed"),bodyContentElement.addClass("collapsed-nav"),explicitCollapse=!0},enableTransitions=function(){$("html").addClass("transitions")},expandMenu=function(){navElement.removeClass("collapsed"),bodyContentElement.removeClass("collapsed-nav"),explicitCollapse=!1},bindMenuBehavior=function(){toggleNavBarButton.on("click",function(){enableTransitions();var inMobileState=bodyContentElement.hasClass("hidden-nav");inMobileState&&navElement.hasClass("show-mobile-nav")?navElement.removeClass("show-mobile-nav"):inMobileState?navElement.addClass("show-mobile-nav"):navElement.hasClass("collapsed")?expandMenu():collapseMenu()})},setTooltips=function(){$('.nav-pf-vertical-alt [data-toggle="tooltip"]').tooltip({container:"body",delay:{show:"500",hide:"200"}}),$(".nav-pf-vertical-alt").on("show.bs.tooltip",function(){return $(this).hasClass("collapsed")?void 0:!1})},init=function(){checkNavState(),bindMenuBehavior(),setTooltips()};$(window).on("resize",function(){checkNavState(),enableTransitions()}),init()},$(document).ready(function(){$(".nav-pf-vertical-alt").length>0&&$.fn.navigation()})}(jQuery);

data/assets/stylesheets/_patternfly.scss

@@ -95,11 +95,16 @@
 @import "patternfly/charts";
 @import "patternfly/close";
 @import "patternfly/datatables";
+@import "patternfly/footer";
 @import "patternfly/icons";
 @import "patternfly/infotip";
+@import "patternfly/layouts";
 @import "patternfly/login";
 @import "patternfly/navbar";
+@import "patternfly/navbar-alt";
+@import "patternfly/nav-vertical-alt";
 @import "patternfly/search";
 @import "patternfly/sidebar";
 @import "patternfly/spinner";
 @import "patternfly/syntax-highlighting";
+@import "patternfly/toolbar";

data/assets/stylesheets/patternfly/_bootstrap-datepicker.scss

@@ -2,12 +2,30 @@
 // Bootstrap-Datepicker
 // --------------------------------------------------
 
-.bootstrap-datepicker[readonly] {
+.bootstrap-datepicker.form-control[readonly] {
   background-color: $input-bg;
   border-color: $input-border !important;
   color: $input-color;
   @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
   @include form-control-focus;
+  &:focus {
+    border-color: $input-border-focus !important;
+    .has-error & {
+      border-color: darken($state-danger-text, 10%);
+      $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-danger-text, 20%);
+      @include box-shadow($shadow);
+    }
+    .has-success & {
+      border-color: darken($state-success-text, 10%);
+      $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-success-text, 20%);
+      @include box-shadow($shadow);
+    }
+    .has-warning & {
+      border-color: darken($state-warning-text, 10%);
+      $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-warning-text, 20%);
+      @include box-shadow($shadow);
+    }
+  }
   &:hover {
     border-color: $input-border-hover !important;
     .has-error & {
@@ -20,6 +38,15 @@
       border-color: darken($state-warning-text, 10%) !important;
     }
   }
+  .has-error & {
+    border-color: $state-danger-text !important;
+  }
+  .has-success & {
+    border-color: $state-success-text !important;
+  }
+  .has-warning & {
+    border-color: $state-warning-text !important;
+  }
 }
 
 .datepicker {

data/assets/stylesheets/patternfly/_footer.scss

@@ -0,0 +1,19 @@
+//
+// Footer
+// --------------------------------------------------
+
+.footer-pf-alt {
+  background-color: $footer-pf-alt-bg-color;
+  color: $gray-light;
+  font-size: $font-size-small;
+  line-height: 17px; // whole px unit to avoid height differences among browsers
+  padding-left: $footer-pf-alt-padding-left;
+  padding-top: $footer-pf-alt-padding-top;
+  .layout-pf-alt-fixed-with-footer & {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    z-index: $zindex-navbar-fixed;
+  }
+}

data/assets/stylesheets/patternfly/_icons.scss

@@ -54,6 +54,12 @@
 .#{$icon-prefix}-folder-close:before {
   content: "\e607";
 }
+.#{$icon-prefix}-topology:before {
+  content: "\e608";
+}
+.#{$icon-prefix}-thumb-tack-o:before {
+  content: "\e609";
+}
 .#{$icon-prefix}-edit:before {
   content: "\e60a";
 }

data/assets/stylesheets/patternfly/_layouts.scss

@@ -0,0 +1,45 @@
+//
+// Layouts
+// --------------------------------------------------
+
+.layout-pf-alt {
+  &, & body {
+    min-height: 100%
+  }
+  &.layout-pf-alt-fixed {
+    &.layout-pf-alt-fixed-inner-scroll {
+       &, & body {
+        height: 100%;
+        min-height: 0;
+      }
+      .container-pf-alt-nav-pf-vertical-alt {
+        height: 100%;
+        overflow: auto;
+        &.container-cards-pf {
+          margin-top: 0;
+          padding-top: ($grid-gutter-width/2);
+        }
+      }
+    }
+    &.transitions .container-pf-alt-nav-pf-vertical-alt {
+      transition: $flyout-transition-pf;
+    }
+    body {
+      padding-top: $navbar-pf-alt-height; // make space for the navbar
+    }
+    .container-pf-alt-nav-pf-vertical-alt {
+      margin-left: ($nav-pf-vertical-alt-width);
+      &.collapsed-nav {
+        margin-left: ($nav-pf-vertical-alt-collapsed-width); // adjust space for the collapsed left nav
+      }
+      &.hidden-nav {
+        margin-left: 0; // remove space as left nav is hidden
+      }
+    }
+  }
+  &.layout-pf-alt-fixed-with-footer {
+    body {
+      padding-bottom: $footer-pf-alt-height;
+    }
+  }
+}

data/assets/stylesheets/patternfly/_nav-vertical-alt.scss

@@ -0,0 +1,166 @@
+//
+// Nav Vertical Alt
+// --------------------------------------------------
+
+.layout-pf-alt-fixed.transitions .nav-pf-vertical-alt {
+  transition: $flyout-transition-pf;
+
+  &.collapsed .list-group-item .list-group-item-value {
+    transition: opacity 0s .1s, opacity .1s linear;
+  }
+
+  .list-group-item {
+    .badge {
+      transition: $flyout-transition-pf;
+    }
+
+    .list-group-item-value {
+      transition: opacity .5s ease-out;
+      transition-delay: .15s;
+    }
+  }
+}
+
+.nav-pf-vertical-alt {
+  background: $nav-pf-vertical-alt-bg-color;
+
+  .ie9.layout-pf-alt-fixed & {
+    box-sizing: content-box; // IE9 incorrectly sizes the width if using padding-box
+  }
+
+  .layout-pf-alt-fixed & {
+    border-right: 1px solid $nav-pf-vertical-alt-border-color;
+    bottom: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    left: 0;
+    position: fixed;
+    top: $navbar-pf-alt-height; // move out of way of navbar-pf-alt
+    width: $nav-pf-vertical-alt-width;
+    z-index: $zindex-navbar-fixed;
+
+    &.collapsed {
+      width: $nav-pf-vertical-alt-collapsed-width !important;
+
+      .list-group-item {
+        .badge {
+          padding: 2px 3px;
+          right: 21px;
+          top: 36px;
+        }
+
+        .list-group-item-value {
+          opacity: 0;
+        }
+      }
+    }
+
+    &.hidden {
+      display: none;
+      
+      &.show-mobile-nav {
+        box-shadow: 0 0 3px rgba(0,0,0,0.15);
+        display: block !important;
+      }
+    }
+  }
+
+  .layout-pf-alt-fixed-with-footer & {
+    bottom: $footer-pf-alt-height;
+  }
+
+  .list-group {
+    border-top: 0;
+    margin-bottom: 0;
+  }
+
+  .list-group-item {
+    padding: 0;
+
+    a {
+      color: $gray-dark;
+      display: block;
+      font-size: $font-size-base + 2;
+      height: $nav-pf-vertical-alt-link-height;
+      padding: $nav-pf-vertical-alt-link-padding;
+      position: relative;
+      white-space: nowrap;
+
+      &:focus {
+        color: $gray-dark;
+        text-decoration: none;
+      }
+
+      &:hover {
+        color: $nav-pf-vertical-alt-active-color;
+        text-decoration: none;
+      }
+    }
+
+    &.active {
+      background-color: $nav-pf-vertical-alt-bg-color;
+      border-color: $list-group-border;
+
+      &:before {
+        background: $nav-pf-vertical-alt-active-color;
+        content: " ";
+        display: block;
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 5px;
+      }
+
+      a {
+        color: $nav-pf-vertical-alt-active-color;
+      }
+    }
+
+    .badge {
+      background: $gray-dark;
+      border: 1px solid $nav-pf-vertical-alt-bg-color;
+      border-radius: 3px;
+      color: $nav-pf-vertical-alt-badge-color;
+      font-weight: 700;
+      font-size: $font-size-base - 3;
+      padding: 5px;
+      position: absolute;
+      right: 15px;
+      text-align: center;
+      top: 21px;
+
+      &.notifications {
+        background: $notification-badge-color;
+      }
+    }
+
+    .fa, .glyphicon, .pficon {
+      float: left;
+      font-size: 18px;
+      line-height: 30px;
+      margin-right: 10px;
+      text-align: center;
+      width: 18px;
+    }
+
+    .list-group-item-value {
+      display: inline-block;
+      line-height: 30px;
+      opacity: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 140px;
+    }
+
+  }
+
+  .list-group-item-separator {
+    border-top-width: 5px;
+  }
+
+  .sidebar-pf & {
+    margin-left: (-($grid-gutter-width / 2));
+    margin-right: (-($grid-gutter-width / 2));
+  }
+}