patternfly-sass 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. checksums.yaml +4 -4
  2. data/assets/fonts/patternfly/OpenSans-Bold-webfont.eot +0 -0
  3. data/assets/fonts/patternfly/OpenSans-Bold-webfont.svg +0 -0
  4. data/assets/fonts/patternfly/OpenSans-Bold-webfont.ttf +0 -0
  5. data/assets/fonts/patternfly/OpenSans-Bold-webfont.woff +0 -0
  6. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.eot +0 -0
  7. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.svg +0 -0
  8. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.ttf +0 -0
  9. data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.woff +0 -0
  10. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.eot +0 -0
  11. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.svg +0 -0
  12. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.ttf +0 -0
  13. data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.woff +0 -0
  14. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.eot +0 -0
  15. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.svg +0 -0
  16. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.ttf +0 -0
  17. data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.woff +0 -0
  18. data/assets/fonts/patternfly/OpenSans-Italic-webfont.eot +0 -0
  19. data/assets/fonts/patternfly/OpenSans-Italic-webfont.svg +0 -0
  20. data/assets/fonts/patternfly/OpenSans-Italic-webfont.ttf +0 -0
  21. data/assets/fonts/patternfly/OpenSans-Italic-webfont.woff +0 -0
  22. data/assets/fonts/patternfly/OpenSans-Light-webfont.eot +0 -0
  23. data/assets/fonts/patternfly/OpenSans-Light-webfont.svg +0 -0
  24. data/assets/fonts/patternfly/OpenSans-Light-webfont.ttf +0 -0
  25. data/assets/fonts/patternfly/OpenSans-Light-webfont.woff +0 -0
  26. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.eot +0 -0
  27. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.svg +0 -0
  28. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.ttf +0 -0
  29. data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.woff +0 -0
  30. data/assets/fonts/patternfly/OpenSans-Regular-webfont.eot +0 -0
  31. data/assets/fonts/patternfly/OpenSans-Regular-webfont.svg +0 -0
  32. data/assets/fonts/patternfly/OpenSans-Regular-webfont.ttf +0 -0
  33. data/assets/fonts/patternfly/OpenSans-Regular-webfont.woff +0 -0
  34. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.eot +0 -0
  35. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.svg +0 -0
  36. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.ttf +0 -0
  37. data/assets/fonts/patternfly/OpenSans-Semibold-webfont.woff +0 -0
  38. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.eot +0 -0
  39. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.svg +0 -0
  40. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.ttf +0 -0
  41. data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.woff +0 -0
  42. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  43. data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +0 -0
  44. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  45. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  46. data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
  47. data/assets/fonts/patternfly/fontawesome-webfont.svg +44 -14
  48. data/assets/fonts/patternfly/fontawesome-webfont.ttf +0 -0
  49. data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
  50. data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
  51. data/assets/images/patternfly/apple-touch-icon-precomposed-114.png +0 -0
  52. data/assets/images/patternfly/apple-touch-icon-precomposed-144.png +0 -0
  53. data/assets/images/patternfly/apple-touch-icon-precomposed-57.png +0 -0
  54. data/assets/images/patternfly/apple-touch-icon-precomposed-72.png +0 -0
  55. data/assets/images/patternfly/bg-login.jpg +0 -0
  56. data/assets/images/patternfly/logo-alt.svg +18 -18
  57. data/assets/images/patternfly/logo.svg +22 -22
  58. data/assets/javascripts/patternfly.js +290 -91
  59. data/assets/javascripts/patternfly.min.js +2 -1
  60. data/assets/stylesheets/patternfly/_layouts.scss +23 -42
  61. data/assets/stylesheets/patternfly/_list-view.scss +7 -0
  62. data/assets/stylesheets/patternfly/_navbar.scss +3 -3
  63. data/assets/stylesheets/patternfly/_notifications-drawer.scss +16 -3
  64. data/assets/stylesheets/patternfly/_toolbar.scss +120 -14
  65. data/assets/stylesheets/patternfly/_variables.scss +20 -5
  66. data/assets/stylesheets/patternfly/_vertical-nav.scss +631 -381
  67. data/assets/stylesheets/patternfly/_wizard.scss +105 -14
  68. data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +0 -1
  69. data/bower.json +11 -11
  70. data/lib/patternfly-sass/version.rb +2 -2
  71. data/patternfly-sass.gemspec +2 -2
  72. data/spec/html/about-modal.html +1 -1
  73. data/spec/html/accordions.html +1 -1
  74. data/spec/html/alerts.html +1 -1
  75. data/spec/html/area-charts.html +3 -3
  76. data/spec/html/badges.html +1 -1
  77. data/spec/html/bar-charts.html +3 -3
  78. data/spec/html/basic.html +2 -2
  79. data/spec/html/blank-slate.html +1 -1
  80. data/spec/html/bootstrap-combobox.html +2 -2
  81. data/spec/html/bootstrap-datepicker.html +2 -2
  82. data/spec/html/bootstrap-select.html +2 -2
  83. data/spec/html/bootstrap-switch.html +1 -1
  84. data/spec/html/bootstrap-touchspin.html +2 -2
  85. data/spec/html/bootstrap-treeview-2.html +3 -3
  86. data/spec/html/bootstrap-treeview.html +3 -3
  87. data/spec/html/breadcrumbs.html +1 -1
  88. data/spec/html/buttons.html +1 -1
  89. data/spec/html/cards.html +4 -4
  90. data/spec/html/code.html +1 -1
  91. data/spec/html/dashboard.html +3 -3
  92. data/spec/html/datatables-columns.html +3 -3
  93. data/spec/html/datatables.html +2 -2
  94. data/spec/html/dist/css/patternfly-additions.css +1093 -794
  95. data/spec/html/dist/css/patternfly-additions.css.map +1 -1
  96. data/spec/html/dist/css/patternfly-additions.min.css +2 -2
  97. data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
  98. data/spec/html/dist/css/patternfly.css +133 -14
  99. data/spec/html/dist/css/patternfly.css.map +1 -1
  100. data/spec/html/dist/css/patternfly.min.css +6 -6
  101. data/spec/html/dist/css/patternfly.min.css.map +1 -1
  102. data/spec/html/donut-charts.html +3 -3
  103. data/spec/html/dropdowns.html +1 -1
  104. data/spec/html/form.html +2 -2
  105. data/spec/html/forms.html +1 -1
  106. data/spec/html/horizontal-navigation.html +5 -7
  107. data/spec/html/icons.html +1 -1
  108. data/spec/html/index.html +15 -15
  109. data/spec/html/infotip.html +1 -1
  110. data/spec/html/labels.html +1 -1
  111. data/spec/html/line-charts.html +3 -3
  112. data/spec/html/list-group.html +1 -1
  113. data/spec/html/list-view-rows.html +592 -0
  114. data/spec/html/list-view.html +314 -309
  115. data/spec/html/login.html +1 -1
  116. data/spec/html/modals.html +1 -1
  117. data/spec/html/navbar.html +2 -2
  118. data/spec/html/notification-drawer-horizontal-nav.html +1451 -0
  119. data/spec/html/{notifications-drawer.html → notification-drawer-vertical-nav.html} +146 -265
  120. data/spec/html/pagination.html +1 -1
  121. data/spec/html/panels.html +1 -1
  122. data/spec/html/pie-charts.html +3 -3
  123. data/spec/html/popovers.html +1 -1
  124. data/spec/html/progress-bars.html +1 -1
  125. data/spec/html/search.html +1 -1
  126. data/spec/html/spinner.html +1 -1
  127. data/spec/html/tab.html +2 -2
  128. data/spec/html/tables.html +1 -1
  129. data/spec/html/tabs.html +1 -1
  130. data/spec/html/time-picker.html +2 -2
  131. data/spec/html/toast.html +1 -1
  132. data/spec/html/toolbar.html +43 -8
  133. data/spec/html/tooltip.html +1 -1
  134. data/spec/html/typography-2.html +1 -1
  135. data/spec/html/typography.html +1 -1
  136. data/spec/html/utilization-bar-charts.html +3 -3
  137. data/spec/html/{layout-alt-fixed-inner-scroll.html → vertical-navigation-primary-only.html} +61 -192
  138. data/spec/html/{layout-alt-fixed.html → vertical-navigation-with-secondary.html} +120 -184
  139. data/spec/html/{vertical-navigation-without-icons.html → vertical-navigation-with-tertiary-no-icons.html} +212 -155
  140. data/spec/html/{vertical-navigation.html → vertical-navigation-with-tertiary-pins.html} +212 -155
  141. data/spec/html/wizard.html +88 -48
  142. metadata +21 -21
  143. data/spec/html/layout-alt-fixed-with-footer-inner-scroll.html +0 -917
  144. data/spec/html/layout-alt-fixed-with-footer.html +0 -917
