patternfly-sass 3.23.2 → 3.31.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (369) hide show
  1. checksums.yaml +4 -4
  2. data/CODE_OF_CONDUCT.md +4 -0
  3. data/QUICKSTART.md +165 -0
  4. data/README.md +354 -112
  5. data/dist/fonts/FontAwesome.otf +0 -0
  6. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.eot +0 -0
  7. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.svg +0 -0
  8. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.ttf +0 -0
  9. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.woff +0 -0
  10. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Bold-webfont.woff2 +0 -0
  11. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.eot +0 -0
  12. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.svg +0 -0
  13. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.ttf +0 -0
  14. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.woff +0 -0
  15. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-BoldItalic-webfont.woff2 +0 -0
  16. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.eot +0 -0
  17. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.svg +0 -0
  18. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.ttf +0 -0
  19. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.woff +0 -0
  20. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBold-webfont.woff2 +0 -0
  21. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.eot +0 -0
  22. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.svg +0 -0
  23. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.ttf +0 -0
  24. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.woff +0 -0
  25. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-ExtraBoldItalic-webfont.woff2 +0 -0
  26. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.eot +0 -0
  27. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.svg +0 -0
  28. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.ttf +0 -0
  29. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.woff +0 -0
  30. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Italic-webfont.woff2 +0 -0
  31. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.eot +0 -0
  32. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.svg +0 -0
  33. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.ttf +0 -0
  34. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.woff +0 -0
  35. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Light-webfont.woff2 +0 -0
  36. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.eot +0 -0
  37. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.svg +0 -0
  38. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.ttf +0 -0
  39. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.woff +0 -0
  40. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-LightItalic-webfont.woff2 +0 -0
  41. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.eot +0 -0
  42. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.svg +0 -0
  43. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.ttf +0 -0
  44. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.woff +0 -0
  45. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Regular-webfont.woff2 +0 -0
  46. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.eot +0 -0
  47. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.svg +0 -0
  48. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.ttf +0 -0
  49. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.woff +0 -0
  50. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-Semibold-webfont.woff2 +0 -0
  51. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.eot +0 -0
  52. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.svg +0 -0
  53. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.ttf +0 -0
  54. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.woff +0 -0
  55. data/{assets/fonts/patternfly → dist/fonts}/OpenSans-SemiboldItalic-webfont.woff2 +0 -0
  56. data/dist/fonts/PatternFlyIcons-webfont.eot +0 -0
  57. data/{assets/fonts/patternfly → dist/fonts}/PatternFlyIcons-webfont.svg +28 -0
  58. data/dist/fonts/PatternFlyIcons-webfont.ttf +0 -0
  59. data/dist/fonts/PatternFlyIcons-webfont.woff +0 -0
  60. data/dist/fonts/fontawesome-webfont.eot +0 -0
  61. data/dist/fonts/fontawesome-webfont.svg +2671 -0
  62. data/{assets/fonts/patternfly → dist/fonts}/fontawesome-webfont.ttf +0 -0
  63. data/dist/fonts/fontawesome-webfont.woff +0 -0
  64. data/dist/fonts/fontawesome-webfont.woff2 +0 -0
  65. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.eot +0 -0
  66. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.svg +0 -0
  67. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.ttf +0 -0
  68. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.woff +0 -0
  69. data/{assets/fonts/patternfly → dist/fonts}/glyphicons-halflings-regular.woff2 +0 -0
  70. data/{assets/images/patternfly → dist/img}/OpenShift-Logo-NoText.svg +0 -0
  71. data/{assets/images/patternfly → dist/img}/OpenShift-Logo-Text.svg +0 -0
  72. data/{assets/images/patternfly → dist/img}/OpenShift-logo.svg +0 -0
  73. data/{assets/images/patternfly → dist/img}/RH_Atomic-Logo-NoText.svg +0 -0
  74. data/{assets/images/patternfly → dist/img}/RH_Atomic-Logo-Text.svg +0 -0
  75. data/{assets/images/patternfly → dist/img}/RH_atomic.svg +0 -0
  76. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-114.png +0 -0
  77. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-144.png +0 -0
  78. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-152.png +0 -0
  79. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-180.png +0 -0
  80. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-57.png +0 -0
  81. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-72.png +0 -0
  82. data/{assets/images/patternfly → dist/img}/apple-touch-icon-precomposed-76.png +0 -0
  83. data/{assets/images/patternfly → dist/img}/bg-login.jpg +0 -0
  84. data/{assets/images/patternfly → dist/img}/bg-modal-about-pf.png +0 -0
  85. data/{assets/images/patternfly → dist/img}/bg-navbar-pf-alt.svg +0 -0
  86. data/{assets/images/patternfly → dist/img}/brand-alt.svg +0 -0
  87. data/{assets/images/patternfly → dist/img}/brand.svg +0 -0
  88. data/{assets/images/patternfly → dist/img}/favicon.ico +0 -0
  89. data/{assets/images/patternfly → dist/img}/kubernetes-Logo.svg +0 -0
  90. data/{assets/images/patternfly → dist/img}/kubernetes.svg +0 -0
  91. data/{assets/images/patternfly → dist/img}/logo-alt.svg +0 -0
  92. data/{assets/images/patternfly → dist/img}/logo.svg +0 -0
  93. data/{assets/images/patternfly → dist/img}/spinner-inverse-lg.gif +0 -0
  94. data/{assets/images/patternfly → dist/img}/spinner-inverse-sm.gif +0 -0
  95. data/{assets/images/patternfly → dist/img}/spinner-inverse-xs.gif +0 -0
  96. data/{assets/images/patternfly → dist/img}/spinner-inverse.gif +0 -0
  97. data/{assets/images/patternfly → dist/img}/spinner-lg.gif +0 -0
  98. data/{assets/images/patternfly → dist/img}/spinner-sm.gif +0 -0
  99. data/{assets/images/patternfly → dist/img}/spinner-xs.gif +0 -0
  100. data/{assets/images/patternfly → dist/img}/spinner.gif +0 -0
  101. data/dist/js/patternfly-functions-base.js +7 -0
  102. data/dist/js/patternfly-functions-charts.js +13 -0
  103. data/dist/js/patternfly-functions-colors.js +8 -0
  104. data/dist/js/patternfly-functions-count-chars.js +59 -0
  105. data/dist/js/patternfly-functions-data-tables.js +149 -0
  106. data/dist/js/patternfly-functions-fixed-heights.js +87 -0
  107. data/dist/js/patternfly-functions-list.js +79 -0
  108. data/dist/js/patternfly-functions-navigation.js +113 -0
  109. data/dist/js/patternfly-functions-popovers.js +37 -0
  110. data/dist/js/patternfly-functions-sidebar.js +31 -0
  111. data/dist/js/patternfly-functions-tree-grid.js +79 -0
  112. data/dist/js/patternfly-functions-vertical-nav.js +590 -0
  113. data/{assets/javascripts → dist/js}/patternfly-functions.js +133 -95
  114. data/dist/js/patternfly-functions.min.js +1 -0
  115. data/dist/js/patternfly-settings-base.js +16 -0
  116. data/dist/js/patternfly-settings-charts.js +423 -0
  117. data/dist/js/patternfly-settings-colors.js +88 -0
  118. data/{assets/javascripts → dist/js}/patternfly-settings.js +22 -13
  119. data/dist/js/patternfly-settings.min.js +1 -0
  120. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfColVis.js +0 -0
  121. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfEmpty.js +1 -1
  122. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfEmpty.min.js +1 -1
  123. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfFilter.js +0 -0
  124. data/dist/js/patternfly.dataTables.pfFilter.min.js +1 -0
  125. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfPagination.js +1 -1
  126. data/dist/js/patternfly.dataTables.pfPagination.min.js +1 -0
  127. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfResize.js +0 -0
  128. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfResize.min.js +1 -1
  129. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfSelect.js +0 -0
  130. data/{assets/javascripts → dist/js}/patternfly.dataTables.pfSelect.min.js +1 -1
  131. data/{assets/javascripts → dist/js}/patternfly.js +153 -106
  132. data/dist/js/patternfly.min.js +2 -0
  133. data/{assets/stylesheets → dist/sass}/_patternfly-compass.scss +1 -1
  134. data/{assets/stylesheets → dist/sass}/_patternfly-sprockets.scss +1 -1
  135. data/dist/sass/_patternfly.scss +145 -0
  136. data/{assets/stylesheets → dist/sass}/patternfly/_about-modal.scss +2 -2
  137. data/{assets/stylesheets → dist/sass}/patternfly/_alerts.scss +0 -0
  138. data/dist/sass/patternfly/_application-launcher.scss +213 -0
  139. data/{assets/stylesheets → dist/sass}/patternfly/_badges.scss +0 -0
  140. data/{assets/stylesheets → dist/sass}/patternfly/_blank-slate.scss +0 -0
  141. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-combobox.scss +1 -1
  142. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-datepicker.scss +13 -5
  143. data/dist/sass/patternfly/_bootstrap-mixin-overrides.scss +33 -0
  144. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-select.scss +15 -7
  145. data/dist/sass/patternfly/_bootstrap-slider.scss +66 -0
  146. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-switch.scss +1 -1
  147. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-touchspin.scss +0 -0
  148. data/{assets/stylesheets → dist/sass}/patternfly/_bootstrap-treeview.scss +0 -0
  149. data/{assets/stylesheets → dist/sass}/patternfly/_breadcrumbs.scss +0 -0
  150. data/{assets/stylesheets → dist/sass}/patternfly/_buttons.scss +2 -2
  151. data/{assets/stylesheets → dist/sass}/patternfly/_card-view.scss +1 -1
  152. data/{assets/stylesheets → dist/sass}/patternfly/_cards.scss +2 -2
  153. data/{assets/stylesheets → dist/sass}/patternfly/_charts.scss +28 -0
  154. data/{assets/stylesheets → dist/sass}/patternfly/_close.scss +1 -0
  155. data/dist/sass/patternfly/_color-variables.scss +85 -0
  156. data/{assets/stylesheets → dist/sass}/patternfly/_datatables.scss +5 -5
  157. data/{assets/stylesheets → dist/sass}/patternfly/_dropdowns.scss +9 -4
  158. data/dist/sass/patternfly/_experimental-features.scss +48 -0
  159. data/dist/sass/patternfly/_fonts.scss +124 -0
  160. data/{assets/stylesheets → dist/sass}/patternfly/_footer.scss +0 -0
  161. data/{assets/stylesheets → dist/sass}/patternfly/_forms.scss +0 -0
  162. data/{assets/stylesheets → dist/sass}/patternfly/_icons.scss +91 -7
  163. data/{assets/stylesheets → dist/sass}/patternfly/_infotip.scss +0 -0
  164. data/{assets/stylesheets → dist/sass}/patternfly/_labels.scss +0 -0
  165. data/{assets/stylesheets → dist/sass}/patternfly/_layouts.scss +0 -0
  166. data/{assets/stylesheets → dist/sass}/patternfly/_links.scss +0 -0
  167. data/{assets/stylesheets → dist/sass}/patternfly/_list-group.scss +0 -0
  168. data/{assets/stylesheets → dist/sass}/patternfly/_list-pf.scss +6 -3
  169. data/{assets/stylesheets → dist/sass}/patternfly/_list-view-dnd.scss +0 -0
  170. data/{assets/stylesheets → dist/sass}/patternfly/_list-view.scss +12 -12
  171. data/{assets/stylesheets → dist/sass}/patternfly/_login.scss +3 -7
  172. data/dist/sass/patternfly/_mixins.scss +81 -0
  173. data/{assets/stylesheets → dist/sass}/patternfly/_modals.scss +0 -0
  174. data/{assets/stylesheets → dist/sass}/patternfly/_nav-vertical-alt.scss +1 -1
  175. data/{assets/stylesheets → dist/sass}/patternfly/_navbar-alt.scss +0 -0
  176. data/{assets/stylesheets → dist/sass}/patternfly/_navbar-vertical.scss +9 -2
  177. data/{assets/stylesheets → dist/sass}/patternfly/_navbar.scss +26 -2
  178. data/{assets/stylesheets → dist/sass}/patternfly/_notifications-drawer.scss +102 -15
  179. data/{assets/stylesheets → dist/sass}/patternfly/_pager.scss +1 -1
  180. data/{assets/stylesheets → dist/sass}/patternfly/_pagination.scss +2 -2
  181. data/{assets/stylesheets → dist/sass}/patternfly/_panels.scss +21 -0
  182. data/{assets/stylesheets → dist/sass}/patternfly/_popovers.scss +1 -1
  183. data/{assets/stylesheets → dist/sass}/patternfly/_progress-bars.scss +1 -1
  184. data/{assets/stylesheets → dist/sass}/patternfly/_search.scss +1 -1
  185. data/{assets/stylesheets → dist/sass}/patternfly/_sidebar.scss +0 -0
  186. data/dist/sass/patternfly/_skip-to-content.scss +12 -0
  187. data/{assets/stylesheets → dist/sass}/patternfly/_spinner.scss +16 -16
  188. data/{assets/stylesheets → dist/sass}/patternfly/_syntax-highlighting.scss +0 -0
  189. data/{assets/stylesheets → dist/sass}/patternfly/_table-view.scss +0 -0
  190. data/{assets/stylesheets → dist/sass}/patternfly/_tables.scss +0 -0
  191. data/{assets/stylesheets → dist/sass}/patternfly/_tabs.scss +1 -1
  192. data/{assets/stylesheets → dist/sass}/patternfly/_time-picker.scss +1 -3
  193. data/{assets/stylesheets → dist/sass}/patternfly/_toast.scss +7 -6
  194. data/{assets/stylesheets → dist/sass}/patternfly/_toolbar.scss +1 -1
  195. data/{assets/stylesheets → dist/sass}/patternfly/_tooltip.scss +0 -0
  196. data/{assets/stylesheets → dist/sass}/patternfly/_type.scss +0 -0
  197. data/{assets/stylesheets → dist/sass}/patternfly/_variables.scss +75 -9
  198. data/{assets/stylesheets → dist/sass}/patternfly/_vertical-nav.scss +41 -42
  199. data/{assets/stylesheets → dist/sass}/patternfly/_wizard.scss +175 -123
  200. data/dist/sass/patternfly/dependencies/bootstrap-combobox/combobox.scss +57 -0
  201. data/dist/sass/patternfly/dependencies/bootstrap-datepicker/datepicker.scss +235 -0
  202. data/dist/sass/patternfly/dependencies/bootstrap-datepicker/datepicker3.scss +251 -0
  203. data/dist/sass/patternfly/dependencies/bootstrap-select/bootstrap-select.scss +389 -0
  204. data/dist/sass/patternfly/dependencies/bootstrap-select/variables.scss +9 -0
  205. data/dist/sass/patternfly/dependencies/bootstrap-slider/_mixins.scss +25 -0
  206. data/dist/sass/patternfly/dependencies/bootstrap-slider/_rules.scss +246 -0
  207. data/dist/sass/patternfly/dependencies/bootstrap-slider/_variables.scss +28 -0
  208. data/dist/sass/patternfly/dependencies/bootstrap-slider/bootstrap-slider.scss +42 -0
  209. data/{assets/stylesheets/patternfly/lib → dist/sass/patternfly/dependencies/bootstrap-switch}/bootstrap-switch.scss +12 -10
  210. data/dist/sass/patternfly/dependencies/bootstrap-switch/build.scss +3 -0
  211. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins.scss +40 -0
  212. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/alerts.scss +14 -0
  213. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/background-variant.scss +9 -0
  214. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/border-radius.scss +18 -0
  215. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/buttons.scss +68 -0
  216. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/center-block.scss +7 -0
  217. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/clearfix.scss +22 -0
  218. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/forms.scss +85 -0
  219. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/gradients.scss +59 -0
  220. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid-framework.scss +98 -0
  221. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/grid.scss +122 -0
  222. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/hide-text.scss +21 -0
  223. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/image.scss +33 -0
  224. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/labels.scss +12 -0
  225. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/list-group.scss +29 -0
  226. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-divider.scss +10 -0
  227. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/nav-vertical-align.scss +9 -0
  228. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/opacity.scss +8 -0
  229. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/pagination.scss +23 -0
  230. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/panels.scss +24 -0
  231. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/progress-bar.scss +10 -0
  232. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-filter.scss +8 -0
  233. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/reset-text.scss +18 -0
  234. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/resize.scss +6 -0
  235. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/responsive-visibility.scss +15 -0
  236. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/size.scss +10 -0
  237. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/tab-focus.scss +9 -0
  238. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/table-row.scss +28 -0
  239. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/text-emphasis.scss +9 -0
  240. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/text-overflow.scss +8 -0
  241. data/dist/sass/patternfly/dependencies/bootstrap-switch/mixins/vendor-prefixes.scss +227 -0
  242. data/dist/sass/patternfly/dependencies/bootstrap-switch/variables.scss +862 -0
  243. data/{assets/stylesheets/patternfly/lib/bootstrap-touchspin.scss → dist/sass/patternfly/dependencies/bootstrap-touchspin/_jquery.bootstrap-touchspin.scss} +1 -1
  244. data/{assets/stylesheets/patternfly/lib/c3.scss → dist/sass/patternfly/dependencies/c3/_c3.scss} +7 -0
  245. data/dist/sass/patternfly/dependencies/eonasdan-bootstrap-datetimepicker/_bootstrap-datetimepicker.scss +344 -0
  246. data/dist/sass/patternfly/dependencies/eonasdan-bootstrap-datetimepicker/bootstrap-datetimepicker-build.scss +16 -0
  247. data/lib/patternfly-sass.rb +4 -4
  248. data/lib/patternfly-sass/engine.rb +2 -2
  249. data/lib/patternfly-sass/version.rb +1 -2
  250. data/patternfly-sass.gemspec +16 -17
  251. metadata +249 -498
  252. data/.gitignore +0 -41
  253. data/.rspec +0 -3
  254. data/.rubocop.yml +0 -56
  255. data/.travis.yml +0 -51
  256. data/Gemfile +0 -3
  257. data/Rakefile +0 -130
  258. data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
  259. data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
  260. data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
  261. data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
  262. data/assets/fonts/patternfly/fontawesome-webfont.svg +0 -685
  263. data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
  264. data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
  265. data/assets/javascripts/patternfly-functions.min.js +0 -1
  266. data/assets/javascripts/patternfly-settings.min.js +0 -1
  267. data/assets/javascripts/patternfly.dataTables.pfFilter.min.js +0 -1
  268. data/assets/javascripts/patternfly.dataTables.pfPagination.min.js +0 -1
  269. data/assets/javascripts/patternfly.min.js +0 -2
  270. data/assets/stylesheets/_patternfly.scss +0 -108
  271. data/assets/stylesheets/patternfly/_color-variables.scss +0 -84
  272. data/assets/stylesheets/patternfly/_fonts.scss +0 -124
  273. data/assets/stylesheets/patternfly/_mixin_overrides.scss +0 -65
  274. data/assets/stylesheets/patternfly/_mixins.scss +0 -120
  275. data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +0 -678
  276. data/assets/stylesheets/patternfly/lib/bootstrap-datetimepicker.scss +0 -374
  277. data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +0 -282
  278. data/assets/stylesheets/patternfly/lib/patternfly-bootstrap-combobox.scss +0 -44
  279. data/bower.json +0 -53
  280. data/package.json +0 -70
  281. data/spec/compare_spec.rb +0 -60
  282. data/spec/html/about-modal.html +0 -77
  283. data/spec/html/accordions.html +0 -336
  284. data/spec/html/alerts.html +0 -106
  285. data/spec/html/area-charts.html +0 -103
  286. data/spec/html/badges.html +0 -73
  287. data/spec/html/bar-charts.html +0 -350
  288. data/spec/html/basic.html +0 -796
  289. data/spec/html/blank-slate.html +0 -81
  290. data/spec/html/bootstrap-combobox.html +0 -344
  291. data/spec/html/bootstrap-datepicker.html +0 -148
  292. data/spec/html/bootstrap-select.html +0 -213
  293. data/spec/html/bootstrap-switch.html +0 -267
  294. data/spec/html/bootstrap-switch.js +0 -61
  295. data/spec/html/bootstrap-touchspin.html +0 -210
  296. data/spec/html/bootstrap-treeview-2.html +0 -296
  297. data/spec/html/bootstrap-treeview.html +0 -383
  298. data/spec/html/breadcrumbs.html +0 -52
  299. data/spec/html/buttons.html +0 -556
  300. data/spec/html/card-view-card-variations.html +0 -201
  301. data/spec/html/card-view-multi-select.html +0 -698
  302. data/spec/html/card-view-single-select.html +0 -432
  303. data/spec/html/cards.html +0 -899
  304. data/spec/html/code.html +0 -83
  305. data/spec/html/dashboard.html +0 -353
  306. data/spec/html/dist/css/patternfly-additions.css +0 -7202
  307. data/spec/html/dist/css/patternfly-additions.css.map +0 -1
  308. data/spec/html/dist/css/patternfly-additions.min.css +0 -5
  309. data/spec/html/dist/css/patternfly-additions.min.css.map +0 -1
  310. data/spec/html/dist/css/patternfly.css +0 -10355
  311. data/spec/html/dist/css/patternfly.css.map +0 -1
  312. data/spec/html/dist/css/patternfly.min.css +0 -8
  313. data/spec/html/dist/css/patternfly.min.css.map +0 -1
  314. data/spec/html/donut-charts.html +0 -235
  315. data/spec/html/dropdowns.html +0 -138
  316. data/spec/html/form.html +0 -281
  317. data/spec/html/forms.html +0 -875
  318. data/spec/html/horizontal-navigation.html +0 -765
  319. data/spec/html/icons.html +0 -447
  320. data/spec/html/img/dashboard-3.png +0 -0
  321. data/spec/html/index.html +0 -284
  322. data/spec/html/infotip.html +0 -89
  323. data/spec/html/labels.html +0 -108
  324. data/spec/html/line-charts.html +0 -178
  325. data/spec/html/list-group.html +0 -111
  326. data/spec/html/list-pf.html +0 -529
  327. data/spec/html/list-view-compound-expansion.html +0 -1720
  328. data/spec/html/list-view-rows.html +0 -597
  329. data/spec/html/list-view-simple-expansion.html +0 -1003
  330. data/spec/html/list-view.html +0 -614
  331. data/spec/html/login.html +0 -92
  332. data/spec/html/modals.html +0 -83
  333. data/spec/html/navbar.html +0 -4680
  334. data/spec/html/notification-drawer-horizontal-nav.html +0 -1503
  335. data/spec/html/notification-drawer-vertical-nav.html +0 -1631
  336. data/spec/html/pagination-card-view.html +0 -560
  337. data/spec/html/pagination-list-view.html +0 -1204
  338. data/spec/html/pagination-table-view.html +0 -813
  339. data/spec/html/pagination.html +0 -320
  340. data/spec/html/panels.html +0 -113
  341. data/spec/html/pie-charts.html +0 -180
  342. data/spec/html/popovers.html +0 -115
  343. data/spec/html/progress-bars.html +0 -335
  344. data/spec/html/search.html +0 -171
  345. data/spec/html/spinner.html +0 -77
  346. data/spec/html/tab.html +0 -842
  347. data/spec/html/table-view-columns.html +0 -495
  348. data/spec/html/table-view-navbar.html +0 -814
  349. data/spec/html/table-view.html +0 -688
  350. data/spec/html/tables.html +0 -540
  351. data/spec/html/tabs.html +0 -279
  352. data/spec/html/tests.css +0 -16
  353. data/spec/html/time-picker.html +0 -75
  354. data/spec/html/toast.html +0 -87
  355. data/spec/html/toolbar.html +0 -268
  356. data/spec/html/tooltip.html +0 -71
  357. data/spec/html/typography-2.css +0 -10
  358. data/spec/html/typography-2.html +0 -313
  359. data/spec/html/typography.html +0 -212
  360. data/spec/html/utilization-bar-charts.html +0 -69
  361. data/spec/html/vertical-navigation-primary-only.html +0 -844
  362. data/spec/html/vertical-navigation-with-badges.html +0 -1184
  363. data/spec/html/vertical-navigation-with-secondary.html +0 -911
  364. data/spec/html/vertical-navigation-with-tertiary-no-icons.html +0 -1085
  365. data/spec/html/vertical-navigation-with-tertiary-pins.html +0 -1085
  366. data/spec/html/wizard.html +0 -756
  367. data/spec/main.html +0 -16
  368. data/spec/spec_helper.rb +0 -9
  369. data/tasks/converter.rb +0 -353
