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.
- checksums.yaml +4 -4
- data/assets/fonts/patternfly/OpenSans-Bold-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-Bold-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-Bold-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-Bold-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-BoldItalic-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBold-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-Italic-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-Italic-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-Italic-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-Italic-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-Light-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-Light-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-Light-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-Light-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-LightItalic-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-Regular-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-Regular-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-Regular-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-Regular-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-Semibold-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-Semibold-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-Semibold-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-Semibold-webfont.woff +0 -0
- data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.eot +0 -0
- data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.svg +0 -0
- data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.ttf +0 -0
- data/assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.woff +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.eot +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.svg +44 -14
- data/assets/fonts/patternfly/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.woff +0 -0
- data/assets/fonts/patternfly/fontawesome-webfont.woff2 +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-114.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-144.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-57.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-72.png +0 -0
- data/assets/images/patternfly/bg-login.jpg +0 -0
- data/assets/images/patternfly/logo-alt.svg +18 -18
- data/assets/images/patternfly/logo.svg +22 -22
- data/assets/javascripts/patternfly.js +290 -91
- data/assets/javascripts/patternfly.min.js +2 -1
- data/assets/stylesheets/patternfly/_layouts.scss +23 -42
- data/assets/stylesheets/patternfly/_list-view.scss +7 -0
- data/assets/stylesheets/patternfly/_navbar.scss +3 -3
- data/assets/stylesheets/patternfly/_notifications-drawer.scss +16 -3
- data/assets/stylesheets/patternfly/_toolbar.scss +120 -14
- data/assets/stylesheets/patternfly/_variables.scss +20 -5
- data/assets/stylesheets/patternfly/_vertical-nav.scss +631 -381
- data/assets/stylesheets/patternfly/_wizard.scss +105 -14
- data/assets/stylesheets/patternfly/lib/bootstrap-datepicker.scss +0 -1
- data/bower.json +11 -11
- data/lib/patternfly-sass/version.rb +2 -2
- data/patternfly-sass.gemspec +2 -2
- data/spec/html/about-modal.html +1 -1
- data/spec/html/accordions.html +1 -1
- data/spec/html/alerts.html +1 -1
- data/spec/html/area-charts.html +3 -3
- data/spec/html/badges.html +1 -1
- data/spec/html/bar-charts.html +3 -3
- data/spec/html/basic.html +2 -2
- data/spec/html/blank-slate.html +1 -1
- data/spec/html/bootstrap-combobox.html +2 -2
- data/spec/html/bootstrap-datepicker.html +2 -2
- data/spec/html/bootstrap-select.html +2 -2
- data/spec/html/bootstrap-switch.html +1 -1
- data/spec/html/bootstrap-touchspin.html +2 -2
- data/spec/html/bootstrap-treeview-2.html +3 -3
- data/spec/html/bootstrap-treeview.html +3 -3
- data/spec/html/breadcrumbs.html +1 -1
- data/spec/html/buttons.html +1 -1
- data/spec/html/cards.html +4 -4
- data/spec/html/code.html +1 -1
- data/spec/html/dashboard.html +3 -3
- data/spec/html/datatables-columns.html +3 -3
- data/spec/html/datatables.html +2 -2
- data/spec/html/dist/css/patternfly-additions.css +1093 -794
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +2 -2
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css +133 -14
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +6 -6
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/donut-charts.html +3 -3
- data/spec/html/dropdowns.html +1 -1
- data/spec/html/form.html +2 -2
- data/spec/html/forms.html +1 -1
- data/spec/html/horizontal-navigation.html +5 -7
- data/spec/html/icons.html +1 -1
- data/spec/html/index.html +15 -15
- data/spec/html/infotip.html +1 -1
- data/spec/html/labels.html +1 -1
- data/spec/html/line-charts.html +3 -3
- data/spec/html/list-group.html +1 -1
- data/spec/html/list-view-rows.html +592 -0
- data/spec/html/list-view.html +314 -309
- data/spec/html/login.html +1 -1
- data/spec/html/modals.html +1 -1
- data/spec/html/navbar.html +2 -2
- data/spec/html/notification-drawer-horizontal-nav.html +1451 -0
- data/spec/html/{notifications-drawer.html → notification-drawer-vertical-nav.html} +146 -265
- data/spec/html/pagination.html +1 -1
- data/spec/html/panels.html +1 -1
- data/spec/html/pie-charts.html +3 -3
- data/spec/html/popovers.html +1 -1
- data/spec/html/progress-bars.html +1 -1
- data/spec/html/search.html +1 -1
- data/spec/html/spinner.html +1 -1
- data/spec/html/tab.html +2 -2
- data/spec/html/tables.html +1 -1
- data/spec/html/tabs.html +1 -1
- data/spec/html/time-picker.html +2 -2
- data/spec/html/toast.html +1 -1
- data/spec/html/toolbar.html +43 -8
- data/spec/html/tooltip.html +1 -1
- data/spec/html/typography-2.html +1 -1
- data/spec/html/typography.html +1 -1
- data/spec/html/utilization-bar-charts.html +3 -3
- data/spec/html/{layout-alt-fixed-inner-scroll.html → vertical-navigation-primary-only.html} +61 -192
- data/spec/html/{layout-alt-fixed.html → vertical-navigation-with-secondary.html} +120 -184
- data/spec/html/{vertical-navigation-without-icons.html → vertical-navigation-with-tertiary-no-icons.html} +212 -155
- data/spec/html/{vertical-navigation.html → vertical-navigation-with-tertiary-pins.html} +212 -155
- data/spec/html/wizard.html +88 -48
- metadata +21 -21
- data/spec/html/layout-alt-fixed-with-footer-inner-scroll.html +0 -917
- data/spec/html/layout-alt-fixed-with-footer.html +0 -917
@@ -1,10 +1,10 @@
|
|
1
1
|
<!DOCTYPE html>
|
2
|
-
<!--[if IE 9]><html lang="en-us" class="ie9 layout-pf
|
2
|
+
<!--[if IE 9]><html lang="en-us" class="ie9 layout-pf layout-pf-fixed"><![endif]-->
|
3
3
|
<!--[if gt IE 9]><!-->
|
4
|
-
<html lang="en-us" class="layout-pf
|
4
|
+
<html lang="en-us" class="layout-pf layout-pf-fixed">
|
5
5
|
<!--<![endif]-->
|
6
6
|
<head>
|
7
|
-
<title>
|
7
|
+
<title>Vertical Navigation with Secondary - 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.
|
30
|
-
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.
|
31
|
-
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.
|
32
|
-
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.
|
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">
|
@@ -37,11 +37,12 @@
|
|
37
37
|
<span class="pficon pficon-close"></span>
|
38
38
|
</button>
|
39
39
|
<span class="pficon pficon-warning-triangle-o"></span>
|
40
|
-
|
40
|
+
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>.
|
41
41
|
</div>
|
42
42
|
|
43
43
|
<body class="cards-pf">
|
44
|
-
|
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>
|
@@ -100,80 +101,126 @@
|
|
100
101
|
</li>
|
101
102
|
</ul>
|
102
103
|
</nav>
|
103
|
-
|
104
104
|
</nav> <!--/.navbar-->
|
105
105
|
|
106
|
-
|
106
|
+
|
107
|
+
<div class="nav-pf-vertical
|
108
|
+
nav-pf-vertical-with-sub-menus hide-nav-pf
|
109
|
+
|
110
|
+
|
111
|
+
">
|
107
112
|
<ul class="list-group">
|
108
|
-
<li class="list-group-item
|
109
|
-
<a
|
110
|
-
<span class="fa fa-dashboard"
|
113
|
+
<li class="list-group-item">
|
114
|
+
<a>
|
115
|
+
<span class="fa fa-dashboard" data-toggle="tooltip" title="Dashboard"></span>
|
111
116
|
<span class="list-group-item-value">Dashboard</span>
|
112
117
|
</a>
|
113
118
|
</li>
|
114
119
|
<li class="list-group-item">
|
115
|
-
<a
|
116
|
-
<span class="fa fa-
|
117
|
-
<span class="list-group-item-value">
|
118
|
-
<span class="badge">12</span>
|
120
|
+
<a>
|
121
|
+
<span class="fa fa-shield" data-toggle="tooltip" title="Dolor"></span>
|
122
|
+
<span class="list-group-item-value">Dolor</span>
|
119
123
|
</a>
|
120
124
|
</li>
|
121
|
-
<li class="list-group-item">
|
122
|
-
<a
|
123
|
-
<span class="fa fa-
|
124
|
-
<span class="list-group-item-value">
|
125
|
-
|
125
|
+
<li class="list-group-item active secondary-nav-item-pf" data-target="#ipsum-secondary">
|
126
|
+
<a>
|
127
|
+
<span class="fa fa-space-shuttle" data-toggle="tooltip" title="Ipsum"></span>
|
128
|
+
<span class="list-group-item-value">Ipsum</span>
|
129
|
+
</a>
|
130
|
+
|
131
|
+
<div id="-secondary" class="nav-pf-secondary-nav">
|
132
|
+
<div class="nav-item-pf-header">
|
133
|
+
<a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
|
134
|
+
<span>Ipsum</span>
|
135
|
+
</div>
|
136
|
+
<ul class="list-group">
|
137
|
+
<li class="list-group-item active " data-target="#ipsum-intellegam-tertiary">
|
138
|
+
<a>
|
139
|
+
<span class="list-group-item-value">Intellegam</span>
|
126
140
|
</a>
|
141
|
+
|
127
142
|
</li>
|
128
|
-
<li class="list-group-item">
|
129
|
-
<a
|
130
|
-
<span class="
|
131
|
-
<span class="list-group-item-value">My Items</span>
|
143
|
+
<li class="list-group-item " data-target="#ipsum-copiosae-tertiary">
|
144
|
+
<a>
|
145
|
+
<span class="list-group-item-value">Copiosae</span>
|
132
146
|
</a>
|
147
|
+
|
133
148
|
</li>
|
134
|
-
<li class="list-group-item
|
135
|
-
<a
|
136
|
-
<span class="
|
137
|
-
<span class="list-group-item-value">Launch</span>
|
149
|
+
<li class="list-group-item " data-target="#ipsum-patrioque-tertiary">
|
150
|
+
<a>
|
151
|
+
<span class="list-group-item-value">Patrioque</span>
|
138
152
|
</a>
|
153
|
+
|
154
|
+
</li>
|
155
|
+
|
156
|
+
</ul>
|
157
|
+
</div>
|
158
|
+
|
159
|
+
|
139
160
|
</li>
|
140
|
-
<li class="list-group-item
|
141
|
-
<a
|
142
|
-
<span class="
|
143
|
-
<span class="list-group-item-value">
|
144
|
-
|
161
|
+
<li class="list-group-item secondary-nav-item-pf" data-target="#amet-secondary">
|
162
|
+
<a>
|
163
|
+
<span class="fa fa-paper-plane" data-toggle="tooltip" title="Amet"></span>
|
164
|
+
<span class="list-group-item-value">Amet</span>
|
165
|
+
</a>
|
166
|
+
|
167
|
+
<div id="amet-secondary" class="nav-pf-secondary-nav">
|
168
|
+
<div class="nav-item-pf-header">
|
169
|
+
<a class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
|
170
|
+
<span>Amet</span>
|
171
|
+
</div>
|
172
|
+
<ul class="list-group">
|
173
|
+
<li class="list-group-item " data-target="#amet-detracto-tertiary">
|
174
|
+
<a>
|
175
|
+
<span class="list-group-item-value">Detracto</span>
|
176
|
+
|
177
|
+
|
178
|
+
|
145
179
|
</a>
|
180
|
+
|
146
181
|
</li>
|
147
|
-
<li class="list-group-item
|
148
|
-
<a
|
149
|
-
<span class="
|
150
|
-
|
182
|
+
<li class="list-group-item " data-target="#amet-mediocrem-tertiary">
|
183
|
+
<a>
|
184
|
+
<span class="list-group-item-value">Mediocrem</span>
|
185
|
+
|
186
|
+
|
187
|
+
|
151
188
|
</a>
|
189
|
+
|
152
190
|
</li>
|
153
|
-
|
154
|
-
<a
|
155
|
-
<span class="
|
156
|
-
|
191
|
+
<li class="list-group-item " data-target="#amet-corrumpit-tertiary">
|
192
|
+
<a>
|
193
|
+
<span class="list-group-item-value">Corrumpit</span>
|
194
|
+
|
195
|
+
|
196
|
+
|
157
197
|
</a>
|
198
|
+
|
158
199
|
</li>
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
200
|
+
|
201
|
+
</ul>
|
202
|
+
</div>
|
203
|
+
|
204
|
+
|
205
|
+
</li>
|
206
|
+
<li class="list-group-item">
|
207
|
+
<a>
|
208
|
+
<span class="fa fa-graduation-cap" data-toggle="tooltip" title="Adipscing"></span>
|
209
|
+
<span class="list-group-item-value">Adipscing</span>
|
163
210
|
</a>
|
164
211
|
</li>
|
165
|
-
<li class="list-group-item
|
166
|
-
<a
|
167
|
-
<span class="fa fa-
|
168
|
-
<span class="list-group-item-value">
|
212
|
+
<li class="list-group-item">
|
213
|
+
<a>
|
214
|
+
<span class="fa fa-gamepad" data-toggle="tooltip" title="Lorem"></span>
|
215
|
+
<span class="list-group-item-value">Lorem</span>
|
169
216
|
</a>
|
170
217
|
</li>
|
171
218
|
</ul>
|
172
|
-
</
|
173
|
-
<div class="container-fluid container-cards-pf container-pf-
|
174
|
-
|
219
|
+
</div>
|
220
|
+
<div class="container-fluid container-cards-pf container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-sub-menus ">
|
221
|
+
<div class="row row-cards-pf">
|
175
222
|
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
176
|
-
<div class="col-xs-
|
223
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
177
224
|
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
178
225
|
<h2 class="card-pf-title">
|
179
226
|
<span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">0</span> Ipsum
|
@@ -186,7 +233,7 @@
|
|
186
233
|
</div>
|
187
234
|
|
188
235
|
</div>
|
189
|
-
<div class="col-xs-
|
236
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
190
237
|
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
191
238
|
<h2 class="card-pf-title">
|
192
239
|
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">20</span> Amet</a>
|
@@ -200,7 +247,7 @@
|
|
200
247
|
</div>
|
201
248
|
|
202
249
|
</div>
|
203
|
-
<div class="col-xs-
|
250
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
204
251
|
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
205
252
|
<h2 class="card-pf-title">
|
206
253
|
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">9</span> Adipiscing</a>
|
@@ -213,7 +260,7 @@
|
|
213
260
|
</div>
|
214
261
|
|
215
262
|
</div>
|
216
|
-
<div class="col-xs-
|
263
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
217
264
|
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
218
265
|
<h2 class="card-pf-title">
|
219
266
|
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">12</span> Lorem</a>
|
@@ -225,34 +272,10 @@
|
|
225
272
|
</div>
|
226
273
|
</div>
|
227
274
|
</div>
|
228
|
-
<div class="col-xs-6 col-sm-4 col-md-2">
|
229
|
-
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
230
|
-
<h2 class="card-pf-title">
|
231
|
-
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">6</span> Dolar Sit</a>
|
232
|
-
</h2>
|
233
|
-
<div class="card-pf-body">
|
234
|
-
<p class="card-pf-aggregate-status-notifications">
|
235
|
-
<a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
|
236
|
-
</p>
|
237
|
-
</div>
|
238
|
-
</div>
|
239
|
-
</div>
|
240
|
-
<div class="col-xs-6 col-sm-4 col-md-2">
|
241
|
-
<div class="card-pf card-pf-accented card-pf-aggregate-status">
|
242
|
-
<h2 class="card-pf-title">
|
243
|
-
<a href="#"><span class="fa fa-shield"></span><span class="card-pf-aggregate-status-count">199</span> Consectetur</a>
|
244
|
-
</h2>
|
245
|
-
<div class="card-pf-body">
|
246
|
-
<p class="card-pf-aggregate-status-notifications">
|
247
|
-
<a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
|
248
|
-
</p>
|
249
|
-
</div>
|
250
|
-
</div>
|
251
|
-
</div>
|
252
275
|
</div><!-- /row -->
|
253
276
|
<div class="row row-cards-pf">
|
254
277
|
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
255
|
-
<div class="col-xs-12 col-sm-
|
278
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
256
279
|
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
257
280
|
<h2 class="card-pf-title">
|
258
281
|
<span class="fa fa-rebel"></span>
|
@@ -266,7 +289,7 @@
|
|
266
289
|
</div>
|
267
290
|
|
268
291
|
</div>
|
269
|
-
<div class="col-xs-12 col-sm-
|
292
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
270
293
|
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
271
294
|
<h2 class="card-pf-title">
|
272
295
|
<a href="#">
|
@@ -282,7 +305,7 @@
|
|
282
305
|
</div>
|
283
306
|
|
284
307
|
</div>
|
285
|
-
<div class="col-xs-12 col-sm-
|
308
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
286
309
|
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
287
310
|
<h2 class="card-pf-title">
|
288
311
|
<a href="#">
|
@@ -298,7 +321,7 @@
|
|
298
321
|
</div>
|
299
322
|
|
300
323
|
</div>
|
301
|
-
<div class="col-xs-12 col-sm-
|
324
|
+
<div class="col-xs-12 col-sm-6 col-md-3">
|
302
325
|
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
303
326
|
<h2 class="card-pf-title">
|
304
327
|
<a href="#">
|
@@ -313,39 +336,10 @@
|
|
313
336
|
</div>
|
314
337
|
</div>
|
315
338
|
</div>
|
316
|
-
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
|
317
|
-
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
318
|
-
<h2 class="card-pf-title">
|
319
|
-
<a href="#">
|
320
|
-
<span class="fa fa-shield"></span>
|
321
|
-
<span class="card-pf-aggregate-status-count">6</span> Dolar Sit
|
322
|
-
</a>
|
323
|
-
</h2>
|
324
|
-
<div class="card-pf-body">
|
325
|
-
<p class="card-pf-aggregate-status-notifications">
|
326
|
-
<a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>1</span></a>
|
327
|
-
</p>
|
328
|
-
</div>
|
329
|
-
</div>
|
330
|
-
</div>
|
331
|
-
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-2">
|
332
|
-
<div class="card-pf card-pf-accented card-pf-aggregate-status card-pf-aggregate-status-mini">
|
333
|
-
<h2 class="card-pf-title">
|
334
|
-
<a href="#">
|
335
|
-
<span class="fa fa-rocket"></span>
|
336
|
-
<span class="card-pf-aggregate-status-count">199</span> Consectetur
|
337
|
-
</a>
|
338
|
-
</h2>
|
339
|
-
<div class="card-pf-body">
|
340
|
-
<p class="card-pf-aggregate-status-notifications">
|
341
|
-
<a href="#"><span class="card-pf-aggregate-status-notification"><span class="pficon pficon-error-circle-o"></span>23</span></a>
|
342
|
-
</p>
|
343
|
-
</div>
|
344
|
-
</div>
|
345
|
-
</div>
|
346
339
|
</div>
|
347
340
|
<div class="row row-cards-pf">
|
348
|
-
|
341
|
+
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
342
|
+
<div class="col-xs-12 col-sm-6">
|
349
343
|
<div class="card-pf">
|
350
344
|
<div class="card-pf-heading">
|
351
345
|
<h2 class="card-pf-title">
|
@@ -401,7 +395,7 @@
|
|
401
395
|
</div>
|
402
396
|
|
403
397
|
</div>
|
404
|
-
<div class="col-xs-12 col-sm-6
|
398
|
+
<div class="col-xs-12 col-sm-6">
|
405
399
|
<div class="card-pf">
|
406
400
|
<div class="card-pf-heading">
|
407
401
|
<h2 class="card-pf-title">
|
@@ -462,69 +456,8 @@
|
|
462
456
|
</div>
|
463
457
|
|
464
458
|
</div>
|
465
|
-
<div class="col-xs-12 col-sm-6 col-md-4">
|
466
|
-
<div class="card-pf">
|
467
|
-
<div class="card-pf-heading">
|
468
|
-
<h2 class="card-pf-title">
|
469
|
-
Quotas
|
470
|
-
</h2>
|
471
|
-
</div>
|
472
|
-
<div class="card-pf-body">
|
473
|
-
<div class="progress-container progress-description-left">
|
474
|
-
<div class="progress-description">
|
475
|
-
CPU
|
476
|
-
</div>
|
477
|
-
<div class="progress">
|
478
|
-
<div class="progress-bar" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;" data-toggle="tooltip" title="25% Used">
|
479
|
-
<span class="sr-only">25% Used</span>
|
480
|
-
</div>
|
481
|
-
<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">
|
482
|
-
<span class="sr-only">75% Available</span>
|
483
|
-
</div>
|
484
|
-
</div>
|
485
|
-
</div>
|
486
|
-
<div class="progress-container progress-description-left">
|
487
|
-
<div class="progress-description">
|
488
|
-
Memory
|
489
|
-
</div>
|
490
|
-
<div class="progress">
|
491
|
-
<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">
|
492
|
-
<span class="sr-only">50% Used</span>
|
493
|
-
</div>
|
494
|
-
<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">
|
495
|
-
<span class="sr-only">50% Available</span>
|
496
|
-
</div>
|
497
|
-
</div>
|
498
|
-
</div>
|
499
|
-
<div class="progress-container progress-description-left">
|
500
|
-
<div class="progress-description">
|
501
|
-
Pods
|
502
|
-
</div>
|
503
|
-
<div class="progress">
|
504
|
-
<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">
|
505
|
-
<span class="sr-only">62.5% Used</span>
|
506
|
-
</div>
|
507
|
-
<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">
|
508
|
-
<span class="sr-only">37.5% Available</span>
|
509
|
-
</div>
|
510
|
-
</div>
|
511
|
-
</div>
|
512
|
-
<div class="progress-container progress-description-left">
|
513
|
-
<div class="progress-description">
|
514
|
-
Services
|
515
|
-
</div>
|
516
|
-
<div class="progress">
|
517
|
-
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;" data-toggle="tooltip" title="100% Used">
|
518
|
-
<span class="sr-only">100% Used</span>
|
519
|
-
</div>
|
520
|
-
</div>
|
521
|
-
</div>
|
522
|
-
</div>
|
523
|
-
</div>
|
524
|
-
</div>
|
525
459
|
</div><!-- /row -->
|
526
460
|
<div class="row row-cards-pf">
|
527
|
-
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
528
461
|
<div class="col-md-12">
|
529
462
|
<div class="card-pf card-pf-utilization">
|
530
463
|
<div class="card-pf-heading">
|
@@ -766,6 +699,7 @@
|
|
766
699
|
</div>
|
767
700
|
</div><!-- /row -->
|
768
701
|
<div class="row row-cards-pf">
|
702
|
+
<!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
|
769
703
|
<div class="col-xs-12 col-sm-6 col-md-5">
|
770
704
|
<div class="card-pf">
|
771
705
|
<div class="card-pf-heading">
|
@@ -837,7 +771,7 @@
|
|
837
771
|
</ul>
|
838
772
|
</div>
|
839
773
|
<p>
|
840
|
-
<a href="#" class="card-pf-link-with-icon
|
774
|
+
<a href="#" class="card-pf-link-with-icon">
|
841
775
|
<span class="pficon pficon-flag"></span>View CPU Events
|
842
776
|
</a>
|
843
777
|
</p>
|
@@ -898,16 +832,18 @@
|
|
898
832
|
|
899
833
|
</div>
|
900
834
|
<script>
|
901
|
-
$(function() {
|
835
|
+
$(document).ready(function() {
|
902
836
|
// matchHeight the contents of each .card-pf and then the .card-pf itself
|
903
837
|
$(".row-cards-pf > [class*='col'] > .card-pf .card-pf-title").matchHeight();
|
904
838
|
$(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
|
905
839
|
$(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
|
906
840
|
$(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
|
907
|
-
|
908
|
-
|
841
|
+
|
842
|
+
// Initialize the vertical navigation
|
843
|
+
$().setupVerticalNavigation(true);
|
909
844
|
});
|
910
845
|
</script>
|
911
846
|
|
847
|
+
|
912
848
|
</body>
|
913
849
|
</html>
|