data/spec/html/{notifications-drawer.html → notification-drawer-vertical-nav.html} RENAMED
@@ -4,7 +4,7 @@
4
4
  <html lang="en-us" class="layout-pf layout-pf-fixed">
5
5
  <!--<![endif]-->
6
6
  <head>
7
- <title>Notifications Drawer - PatternFly</title>
7
+ <title>Notification Drawer for Vertical Navigation - PatternFly</title>
8
8
  <meta charset="UTF-8">
9
9
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
10
10
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -26,10 +26,10 @@
26
26
  <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
27
27
  <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
28
28
  <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
29
- <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
30
- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js"></script>
31
- <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
32
- <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
29
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
30
+ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
31
+ <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
32
+ <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
33
33
  <script src="../../dist/js/patternfly.min.js"></script>
34
34
  </head>
35
35
  <div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
@@ -41,7 +41,8 @@
41
41
  </div>
42
42
 
43
43
  <body class="cards-pf">
44
- <nav class="navbar navbar-pf-vertical">
44
+
45
+ <nav class="navbar navbar-pf-vertical">
45
46
  <div class="navbar-header">
46
47
  <button type="button" class="navbar-toggle">
47
48
  <span class="sr-only">Toggle navigation</span>
@@ -85,22 +86,22 @@
85
86
  </li>
