patternfly-sass 3.7.0 → 3.8.0

Sign up to get free protection for your applications and to get access to all the features.
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>