data/spec/html/vertical-navigation-with-badges.html DELETED
@@ -1,1184 +0,0 @@
1
- <!DOCTYPE html>
2
- <!--[if IE 9]><html lang="en-us" class="ie9 layout-pf layout-pf-fixed"><![endif]-->
3
- <!--[if gt IE 9]><!-->
4
- <html lang="en-us" class="layout-pf layout-pf-fixed">
5
- <!--<![endif]-->
6
- <head>
7
- <title>Vertical Navigation with Tertiary Navigation (badges) - PatternFly</title>
8
- <meta charset="UTF-8">
9
- <meta http-equiv="X-UA-Compatible" content="IE=Edge">
10
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
11
- <link rel="shortcut icon" href="../../dist/img/favicon.ico">
12
- <!-- iPad retina icon -->
13
- <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
14
- <!-- iPad retina icon (iOS < 7) -->
15
- <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
16
- <!-- iPad non-retina icon -->
17
- <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
18
- <!-- iPad non-retina icon (iOS < 7) -->
19
- <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
20
- <!-- iPhone 6 Plus icon -->
21
- <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
22
- <!-- iPhone retina icon (iOS < 7) -->
23
- <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
24
- <!-- iPhone non-retina icon (iOS < 7) -->
25
- <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/img/apple-touch-icon-precomposed-57.png">
26
- <link rel="stylesheet" href="../../dist/css/patternfly.min.css" >
27
- <link rel="stylesheet" href="../../dist/css/patternfly-additions.min.css" >
28
- <link href="tests.css" rel="stylesheet" media="screen, print">
29
- <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
30
- <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
31
- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
32
- <script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
33
- <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
34
- <script src="./../../dist/js/patternfly.min.js"></script>
35
- </head>
36
- <div class="toast-notifications-list-pf">
37
- <div class="toast-pf alert alert-warning alert-dismissable">
38
- <button type="button" class="close" data-dismiss="alert" aria-hidden="true">
39
- <span class="pficon pficon-close"></span>
40
- </button>
41
- <span class="pficon pficon-warning-triangle-o"></span>
42
- 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>.
43
- </div>
44
- </div>
45
-
46
- <body class="cards-pf">
47
-
48
- <nav class="navbar navbar-pf-vertical">
49
- <div class="navbar-header">
50
- <button type="button" class="navbar-toggle">
51
- <span class="sr-only">Toggle navigation</span>
52
- <span class="icon-bar"></span>
53
- <span class="icon-bar"></span>
54
- <span class="icon-bar"></span>
55
- </button>
56
- <a href="/" class="navbar-brand">
57
- <img class="navbar-brand-icon" src="./../../dist/img/logo-alt.svg" alt=""/><img class="navbar-brand-name" src="./../../dist/img/brand-alt.svg" alt="PatternFly Enterprise Application" />
58
- </a>
59
- </div>
60
- <nav class="collapse navbar-collapse">
61
- <ul class="nav navbar-nav navbar-right navbar-iconic">
62
- <li class="dropdown">
63
- <a class="dropdown-toggle nav-item-iconic" id="notifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
64
- <span title="Notifications" class="fa pficon-flag"></span>
65
- <span class="badge">2</span>
66
- </a>
67
- <div class="dropdown-menu infotip bottom-right">
68
- <div class="arrow"></div>
69
- <ul class="list-group">
70
- <li class="list-group-item">
71
- <span class="i pficon pficon-info"></span> Modified Datasources ExampleDS
72
- </li>
73
- <li class="list-group-item">
74
- <span class="i pficon pficon-info"></span> Error: System Failure
75
- </li>
76
- </ul>
77
- <div class="footer">
78
- <a>Clear Messages</a>
79
- </div>
80
- </div>
81
- </li>
82
- <li class="dropdown">
83
- <a class="dropdown-toggle nav-item-iconic" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
84
- <span title="Help" class="fa pficon-help"></span>
85
- <span class="caret"></span>
86
- </a>
87
- <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
88
- <li><a href="#">Help</a></li>
89
- <li><a href="#">About</a></li>
90
- </ul>
91
- </li>
92
- <li class="dropdown">
93
- <a class="dropdown-toggle nav-item-iconic" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
94
- <span title="Username" class="fa pficon-user"></span>
95
- <span class="caret"></span>
96
- </a>
97
- <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
98
- <li><a href="#">Preferences</a></li>
99
- <li><a href="#">Logout</a></li>
100
- </ul>
101
- </li>
102
- </ul>
103
- </nav>
104
- </nav> <!--/.navbar-->
105
-
106
-
107
- <div class="nav-pf-vertical nav-pf-vertical-with-sub-menus
108
-
109
-
110
-
111
- nav-pf-vertical-with-badges">
112
- <ul class="list-group">
113
- <li class="list-group-item">
114
- <a>
115
- <span class="fa fa-dashboard" data-toggle="tooltip" title="Dashboard"></span>
116
- <span class="list-group-item-value">Dashboard</span>
117
- </a>
118
- </li>
119
- <li class="list-group-item">
120
- <a>
121
- <span class="fa fa-shield" data-toggle="tooltip" title="Dolor"></span>
122
- <span class="list-group-item-value">Dolor</span>
123
-
124
- <div class="badge-container-pf">
125
- <span class="badge">1283</span>
126
- </div>
127
-
128
- </a>
129
- </li>
130
- <li class="list-group-item active secondary-nav-item-pf" data-target="#ipsum-secondary">
131
- <a>
132
- <span class="fa fa-space-shuttle" data-toggle="tooltip" title="Ipsum"></span>
133
- <span class="list-group-item-value">Ipsum</span>
134
- </a>
135
-
136
- <div id="-secondary" class="nav-pf-secondary-nav">
137
- <div class="nav-item-pf-header">
138
- <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
139
- <span>Ipsum</span>
140
- </div>
141
- <ul class="list-group">
142
- <li class="list-group-item active tertiary-nav-item-pf" data-target="#ipsum-intellegam-tertiary">
143
- <a>
144
- <span class="list-group-item-value">Intellegam</span>
145
- </a>
146
-
147
- <div id="compute-containers-tertiary" class="nav-pf-tertiary-nav">
148
- <div class="nav-item-pf-header">
149
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
150
- <span>Intellegam</span>
151
- </div>
152
- <ul class="list-group">
153
- <li class="list-group-item active">
154
- <a>
155
- <span id="compute-containers-users-nav-item" class="list-group-item-value">Recteque</span>
156
-
157
- <div class="badge-container-pf">
158
- <div class="badge">
159
- <span class="pficon pficon-error-circle-o"></span>
160
- <span>10</span>
161
- </div>
162
- <div class="badge">
163
- <span class="pficon pficon-warning-triangle-o"></span>
164
- <span>4</span>
165
- </div>
166
- </div>
167
-
168
- </a>
169
- </li>
170
- <li class="list-group-item">
171
- <a>
172
- <span id="compute-containers-groups-nav-item" class="list-group-item-value">Suavitate</span>
173
-
174
- <div class="badge-container-pf">
175
- <div class="badge">
176
- <span class="pficon pficon-error-circle-o"></span>
177
- <span>1</span>
178
- </div>
179
- <div class="badge">
180
- <span class="pficon pficon-warning-triangle-o"></span>
181
- <span>3</span>
182
- </div>
183
- </div>
184
-
185
- </a>
186
- </li>
187
- <li class="list-group-item">
188
- <a>
189
- <span id="compute-containers-roles-nav-item" class="list-group-item-value">Vituperatoribus</span>
190
-
191
- <div class="badge-container-pf">
192
- <div class="badge">
193
- <span class="pficon pficon-error-circle-o"></span>
194
- <span>3</span>
195
- </div>
196
- <div class="badge">
197
- <span class="pficon pficon-warning-triangle-o"></span>
198
- <span>1</span>
199
- </div>
200
- </div>
201
-
202
- </a>
203
- </li>
204
- </ul>
205
- </div>
206
-
207
-
208
- </li>
209
- <li class="list-group-item tertiary-nav-item-pf" data-target="#ipsum-copiosae-tertiary">
210
- <a>
211
- <span class="list-group-item-value">Copiosae</span>
212
- </a>
213
-
214
- <div id="compute-infrastructure-tertiary" class="nav-pf-tertiary-nav">
215
- <div class="nav-item-pf-header">
216
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
217
- <span>Copiosae</span>
218
- </div>
219
- <ul class="list-group">
220
- <li class="list-group-item">
221
- <a>
222
- <span class="list-group-item-value">Exerci</span>
223
-
224
- <div class="badge-container-pf">
225
- <span class="badge">10</span>
226
- </div>
227
-
228
- </a>
229
- </li>
230
- <li class="list-group-item">
231
- <a>
232
- <span class="list-group-item-value">Quaeque</span>
233
-
234
- <div class="badge-container-pf">
235
- <span class="badge">3</span>
236
- </div>
237
-
238
- </a>
239
- </li>
240
- <li class="list-group-item">
241
- <a>
242
- <span class="list-group-item-value">Utroque</span>
243
-
244
- <div class="badge-container-pf">
245
- <span class="badge">5</span>
246
- </div>
247
-
248
- </a>
249
- </li>
250
- </ul>
251
- </div>
252
-
253
-
254
- </li>
255
- <li class="list-group-item tertiary-nav-item-pf" data-target="#ipsum-patrioque-tertiary">
256
- <a>
257
- <span class="list-group-item-value">Patrioque</span>
258
- </a>
259
-
260
- <div id="compute-clouds-tertiary" class="nav-pf-tertiary-nav">
261
- <div class="nav-item-pf-header">
262
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
263
- <span>Patrioque</span>
264
- </div>
265
- <ul class="list-group">
266
- <li class="list-group-item">
267
- <a>
268
- <span class="list-group-item-value">Novum</span>
269
-
270
- <div class="badge-container-pf">
271
- <span class="badge">10</span>
272
- </div>
273
-
274
- </a>
275
- </li>
276
- <li class="list-group-item">
277
- <a>
278
- <span class="list-group-item-value">Pericula</span>
279
- </a>
280
- </li>
281
- <li class="list-group-item">
282
- <a>
283
- <span class="list-group-item-value">Gubergren</span>
284
- </a>
285
- </li>
286
- </ul>
287
- </div>
288
-
289
-
290
- </li>
291
-
292
- <li class="list-group-item">
293
- <a>
294
- <span class="list-group-item-value">Accumsan</span>
295
-
296
- <div class="badge-container-pf">
297
- <span class="badge">5</span>
298
- </div>
299
-
300
- </a>
301
- </li>
302
-
303
- </ul>
304
- </div>
305
-
306
-
307
- </li>
308
- <li class="list-group-item secondary-nav-item-pf" data-target="#amet-secondary">
309
- <a>
310
- <span class="fa fa-paper-plane" data-toggle="tooltip" title="Amet"></span>
311
- <span class="list-group-item-value">Amet</span>
312
- </a>
313
-
314
- <div id="amet-secondary" class="nav-pf-secondary-nav">
315
- <div class="nav-item-pf-header">
316
- <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
317
- <span>Amet</span>
318
- </div>
319
- <ul class="list-group">
320
- <li class="list-group-item tertiary-nav-item-pf" data-target="#amet-detracto-tertiary">
321
- <a>
322
- <span class="list-group-item-value">Detracto Suscipiantur</span>
323
-
324
- </a>
325
-
326
- <div id="amet-detracto-tertiary" class="nav-pf-tertiary-nav">
327
- <div class="nav-item-pf-header">
328
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
329
- <span>Detracto</span>
330
- </div>
331
- <ul class="list-group">
332
- <li class="list-group-item">
333
- <a>
334
- <span class="list-group-item-value">Delicatissimi</span>
335
-
336
- <div class="badge-container-pf">
337
- <span class="badge">10</span>
338
- </div>
339
-
340
- </a>
341
- </li>
342
- <li class="list-group-item">
343
- <a>
344
- <span class="list-group-item-value">Aliquam</span>
345
-
346
- <div class="badge-container-pf">
347
- <span class="badge">3</span>
348
- </div>
349
-
350
- </a>
351
- </li>
352
- <li class="list-group-item">
353
- <a>
354
- <span class="list-group-item-value">Principes</span>
355
-
356
- <div class="badge-container-pf">
357
- <span class="badge">5</span>
358
- </div>
359
-
360
- </a>
361
- </li>
362
- </ul>
363
- </div>
364
-
365
-
366
- </li>
367
- <li class="list-group-item tertiary-nav-item-pf" data-target="#amet-mediocrem-tertiary">
368
- <a>
369
- <span class="list-group-item-value">Mediocrem</span>
370
-
371
- </a>
372
-
373
- <div id="amet-mediocrem-tertiary" class="nav-pf-tertiary-nav">
374
- <div class="nav-item-pf-header">
375
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
376
- <span>Mediocrem</span>
377
- </div>
378
- <ul class="list-group">
379
- <li class="list-group-item">
380
- <a>
381
- <span class="list-group-item-value">Convenire</span>
382
-
383
- <div class="badge-container-pf">
384
- <span class="badge">10</span>
385
- </div>
386
-
387
- </a>
388
- </li>
389
- <li class="list-group-item">
390
- <a>
391
- <span class="list-group-item-value">Nonumy</span>
392
-
393
- <div class="badge-container-pf">
394
- <span class="badge">3</span>
395
- </div>
396
-
397
- </a>
398
- </li>
399
- <li class="list-group-item">
400
- <a>
401
- <span class="list-group-item-value">Deserunt</span>
402
-
403
- <div class="badge-container-pf">
404
- <span class="badge">5</span>
405
- </div>
406
-
407
- </a>
408
- </li>
409
- </ul>
410
- </div>
411
-
412
-
413
- </li>
414
- <li class="list-group-item tertiary-nav-item-pf" data-target="#amet-corrumpit-tertiary">
415
- <a>
416
- <span class="list-group-item-value">Corrumpit Cupidatat Proident Deserunt</span>
417
-
418
- </a>
419
-
420
- <div id="amet-corrumpit-tertiary" class="nav-pf-tertiary-nav">
421
- <div class="nav-item-pf-header">
422
- <a class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
423
- <span>Corrumpit</span>
424
- </div>
425
- <ul class="list-group">
426
- <li class="list-group-item">
427
- <a>
428
- <span class="list-group-item-value">Aeque</span>
429
-
430
- <div class="badge-container-pf">
431
- <span class="badge">10</span>
432
- </div>
433
-
434
- </a>
435
- </li>
436
- <li class="list-group-item">
437
- <a>
438
- <span class="list-group-item-value">Delenit</span>
439
-
440
- <div class="badge-container-pf">
441
- <span class="badge">3</span>
442
- </div>
443
-
444
- </a>
445
- </li>
446
- <li class="list-group-item">
447
- <a>
448
- <span class="list-group-item-value">Qualisque</span>
449
-
450
- <div class="badge-container-pf">
451
- <span class="badge">5</span>
452
- </div>
453
-
454
- </a>
455
- </li>
456
- </ul>
457
- </div>
458
-
459
-
460
- </li>
461
-
462
- <li class="list-group-item">
463
- <a>
464
- <span class="list-group-item-value">Urbanitas Habitant Morbi Tristique</span>
465
-
466
- <div class="badge-container-pf">
467
- <span class="badge">5</span>
468
- <span class="badge">5</span>
469
- <span class="badge">5</span>
470
- </div>
471
-
472
- </a>
473
- </li>
474
-
475
- </ul>
476
- </div>
477
-
478
-
479
- </li>
480
- <li class="list-group-item">
481
- <a>
482
- <span class="fa fa-graduation-cap" data-toggle="tooltip" title="Adipscing"></span>
483
- <span class="list-group-item-value">Adipscing</span>
484
- </a>
485
- </li>
486
- <li class="list-group-item">
487
- <a>
488
- <span class="fa fa-gamepad" data-toggle="tooltip" title="Lorem"></span>
489
- <span class="list-group-item-value">Lorem</span>
490
- </a>
491
- </li>
492
-
493
- <li class="list-group-item secondary-nav-item-pf mobile-nav-item-pf visible-xs-block" data-target="#amet-secondary">
494
- <a>
495
- <span class="pficon pficon-user" data-toggle="tooltip" title="" data-original-title="User"></span>
496
- <span class="list-group-item-value">User</span>
497
- </a>
498
- <div id="user-secondary" class="nav-pf-secondary-nav">
499
- <div class="nav-item-pf-header">
500
- <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
501
- <span>User</span>
502
- </div>
503
-
504
- <ul class="list-group">
505
- <li class="list-group-item">
506
- <a>
507
- <span class="list-group-item-value">Preferences</span>
508
- </a>
509
- </li>
510
-
511
- <li class="list-group-item">
512
- <a>
513
- <span class="list-group-item-value">Logout</span>
514
- </a>
515
- </li>
516
- </ul>
517
- </div>
518
- </li>
519
-
520
- <li class="list-group-item secondary-nav-item-pf mobile-nav-item-pf visible-xs-block" data-target="#amet-secondary">
521
- <a>
522
- <span class="pficon pficon-help" data-toggle="tooltip" title="" data-original-title="Amet"></span>
523
- <span class="list-group-item-value">Help</span>
524
- </a>
525
- <div id="help-secondary" class="nav-pf-secondary-nav">
526
- <div class="nav-item-pf-header">
527
- <a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
528
- <span>Help</span>
529
- </div>
530
- <ul class="list-group">
531
- <li class="list-group-item">
532
- <a>
533
- <span class="list-group-item-value">Help</span>
534
- </a>
535
- </li>
536
- <li class="list-group-item">
537
- <a>
538
- <span class="list-group-item-value">About</span>
539
- </a>
540
- </li>
541
- </ul>
542
- </div>
543
- </li>
544
-
545
- </ul>
546
-
547
- </div>
548
- <div class="container-fluid container-cards-pf container-pf-nav-pf-vertical
549
-
550
- nav-pf-vertical-with-badges
551
- ">
552
-
553
- <div class="row row-cards-pf">
554
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
555
- <div class="col-xs-12 col-sm-6 col-md-3">
556
- <div class="card-pf card-pf-accented card-pf-aggregate-status">
557
- <h2 class="card-pf-title">
558
- <span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">0</span> Ipsum
559
- </h2>
560
- <div class="card-pf-body">
561
- <p class="card-pf-aggregate-status-notifications">
562
- <span class="card-pf-aggregate-status-notification"><a href="#" class="add" data-toggle="tooltip" data-placement="top" title="Add Ipsum"><span class="pficon pficon-add-circle-o"></span></a></span>
563
- </p>
564
- </div>
565
- </div>
566
-
567
- </div>
568
- <div class="col-xs-12 col-sm-6 col-md-3">
569
- <div class="card-pf card-pf-accented card-pf-aggregate-status">
570
- <h2 class="card-pf-title">
571
- <a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">20</span> Amet</a>
572
- </h2>
573
- <div class="card-pf-body">
574
- <p class="card-pf-aggregate-status-notifications">
575
- <span class="card-pf-aggregate-status-notification"><a href="#"><span class="pficon pficon-error-circle-o"></span>4</a></span>
576
- <span class="card-pf-aggregate-status-notification"><a href="#"><span class="pficon pficon-warning-triangle-o"></span>1</a></span>
577
- </p>
578
- </div>
579
- </div>
580
-
581
- </div>
582
- <div class="col-xs-12 col-sm-6 col-md-3">
583
- <div class="card-pf card-pf-accented card-pf-aggregate-status">
584
- <h2 class="card-pf-title">
585
- <a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">9</span> Adipiscing</a>
586
- </h2>
587
- <div class="card-pf-body">
588
- <p class="card-pf-aggregate-status-notifications">
589
- <span class="card-pf-aggregate-status-notification"><span class="pficon pficon-ok"></span></span>
590
- </p>
591
- </div>
592
- </div>
593
-
594
- </div>
595
- <div class="col-xs-12 col-sm-6 col-md-3">
596
- <div class="card-pf card-pf-accented card-pf-aggregate-status">
597
- <h2 class="card-pf-title">
598
- <a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">12</span> Lorem</a>
599
- </h2>
600
- <div class="card-pf-body">
601
- <p class="card-pf-aggregate-status-notifications">
602
- <a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
603
- </p>
604
- </div>
605
- </div>
606
- </div>
607
- </div><!-- /row -->
608
- <div class="row row-cards-pf">
609
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
610
- <div class="col-xs-12 col-sm-6 col-md-3">
611
- <div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
612
- <h2 class="card-pf-title">
613
- <span class="fa fa-rebel"></span>
614
- <span class="card-pf-aggregate-status-count">0</span> Ipsum
615
- </h2>
616
- <div class="card-pf-body">
617
- <p class="card-pf-aggregate-status-notifications">
618
- <span class="card-pf-aggregate-status-notification"><a href="#" class="add" data-toggle="tooltip" data-placement="top" title="Add Ipsum"><span class="pficon pficon-add-circle-o"></span></a></span>
619
- </p>
620
- </div>
621
- </div>
622
-
623
- </div>
624
- <div class="col-xs-12 col-sm-6 col-md-3">
625
- <div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
626
- <h2 class="card-pf-title">
627
- <a href="#">
628
- <span class="fa fa-paper-plane"></span>
629
- <span class="card-pf-aggregate-status-count">20</span> Amet
630
- </a>
631
- </h2>
632
- <div class="card-pf-body">
633
- <p class="card-pf-aggregate-status-notifications">
634
- <span class="card-pf-aggregate-status-notification"><a href="#"><span class="pficon pficon-error-circle-o"></span>4</a></span>
635
- </p>
636
- </div>
637
- </div>
638
-
639
- </div>
640
- <div class="col-xs-12 col-sm-6 col-md-3">
641
- <div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
642
- <h2 class="card-pf-title">
643
- <a href="#">
644
- <span class="pficon pficon-cluster"></span>
645
- <span class="card-pf-aggregate-status-count">9</span> Adipiscing
646
- </a>
647
- </h2>
648
- <div class="card-pf-body">
649
- <p class="card-pf-aggregate-status-notifications">
650
- <span class="card-pf-aggregate-status-notification"><span class="pficon pficon-ok"></span></span>
651
- </p>
652
- </div>
653
- </div>
654
-
655
- </div>
656
- <div class="col-xs-12 col-sm-6 col-md-3">
657
- <div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
658
- <h2 class="card-pf-title">
659
- <a href="#">
660
- <span class="pficon pficon-image"></span>
661
- <span class="card-pf-aggregate-status-count">12</span> Lorem
662
- </a>
663
- </h2>
664
- <div class="card-pf-body">
665
- <p class="card-pf-aggregate-status-notifications">
666
- <a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
667
- </p>
668
- </div>
669
- </div>
670
- </div>
671
- </div>
672
- <div class="row row-cards-pf">
673
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
674
- <div class="col-xs-12 col-sm-6">
675
- <div class="card-pf">
676
- <div class="card-pf-heading">
677
- <h2 class="card-pf-title">
678
- Top Utilized Clusters
679
- </h2>
680
- </div>
681
- <div class="card-pf-body">
682
- <div class="progress-description">
683
- RHOS6-Controller
684
- </div>
685
- <div class="progress progress-label-top-right">
686
- <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;" data-toggle="tooltip" title="95% Used">
687
- <span><strong>190.0 of 200.0 GB</strong> Used</span>
688
- </div>
689
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%;" data-toggle="tooltip" title="5% Available">
690
- <span class="sr-only">5% Available</span>
691
- </div>
692
- </div>
693
- <div class="progress-description">
694
- CFMEQE-Cluster
695
- </div>
696
- <div class="progress progress-label-top-right">
697
- <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;" data-toggle="tooltip" title="50% Used">
698
- <span><strong>100.0 of 200.0 GB</strong> Used</span>
699
- </div>
700
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;" data-toggle="tooltip" title="50% Available">
701
- <span class="sr-only">50% Available</span>
702
- </div>
703
- </div>
704
- <div class="progress-description">
705
- RHOS-Undercloud
706
- </div>
707
- <div class="progress progress-label-top-right">
708
- <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;" data-toggle="tooltip" title="70% Used">
709
- <span><strong>140.0 of 200.0 GB</strong> Used</span>
710
- </div>
711
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;" data-toggle="tooltip" title="30% Available">
712
- <span class="sr-only">30% Available</span>
713
- </div>
714
- </div>
715
- <div class="progress-description">
716
- RHEL6-Controller
717
- </div>
718
- <div class="progress progress-label-top-right">
719
- <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="76.5" aria-valuemin="0" aria-valuemax="100" style="width: 76.5%;" data-toggle="tooltip" title="76.5% Used">
720
- <span><strong>153.0 of 200.0 GB</strong> Used</span>
721
- </div>
722
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="23.5" aria-valuemin="0" aria-valuemax="100" style="width: 23.5%;" data-toggle="tooltip" title="23.5% Available">
723
- <span class="sr-only">23.5% Available</span>
724
- </div>
725
- </div>
726
- </div>
727
- </div>
728
-
729
- </div>
730
- <div class="col-xs-12 col-sm-6">
731
- <div class="card-pf">
732
- <div class="card-pf-heading">
733
- <h2 class="card-pf-title">
734
- Quotas
735
- </h2>
736
- </div>
737
- <div class="card-pf-body">
738
- <div class="progress-container progress-description-left progress-label-right">
739
- <div class="progress-description">
740
- CPU
741
- </div>
742
- <div class="progress">
743
- <div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;" data-toggle="tooltip" title="25% Used">
744
- <span><strong>115 of 460</strong> MHz</span>
745
- </div>
746
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;" data-toggle="tooltip" title="75% Available">
747
- <span class="sr-only">75% Available</span>
748
- </div>
749
- </div>
750
- </div>
751
- <div class="progress-container progress-description-left progress-label-right">
752
- <div class="progress-description">
753
- Memory
754
- </div>
755
- <div class="progress">
756
- <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;" data-toggle="tooltip" title="8 GB Used">
757
- <span><strong>8 of 16</strong> GB</span>
758
- </div>
759
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;" data-toggle="tooltip" title="8 GB Available">
760
- <span class="sr-only">50% Available</span>
761
- </div>
762
- </div>
763
- </div>
764
- <div class="progress-container progress-description-left progress-label-right">
765
- <div class="progress-description">
766
- Pods
767
- </div>
768
- <div class="progress">
769
- <div class="progress-bar" role="progressbar" aria-valuenow="62.5" aria-valuemin="0" aria-valuemax="100" style="width: 62.5%;" data-toggle="tooltip" title="62.5% Used">
770
- <span><strong>5 of 8</strong> Total</span>
771
- </div>
772
- <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="37.5" aria-valuemin="0" aria-valuemax="100" style="width: 37.5%;" data-toggle="tooltip" title="37.5% Available">
773
- <span class="sr-only">37.5% Available</span>
774
- </div>
775
- </div>
776
- </div>
777
- <div class="progress-container progress-description-left progress-label-right">
778
- <div class="progress-description">
779
- Services
780
- </div>
781
- <div class="progress">
782
- <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" data-toggle="tooltip" title="100% Used">
783
- <span><strong>2 of 2</strong> Total</span>
784
- </div>
785
- </div>
786
- </div>
787
- </div>
788
- </div>
789
-
790
- </div>
791
- </div><!-- /row -->
792
- <div class="row row-cards-pf">
793
- <div class="col-md-12">
794
- <div class="card-pf card-pf-utilization">
795
- <div class="card-pf-heading">
796
- <p class="card-pf-heading-details">Last 30 days</p>
797
- <h2 class="card-pf-title">
798
- Utilization
799
- </h2>
800
- </div>
801
- <div class="card-pf-body">
802
- <div class="row">
803
- <div class="col-xs-12 col-sm-4 col-md-4">
804
- <h3 class="card-pf-subtitle">CPU</h3>
805
- <p class="card-pf-utilization-details">
806
- <span class="card-pf-utilization-card-details-count">50</span>
807
- <span class="card-pf-utilization-card-details-description">
808
- <span class="card-pf-utilization-card-details-line-1">Available</span>
809
- <span class="card-pf-utilization-card-details-line-2">of 1000 MHz</span>
810
- </span>
811
- </p>
812
- <div id="chart-pf-donut-1"></div>
813
- <div class="chart-pf-sparkline" id="chart-pf-sparkline-1"></div>
814
- <script>
815
- var donutConfig = $().c3ChartDefaults().getDefaultDonutConfig('A');
816
- donutConfig.bindto = '#chart-pf-donut-1';
817
- donutConfig.color = {
818
- pattern: ["#cc0000","#D1D1D1"]
819
- };
820
- donutConfig.data = {
821
- type: "donut",
822
- columns: [
823
- ["Used", 95],
824
- ["Available", 5]
825
- ],
826
- groups: [
827
- ["used", "available"]
828
- ],
829
- order: null
830
- };
831
- donutConfig.tooltip = {
832
- contents: function (d) {
833
- return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
834
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
835
- '</span>';
836
- }
837
- };
838
-
839
- var chart1 = c3.generate(donutConfig);
840
- var donutChartTitle = d3.select("#chart-pf-donut-1").select('text.c3-chart-arcs-title');
841
- donutChartTitle.text("");
842
- donutChartTitle.insert('tspan').text("950").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
843
- donutChartTitle.insert('tspan').text("MHz Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
844
-
845
- var sparklineConfig = $().c3ChartDefaults().getDefaultSparklineConfig();
846
- sparklineConfig.bindto = '#chart-pf-sparkline-1';
847
- sparklineConfig.data = {
848
- columns: [
849
- ['%', 10, 50, 28, 20, 31, 27, 60, 36, 52, 55, 62, 68, 69, 88, 74, 88, 95],
850
- ],
851
- type: 'area'
852
- };
853
- var chart2 = c3.generate(sparklineConfig);
854
- </script>
855
- </div>
856
- <div class="col-xs-12 col-sm-4 col-md-4">
857
- <h3 class="card-pf-subtitle">Memory</h3>
858
- <p class="card-pf-utilization-details">
859
- <span class="card-pf-utilization-card-details-count">256</span>
860
- <span class="card-pf-utilization-card-details-description">
861
- <span class="card-pf-utilization-card-details-line-1">Available</span>
862
- <span class="card-pf-utilization-card-details-line-2">of 432 GB</span>
863
- </span>
864
- </p>
865
- <div id="chart-pf-donut-2"></div>
866
- <div class="chart-pf-sparkline" id="chart-pf-sparkline-2"></div>
867
- <script>
868
- var donutConfig = $().c3ChartDefaults().getDefaultDonutConfig('A');
869
- donutConfig.bindto = '#chart-pf-donut-2';
870
- donutConfig.color = {
871
- pattern: ["#3f9c35","#D1D1D1"]
872
- };
873
- donutConfig.data = {
874
- type: "donut",
875
- columns: [
876
- ["Used", 41],
877
- ["Available", 59]
878
- ],
879
- groups: [
880
- ["used", "available"]
881
- ],
882
- order: null
883
- };
884
- donutConfig.tooltip = {
885
- contents: function (d) {
886
- return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
887
- Math.round(d[0].ratio * 100) + '%' + ' GB ' + d[0].name +
888
- '</span>';
889
- }
890
- };
891
-
892
- var chart3 = c3.generate(donutConfig);
893
- var donutChartTitle = d3.select("#chart-pf-donut-2").select('text.c3-chart-arcs-title');
894
- donutChartTitle.text("");
895
- donutChartTitle.insert('tspan').text("176").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
896
- donutChartTitle.insert('tspan').text("GB Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
897
-
898
- var sparklineConfig = $().c3ChartDefaults().getDefaultSparklineConfig();
899
- sparklineConfig.bindto = '#chart-pf-sparkline-2';
900
- sparklineConfig.data = {
901
- columns: [
902
- ['%', 35, 36, 20, 30, 31, 22, 44, 36, 40, 41, 55, 52, 48, 48, 50, 40, 41],
903
- ],
904
- type: 'area'
905
- };
906
- var chart4 = c3.generate(sparklineConfig);
907
- </script>
908
- </div>
909
- <div class="col-xs-12 col-sm-4 col-md-4">
910
- <h3 class="card-pf-subtitle">Network</h3>
911
- <p class="card-pf-utilization-details">
912
- <span class="card-pf-utilization-card-details-count">200</span>
913
- <span class="card-pf-utilization-card-details-description">
914
- <span class="card-pf-utilization-card-details-line-1">Available</span>
915
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
916
- </span>
917
- </p>
918
- <div id="chart-pf-donut-3"></div>
919
- <div class="chart-pf-sparkline" id="chart-pf-sparkline-3"></div>
920
- <script>
921
- var donutConfig = $().c3ChartDefaults().getDefaultDonutConfig('A');
922
- donutConfig.bindto = '#chart-pf-donut-3';
923
- donutConfig.color = {
924
- pattern: ["#EC7A08","#D1D1D1"]
925
- };
926
- donutConfig.data = {
927
- type: "donut",
928
- columns: [
929
- ["Used", 85],
930
- ["Available", 15]
931
- ],
932
- groups: [
933
- ["used", "available"]
934
- ],
935
- order: null
936
- };
937
- donutConfig.tooltip = {
938
- contents: function (d) {
939
- return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
940
- Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
941
- '</span>';
942
- }
943
- };
944
-
945
- var chart5 = c3.generate(donutConfig);
946
- var donutChartTitle = d3.select("#chart-pf-donut-3").select('text.c3-chart-arcs-title');
947
- donutChartTitle.text("");
948
- donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
949
- donutChartTitle.insert('tspan').text("Gbps Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
950
-
951
- var sparklineConfig = $().c3ChartDefaults().getDefaultSparklineConfig();
952
- sparklineConfig.bindto = '#chart-pf-sparkline-3';
953
- sparklineConfig.data = {
954
- columns: [
955
- ['%', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
956
- ],
957
- type: 'area'
958
- };
959
- var chart6 = c3.generate(sparklineConfig);
960
- </script>
961
- </div>
962
- </div>
963
- </div>
964
- </div>
965
-
966
- </div>
967
- </div><!-- /row -->
968
- <div class="row row-cards-pf">
969
- <div class="col-xs-12 col-sm-4 col-md-4">
970
- <div class="card-pf card-pf-utilization">
971
- <h2 class="card-pf-title">
972
- Network
973
- </h2>
974
- <div class="card-pf-body">
975
- <p class="card-pf-utilization-details">
976
- <span class="card-pf-utilization-card-details-count">200</span>
977
- <span class="card-pf-utilization-card-details-description">
978
- <span class="card-pf-utilization-card-details-line-1">Available</span>
979
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
980
- </span>
981
- </p>
982
- <div id="chart-pf-donut-4"></div>
983
- <div class="chart-pf-sparkline" id="chart-pf-sparkline-4"></div>
984
- <script>
985
- var c3ChartDefaults = $().c3ChartDefaults();
986
-
987
- var donutConfig = c3ChartDefaults.getDefaultDonutConfig('A');
988
- donutConfig.bindto = '#chart-pf-donut-4';
989
- donutConfig.color = {
990
- pattern: ["#EC7A08","#D1D1D1"]
991
- };
992
- donutConfig.data = {
993
- type: "donut",
994
- columns: [
995
- ["Used", 85],
996
- ["Available", 15]
997
- ],
998
- groups: [
999
- ["used", "available"]
1000
- ],
1001
- order: null
1002
- };
1003
- donutConfig.tooltip = {
1004
- contents: function (d) {
1005
- return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
1006
- Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
1007
- '</span>';
1008
- }
1009
- };
1010
-
1011
- var chart1 = c3.generate(donutConfig);
1012
- var donutChartTitle = d3.select("#chart-pf-donut-4").select('text.c3-chart-arcs-title');
1013
- donutChartTitle.text("");
1014
- donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
1015
- donutChartTitle.insert('tspan').text("Gbps Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
1016
-
1017
- var sparklineConfig = c3ChartDefaults.getDefaultSparklineConfig();
1018
- sparklineConfig.bindto = '#chart-pf-sparkline-4';
1019
- sparklineConfig.data = {
1020
- columns: [
1021
- ['%', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
1022
- ],
1023
- type: 'area'
1024
- };
1025
-
1026
- var chart2 = c3.generate(sparklineConfig);
1027
- </script>
1028
- </div>
1029
- </div>
1030
-
1031
- </div>
1032
- </div><!-- /row -->
1033
- <div class="row row-cards-pf">
1034
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
1035
- <div class="col-xs-12 col-sm-6 col-md-5">
1036
- <div class="card-pf">
1037
- <div class="card-pf-heading">
1038
- <div class="dropdown card-pf-time-frame-filter">
1039
- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1040
- Last 30 Days <span class="caret"></span>
1041
- </button>
1042
- <ul class="dropdown-menu dropdown-menu-right" role="menu">
1043
- <li class="selected"><a href="#">Last 30 Days</a></li>
1044
- <li><a href="#">Last 60 Days</a></li>
1045
- <li><a href="#">Last 90 Days</a></li>
1046
- </ul>
1047
- </div>
1048
- <h2 class="card-pf-title">
1049
- Card Title
1050
- </h2>
1051
- </div>
1052
- <div class="card-pf-body">
1053
- <p>[card contents]</p>
1054
- </div>
1055
- </div>
1056
-
1057
- </div>
1058
- <div class="col-xs-12 col-sm-6 col-md-7">
1059
- <div class="card-pf">
1060
- <h2 class="card-pf-title">
1061
- Card Title
1062
- </h2>
1063
- <div class="card-pf-body">
1064
- <p>[card contents]</p>
1065
- </div>
1066
- <div class="card-pf-footer">
1067
- <div class="dropdown card-pf-time-frame-filter">
1068
- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1069
- Last 30 Days <span class="caret"></span>
1070
- </button>
1071
- <ul class="dropdown-menu dropdown-menu-right" role="menu">
1072
- <li class="selected"><a href="#">Last 30 Days</a></li>
1073
- <li><a href="#">Last 60 Days</a></li>
1074
- <li><a href="#">Last 90 Days</a></li>
1075
- </ul>
1076
- </div>
1077
- <p>
1078
- <a href="#" class="card-pf-link-with-icon">
1079
- <span class="pficon pficon-add-circle-o"></span>Add New Cluster
1080
- </a>
1081
- </p>
1082
- </div>
1083
- </div>
1084
-
1085
- </div>
1086
- </div><!-- /row -->
1087
- <div class="row row-cards-pf">
1088
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
1089
- <div class="col-xs-12 col-sm-5 col-md-5">
1090
- <div class="card-pf">
1091
- <h2 class="card-pf-title">
1092
- Card Title
1093
- </h2>
1094
- <div class="card-pf-body">
1095
- <p>[card contents]</p>
1096
- </div>
1097
- <div class="card-pf-footer">
1098
- <div class="dropdown card-pf-time-frame-filter">
1099
- <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
1100
- Last 30 Days <span class="caret"></span>
1101
- </button>
1102
- <ul class="dropdown-menu dropdown-menu-right" role="menu">
1103
- <li class="selected"><a href="#">Last 30 Days</a></li>
1104
- <li><a href="#">Last 60 Days</a></li>
1105
- <li><a href="#">Last 90 Days</a></li>
1106
- </ul>
1107
- </div>
1108
- <p>
1109
- <a href="#" class="card-pf-link-with-icon">
1110
- <span class="pficon pficon-flag"></span>View CPU Events
1111
- </a>
1112
- </p>
1113
- </div>
1114
- </div>
1115
- </div>
1116
- <div class="col-xs-12 col-sm-7 col-md-7">
1117
- <div class="card-pf">
1118
- <h2 class="card-pf-title">
1119
- Card Title
1120
- </h2>
1121
- <div class="card-pf-body">
1122
- <p>[card contents]</p>
1123
- </div>
1124
- </div>
1125
- </div>
1126
- </div>
1127
- <div class="row row-cards-pf">
1128
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
1129
- <div class="col-xs-6 col-sm-8 col-md-8">
1130
- <div class="card-pf">
1131
- <div class="card-pf-body">
1132
- <p>[card contents]</p>
1133
- </div>
1134
- <div class="card-pf-footer">
1135
- <p><a href="#">Footer link</a></p>
1136
- </div>
1137
- </div>
1138
- </div>
1139
- <div class="col-xs-6 col-sm-4 col-md-4">
1140
- <div class="card-pf">
1141
- <div class="card-pf-body">
1142
- <p>[card contents]</p>
1143
- </div>
1144
- <div class="card-pf-footer">
1145
- <p><a href="#">Footer link</a></p>
1146
- </div>
1147
- </div>
1148
- </div>
1149
- </div><!-- /row -->
1150
- <div class="row row-cards-pf">
1151
- <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
1152
- <div class="col-xs-6 col-sm-6 col-md-6">
1153
- <div class="card-pf">
1154
- <div class="card-pf-body">
1155
- <p>[card contents]</p>
1156
- </div>
1157
- </div>
1158
- </div>
1159
- <div class="col-xs-6 col-sm-6 col-md-6">
1160
- <div class="card-pf">
1161
- <div class="card-pf-body">
1162
- <p>[card contents]</p>
1163
- </div>
1164
- </div>
1165
- </div>
1166
- </div><!-- /row -->
1167
-
1168
- </div>
1169
- <script>
1170
- $(document).ready(function() {
1171
- // matchHeight the contents of each .card-pf and then the .card-pf itself
1172
- $(".row-cards-pf > [class*='col'] > .card-pf .card-pf-title").matchHeight();
1173
- $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
1174
- $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
1175
- $(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
1176
-
1177
- // Initialize the vertical navigation
1178
- $().setupVerticalNavigation(true);
1179
- });
1180
- </script>
1181
-
1182
-
1183
- </body>
1184
- </html>