86
87
  </ul>
87
88
  <div class="drawer-pf hide drawer-pf-notifications-non-clickable">
88
- <div class="drawer-pf-title">
89
- <h3 class="text-center">Notifications Drawer</h3>
89
+ <div class="drawer-pf-title">
90
+ <h3 class="text-center">Notifications Drawer</h3>
91
+ </div>
92
+ <div class="panel-group" id="notification-drawer-accordion">
93
+ <div class="panel panel-default">
94
+ <div class="panel-heading" data-component="collapse-heading">
95
+ <h4 class="panel-title">
96
+ <a data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseOne">
97
+ Notification Tab 1
98
+ </a>
99
+ </h4>
100
+ <span class="panel-counter">5 New Events</span>
90
101
  </div>
91
- <div class="panel-group" id="notification-drawer-accordion">
92
- <div class="panel panel-default">
93
- <div class="panel-heading" data-component="collapse-heading">
94
- <h4 class="panel-title">
95
- <a data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseOne">
96
- Notification Tab 1
97
- </a>
98
- </h4>
99
- <span class="panel-counter">5 New Events</span>
100
- </div>
101
- <div id="fixedCollapseOne" class="panel-collapse collapse in">
102
- <div class="panel-body">
103
- <div class="drawer-pf-notification unread">
102
+ <div id="fixedCollapseOne" class="panel-collapse collapse in">
103
+ <div class="panel-body">
104
+ <div class="drawer-pf-notification unread">
104
105
  <div class="dropdown pull-right dropdown-kebab-pf">
105
106
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
106
107
  <span class="fa fa-ellipsis-v"></span>
@@ -185,24 +186,24 @@
185
186
  </div>
186
187
  </div>
187
188
 
188
- </div>
189
- <div class="drawer-pf-action">
190
- <button class="btn btn-link btn-block"">Mark All Read</button>
191
- </div>
192
- </div>
193
189
  </div>
194
- <div class="panel panel-default">
195
- <div class="panel-heading" data-component="collapse-heading">
196
- <h4 class="panel-title">
197
- <a class="collapsed" data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseTwo">
198
- Notification Tab 2
199
- </a>
200
- </h4>
201
- <span class="panel-counter">5 New Events</span>
202
- </div>
203
- <div id="fixedCollapseTwo" class="panel-collapse collapse">
204
- <div class="panel-body">
205
- <div class="drawer-pf-notification unread">
190
+ <div class="drawer-pf-action">
191
+ <button class="btn btn-link btn-block">Mark All Read</button>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ <div class="panel panel-default">
196
+ <div class="panel-heading" data-component="collapse-heading">
197
+ <h4 class="panel-title">
198
+ <a class="collapsed" data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseTwo">
199
+ Notification Tab 2
200
+ </a>
201
+ </h4>
202
+ <span class="panel-counter">5 New Events</span>
203
+ </div>
204
+ <div id="fixedCollapseTwo" class="panel-collapse collapse">
205
+ <div class="panel-body">
206
+ <div class="drawer-pf-notification unread">
206
207
  <div class="dropdown pull-right dropdown-kebab-pf">
207
208
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
208
209
  <span class="fa fa-ellipsis-v"></span>
@@ -287,7 +288,7 @@
287
288
  </div>
288
289
  </div>
289
290
 
290
- <div class="drawer-pf-notification unread">
291
+ <div class="drawer-pf-notification unread">
291
292
  <div class="dropdown pull-right dropdown-kebab-pf">
292
293
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
293
294
  <span class="fa fa-ellipsis-v"></span>
@@ -372,7 +373,7 @@
372
373
  </div>
373
374
  </div>
374
375
 
375
- <div class="drawer-pf-notification unread">
376
+ <div class="drawer-pf-notification unread">
376
377
  <div class="dropdown pull-right dropdown-kebab-pf">
377
378
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
378
379
  <span class="fa fa-ellipsis-v"></span>
@@ -457,27 +458,27 @@
457
458
  </div>
458
459
  </div>
459
460
 
460
- <div class="drawer-pf-loading text-center">
461
- <span class="spinner spinner-xs spinner-inline"></span> Loading More
462
- </div>
463
- </div>
464
- <div class="drawer-pf-action">
465
- <button class="btn btn-link btn-block"">Mark All Read</button>
466
- </div>
461
+ <div class="drawer-pf-loading text-center">
462
+ <span class="spinner spinner-xs spinner-inline"></span> Loading More
467
463
  </div>
468
464
  </div>
469
- <div class="panel panel-default">
470
- <div class="panel-heading" data-component="collapse-heading">
471
- <h4 class="panel-title">
472
- <a class="collapsed" data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseThree">
473
- Notification Tab 3
474
- </a>
475
- </h4>
476
- <span class="panel-counter">5 New Events</span>
477
- </div>
478
- <div id="fixedCollapseThree" class="panel-collapse collapse">
479
- <div class="panel-body">
480
- <div class="drawer-pf-notification unread">
465
+ <div class="drawer-pf-action">
466
+ <button class="btn btn-link btn-block">Mark All Read</button>
467
+ </div>
468
+ </div>
469
+ </div>
470
+ <div class="panel panel-default">
471
+ <div class="panel-heading" data-component="collapse-heading">
472
+ <h4 class="panel-title">
473
+ <a class="collapsed" data-toggle="collapse" data-parent="#notification-drawer-accordion" href="#fixedCollapseThree">
474
+ Notification Tab 3
475
+ </a>
476
+ </h4>
477
+ <span class="panel-counter">5 New Events</span>
478
+ </div>
479
+ <div id="fixedCollapseThree" class="panel-collapse collapse">
480
+ <div class="panel-body">
481
+ <div class="drawer-pf-notification unread">
481
482
  <div class="dropdown pull-right dropdown-kebab-pf">
482
483
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
483
484
  <span class="fa fa-ellipsis-v"></span>
@@ -562,7 +563,7 @@
562
563
  </div>
563
564
  </div>
564
565
 
565
- <div class="drawer-pf-notification unread">
566
+ <div class="drawer-pf-notification unread">
566
567
  <div class="dropdown pull-right dropdown-kebab-pf">
567
568
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
568
569
  <span class="fa fa-ellipsis-v"></span>
@@ -647,7 +648,7 @@
647
648
  </div>
648
649
  </div>
649
650
 
650
- <div class="drawer-pf-notification unread">
651
+ <div class="drawer-pf-notification unread">
651
652
  <div class="dropdown pull-right dropdown-kebab-pf">
652
653
  <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
653
654
  <span class="fa fa-ellipsis-v"></span>
@@ -732,16 +733,14 @@
732
733
  </div>
733
734
  </div>
734
735
 
735
- </div>
736
- <div class="drawer-pf-action">
737
- <button class="btn btn-link btn-block"">Mark All Read</button>
738
- </div>
739
- </div>
736
+ </div>
737
+ <div class="drawer-pf-action">
738
+ <button class="btn btn-link btn-block">Mark All Read</button>
740
739
  </div>
741
740
  </div>
742
741
  </div>
743
- </nav>
744
- </nav> <!--/.navbar-->
742
+ </div>
743
+ </div>
745
744
  <script>
746
745
  $(document).ready(function() {
747
746
  // Show/Hide Notifications Drawer
@@ -769,247 +768,131 @@
769
768
  var $panel = $(panel);
770
769
  $panel.on('click', '.drawer-pf-action .btn', function() {
771
770
  $panel.find('.unread').removeClass('unread');
771
+ $(panel.parentElement).find('.panel-counter').text('0 New Events');
772
772
  });
773
773
  });
774
774
 
775
775
  $('#notification-drawer-accordion').initCollapseHeights('.panel-body');
776
776
  });
777
777
  </script>
778
+ </nav>
779
+ </nav> <!--/.navbar-->
778
780
 
779
-
780
- <div class="nav-pf-vertical nav-pf-vertical-with-secondary-nav">
781
-
781
+ <div class="nav-pf-vertical
782
+ nav-pf-vertical-with-sub-menus hide-nav-pf
783
+
784
+
785
+ ">
782
786
  <ul class="list-group">
783
- <li class="list-group-item active">
784
- <a href="#">
785
- <span class="fa fa-dashboard"></span>
786
- <span class="list-group-item-value">Dashboard</span>
787
- </a>
788
- </li>
789
787
  <li class="list-group-item">
790
- <a href="#">
791
- <span class="pficon pficon-cluster"></span>
792
- <span class="list-group-item-value">Clusters</span>
788
+ <a>
789
+ <span class="fa fa-dashboard" data-toggle="tooltip" title="Dashboard"></span>
790
+ <span class="list-group-item-value">Dashboard</span>
793
791
  </a>
794
792
  </li>
795
793
  <li class="list-group-item">
796
- <a href="#">
797
- <span class="pficon pficon-screen"></span>
798
- <span class="list-group-item-value">Hosts</span>
794
+ <a>
795
+ <span class="fa fa-shield" data-toggle="tooltip" title="Dolor"></span>
796
+ <span class="list-group-item-value">Dolor</span>
799
797
  </a>
800
798
  </li>
801
- <li class="list-group-item persistent-secondary" data-target="#storage-secondary">
802
- <a href="#">
803
- <span class="pficon pficon-container-node"></span>
804
- <span class="list-group-item-value">Storage</span>
799
+ <li class="list-group-item active secondary-nav-item-pf" data-target="#ipsum-secondary">
800
+ <a>
801
+ <span class="fa fa-space-shuttle" data-toggle="tooltip" title="Ipsum"></span>
802
+ <span class="list-group-item-value">Ipsum</span>
805
803
  </a>
806
- <div id="storage-secondary" class="nav-pf-persistent-secondary">
807
- <div class="persistent-secondary-header">
808
- <a class="secondary-collapse-toggle-pf" href="#" data-toggle="collapse-secondary-nav"></a>
809
- <span>Storage</span>
804
+
805
+ <div id="-secondary" class="nav-pf-secondary-nav">
806
+ <div class="nav-item-pf-header">
807
+ <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
808
+ <span>Ipsum</span>
810
809
  </div>
811
- <h5>File</h5>
812
- <ul class="list-group">
813
- <li class="list-group-item active">
814
- <a href="#">
815
- <span class="list-group-item-value">Volumes</span>
816
- <div class="badge-container-pf">
817
- <div class="badge">
818
- <span class="pficon pficon-error-circle-o"></span>
819
- <span>1</span>
820
- </div>
821
- <div class="badge">
822
- <span class="pficon pficon-warning-triangle-o"></span>
823
- <span>3</span>
824
- </div>
825
- </div>
826
- </a>
827
- </li>
828
- <li class="list-group-item">
829
- <a href="#">
830
- <span class="list-group-item-value">Bricks</span>
831
- <div class="badge-container-pf">
832
- <div class="badge">
833
- <span class="pficon pficon-warning-triangle-o"></span>
834
- <span>3</span>
835
- </div>
836
- <span class="badge">12</span>
837
- </div>
838
- </a>
839
- </li>
840
- <li class="list-group-item">
841
- <a href="#">
842
- <span class="list-group-item-value">Quotas</span>
843
- <div class="badge-container-pf">
844
- <span class="badge">3</span>
845
- </div>
846
- </a>
847
- </li>
848
- <li class="list-group-item">
849
- <a href="#">
850
- <span class="list-group-item-value">Logical Volumes</span>
851
- <div class="badge-container-pf">
852
- <div class="badge">
853
- <span class="pficon pficon-error-circle-o"></span>
854
- <span>1</span>
855
- </div>
856
- <span class="badge">10</span>
857
- </div>
858
- </a>
859
- </li>
860
- </ul>
861
- <h5>Object</h5>
862
810
  <ul class="list-group">
863
- <li class="list-group-item">
864
- <a href="#">
865
- <span class="list-group-item-value">Pools</span>
866
- <div class="badge-container-pf">
867
- <span class="badge">10</span>
868
- </div>
811
+ <li class="list-group-item active " data-target="#ipsum-intellegam-tertiary">
812
+ <a>
813
+ <span class="list-group-item-value">Intellegam</span>
869
814
  </a>
815
+
870
816
  </li>
871
- <li class="list-group-item">
872
- <a href="#">
873
- <span class="list-group-item-value">OSDs</span>
874
- <div class="badge-container-pf">
875
- <div class="badge">
876
- <span class="pficon pficon-error-circle-o"></span>
877
- <span>1</span>
878
- </div>
879
- <div class="badge">
880
- <span class="pficon pficon-warning-triangle-o"></span>
881
- <span>3</span>
882
- </div>
883
- </div>
817
+ <li class="list-group-item " data-target="#ipsum-copiosae-tertiary">
818
+ <a>
819
+ <span class="list-group-item-value">Copiosae</span>
884
820
  </a>
821
+
885
822
  </li>
886
- </ul>
887
- <h5>Block</h5>
888
- <ul class="list-group">
889
- <li class="list-group-item">
890
- <a href="#">
891
- <span class="list-group-item-value">RBDs</span>
892
- <div class="badge-container-pf">
893
- <div class="badge">
894
- <span class="pficon pficon-warning-triangle-o"></span>
895
- <span>2</span>
896
- </div>
897
- <span class="badge">14</span>
898
- </div>
899
- </a>
900
- </li>
901
- <li class="list-group-item">
902
- <a href="#">
903
- <span class="list-group-item-value">Quotas</span>
904
- <div class="badge-container-pf">
905
- <span class="badge">0</span>
906
- </div>
907
- </a>
908
- </li>
909
- <li class="list-group-item">
910
- <a href="#">
911
- <span class="list-group-item-value">Snapshots</span>
912
- <div class="badge-container-pf">
913
- <div class="badge">
914
- <span class="pficon pficon-warning-triangle-o"></span>
915
- <span>3</span>
916
- </div>
917
- <span class="badge">9</span>
918
- </div>
919
- </a>
920
- </li>
921
- <li class="list-group-item">
922
- <a href="#">
923
- <span class="list-group-item-value">Storage Profiles</span>
924
- <div class="badge-container-pf">
925
- <span class="badge">7</span>
926
- </div>
823
+ <li class="list-group-item " data-target="#ipsum-patrioque-tertiary">
824
+ <a>
825
+ <span class="list-group-item-value">Patrioque</span>
927
826
  </a>
827
+
928
828
  </li>
829
+
929
830
  </ul>
930
831
  </div>
931
832
 
833
+
932
834
  </li>
933
- <li class="list-group-item persistent-secondary" data-target="#admin-secondary">
934
- <a href="#">
935
- <span class="fa fa-cog"></span>
936
- <span class="list-group-item-value">Admin</span>
835
+ <li class="list-group-item secondary-nav-item-pf" data-target="#amet-secondary">
836
+ <a>
837
+ <span class="fa fa-paper-plane" data-toggle="tooltip" title="Amet"></span>
838
+ <span class="list-group-item-value">Amet</span>
937
839
  </a>
938
- <div id="admin-secondary" class="nav-pf-persistent-secondary">
939
- <div class="persistent-secondary-header">
940
- <a class="secondary-collapse-toggle-pf" href="#" data-toggle="collapse-secondary-nav"></a>
941
- <span>Admin</span>
840
+
841
+ <div id="amet-secondary" class="nav-pf-secondary-nav">
842
+ <div class="nav-item-pf-header">
843
+ <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
844
+ <span>Amet</span>
942
845
  </div>
943
- <h5>User Administration</h5>
944
846
  <ul class="list-group">
945
- <li class="list-group-item active">
946
- <a href="#">
947
- <span class="list-group-item-value">Users</span>
948
- <div class="badge-container-pf">
949
- <span class="badge">10</span>
950
- </div>
847
+ <li class="list-group-item " data-target="#amet-detracto-tertiary">
848
+ <a>
849
+ <span class="list-group-item-value">Detracto</span>
850
+
851
+
852
+
951
853
  </a>
854
+
952
855
  </li>
953
- <li class="list-group-item">
954
- <a href="#">
955
- <span class="list-group-item-value">Groups</span>
956
- <div class="badge-container-pf">
957
- <span class="badge">3</span>
958
- </div>
856
+ <li class="list-group-item " data-target="#amet-mediocrem-tertiary">
857
+ <a>
858
+ <span class="list-group-item-value">Mediocrem</span>
859
+
860
+
861
+
959
862
  </a>
863
+
960
864
  </li>
961
- <li class="list-group-item">
962
- <a href="#">
963
- <span class="list-group-item-value">Roles</span>
964
- <div class="badge-container-pf">
965
- <span class="badge">5</span>
966
- </div>
967
- </a>
968
- </li>
969
- </ul>
970
- <h5>Storage</h5>
971
- <ul class="list-group">
972
- <li class="list-group-item">
973
- <a href="#">
974
- <span class="list-group-item-value">Local Storage</span>
975
- </a>
976
- </li>
977
- <li class="list-group-item">
978
- <a href="#">
979
- <span class="list-group-item-value">History</span>
980
- <div class="badge-container-pf">
981
- <span class="badge">0</span>
982
- </div>
865
+ <li class="list-group-item " data-target="#amet-corrumpit-tertiary">
866
+ <a>
867
+ <span class="list-group-item-value">Corrumpit</span>
868
+
869
+
870
+
983
871
  </a>
872
+
984
873
  </li>
874
+
985
875
  </ul>
876
+ </div>
986
877
 
987
- <h5>Preferences</h5>
988
- <ul class="list-group">
989
- <li class="list-group-item">
990
- <a href="#">
991
- <span class="list-group-item-value">Appearance</span>
992
- </a>
878
+
993
879
  </li>
994
880
  <li class="list-group-item">
995
- <a href="#">
996
- <span class="list-group-item-value">Notifications</span>
881
+ <a>
882
+ <span class="fa fa-graduation-cap" data-toggle="tooltip" title="Adipscing"></span>
883
+ <span class="list-group-item-value">Adipscing</span>
997
884
  </a>
998
885
  </li>
999
886
  <li class="list-group-item">
1000
- <a href="#">
1001
- <span class="list-group-item-value">Sound</span>
887
+ <a>
888
+ <span class="fa fa-gamepad" data-toggle="tooltip" title="Lorem"></span>
889
+ <span class="list-group-item-value">Lorem</span>
1002
890
  </a>
1003
891
  </li>
1004
892
  </ul>
1005
893
  </div>
1006
-
1007
- </li>
1008
- </ul>
1009
- </div>
1010
-
1011
- <div class="container-fluid container-cards-pf container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-secondary">
1012
- <div class="row row-cards-pf">
894
+ <div class="container-fluid container-cards-pf container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-sub-menus ">
895
+ <div class="row row-cards-pf">
1013
896
  <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
1014
897
  <div class="col-xs-12 col-sm-6 col-md-3">
1015
898
  <div class="card-pf card-pf-accented card-pf-aggregate-status">
@@ -1630,13 +1513,11 @@
1630
1513
  $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
1631
1514
  $(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
1632
1515
 
1633
- // initialize tooltips
1634
- $('[data-toggle="tooltip"]').tooltip();
1635
-
1636
1516
  // Initialize the vertical navigation
1637
1517
  $().setupVerticalNavigation(true);
1638
1518
  });
1639
1519
  </script>
1640
1520
 
1521
+
1641
1522
  </body>
1642
1523
  </html>