patternfly-sass 3.6.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.travis.yml +2 -2
- data/Rakefile +16 -21
- data/assets/stylesheets/_patternfly.scss +1 -0
- data/assets/stylesheets/patternfly/_list-view.scss +2 -0
- data/assets/stylesheets/patternfly/_wizard.scss +242 -0
- data/bower.json +1 -1
- data/lib/patternfly-sass/version.rb +2 -2
- data/patternfly-sass.gemspec +1 -0
- data/spec/compare_spec.rb +4 -3
- data/spec/html/about-modal.html +13 -13
- data/spec/html/accordions.html +11 -12
- data/spec/html/alerts.html +11 -12
- data/spec/html/area-charts.html +11 -12
- data/spec/html/badges.html +11 -12
- data/spec/html/bar-charts.html +11 -12
- data/spec/html/basic.html +12 -12
- data/spec/html/blank-slate.html +11 -12
- data/spec/html/bootstrap-combobox.html +11 -12
- data/spec/html/bootstrap-datepicker.html +19 -20
- data/spec/html/bootstrap-select.html +11 -12
- data/spec/html/bootstrap-switch.html +11 -12
- data/spec/html/bootstrap-touchspin.html +11 -12
- data/spec/html/bootstrap-treeview-2.html +12 -12
- data/spec/html/bootstrap-treeview.html +11 -12
- data/spec/html/breadcrumbs.html +11 -12
- data/spec/html/buttons.html +11 -12
- data/spec/html/cards.html +12 -12
- data/spec/html/code.html +11 -12
- data/spec/html/dashboard.html +12 -12
- data/spec/html/datatables-columns.html +11 -12
- data/spec/html/datatables.html +11 -12
- data/spec/html/dist/css/patternfly-additions.css +223 -0
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/donut-charts.html +11 -12
- data/spec/html/dropdowns.html +11 -12
- data/spec/html/form.html +12 -12
- data/spec/html/forms.html +11 -12
- data/spec/html/horizontal-navigation.html +12 -12
- data/spec/html/icons.html +11 -12
- data/spec/html/index.html +14 -12
- data/spec/html/infotip.html +13 -13
- data/spec/html/labels.html +11 -12
- data/spec/html/layout-alt-fixed-inner-scroll.html +12 -12
- data/spec/html/layout-alt-fixed-with-footer-inner-scroll.html +12 -12
- data/spec/html/layout-alt-fixed-with-footer.html +12 -12
- data/spec/html/layout-alt-fixed.html +12 -12
- data/spec/html/line-charts.html +11 -12
- data/spec/html/list-group.html +11 -12
- data/spec/html/list-view.html +11 -12
- data/spec/html/login.html +13 -13
- data/spec/html/modals.html +11 -12
- data/spec/html/navbar.html +36 -37
- data/spec/html/notifications-drawer.html +12 -12
- data/spec/html/pagination.html +11 -12
- data/spec/html/panels.html +11 -12
- data/spec/html/pie-charts.html +11 -12
- data/spec/html/popovers.html +11 -12
- data/spec/html/progress-bars.html +11 -12
- data/spec/html/search.html +11 -12
- data/spec/html/spinner.html +11 -12
- data/spec/html/tab.html +12 -12
- data/spec/html/tables.html +11 -12
- data/spec/html/tabs.html +11 -12
- data/spec/html/time-picker.html +11 -12
- data/spec/html/toast.html +11 -12
- data/spec/html/toolbar.html +13 -14
- data/spec/html/tooltip.html +11 -12
- data/spec/html/typography-2.html +12 -12
- data/spec/html/typography.html +11 -12
- data/spec/html/utilization-bar-charts.html +11 -12
- data/spec/html/vertical-navigation-without-icons.html +12 -12
- data/spec/html/vertical-navigation.html +12 -12
- data/spec/html/wizard.html +472 -0
- data/spec/main.html +2 -2
- data/tasks/converter.rb +12 -6
- metadata +19 -2
data/spec/html/time-picker.html
CHANGED
|
@@ -8,29 +8,28 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
30
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
|
|
32
31
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
|
|
33
|
-
<script src="
|
|
32
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
34
33
|
</head>
|
|
35
34
|
|
|
36
35
|
<body>
|
data/spec/html/toast.html
CHANGED
|
@@ -8,27 +8,26 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
-
<script src="
|
|
30
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
31
|
</head>
|
|
33
32
|
|
|
34
33
|
<body>
|
data/spec/html/toolbar.html
CHANGED
|
@@ -8,27 +8,26 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
-
<script src="
|
|
30
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
31
|
</head>
|
|
33
32
|
|
|
34
33
|
<body>
|
|
@@ -52,7 +51,7 @@
|
|
|
52
51
|
<span class="icon-bar"></span>
|
|
53
52
|
</button>
|
|
54
53
|
<a class="navbar-brand" href="/">
|
|
55
|
-
<img src="
|
|
54
|
+
<img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
|
|
56
55
|
</a>
|
|
57
56
|
</div>
|
|
58
57
|
<div class="collapse navbar-collapse navbar-collapse-1">
|
|
@@ -179,7 +178,7 @@
|
|
|
179
178
|
<li><a href="#">Separated link</a></li>
|
|
180
179
|
</ul>
|
|
181
180
|
</div>
|
|
182
|
-
|
|
181
|
+
|
|
183
182
|
</div>
|
|
184
183
|
<div class="form-group toolbar-pf-view-selector">
|
|
185
184
|
<ul class="list-inline">
|
data/spec/html/tooltip.html
CHANGED
|
@@ -8,27 +8,26 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
-
<script src="
|
|
30
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
31
|
</head>
|
|
33
32
|
|
|
34
33
|
<body>
|
data/spec/html/typography-2.html
CHANGED
|
@@ -8,27 +8,27 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
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
28
|
<link href="typography-2.css" rel="stylesheet" media="screen, print">
|
|
29
29
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
30
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
-
<script src="
|
|
31
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
32
|
</head>
|
|
33
33
|
<div class="toast-pf toast-pf-max-width toast-pf-top-right alert alert-warning alert-dismissable">
|
|
34
34
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
<span class="icon-bar"></span>
|
|
49
49
|
</button>
|
|
50
50
|
<a class="navbar-brand" href="/">
|
|
51
|
-
<img src="
|
|
51
|
+
<img src="../../dist/img/brand.svg" alt="PatternFly Enterprise Application" />
|
|
52
52
|
</a>
|
|
53
53
|
</div>
|
|
54
54
|
<div class="collapse navbar-collapse navbar-collapse-1">
|
data/spec/html/typography.html
CHANGED
|
@@ -8,27 +8,26 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
-
<script src="
|
|
30
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
31
|
</head>
|
|
33
32
|
|
|
34
33
|
<body>
|
|
@@ -8,29 +8,28 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
28
|
-
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
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" >
|
|
29
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
30
|
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
|
|
32
31
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
|
-
<script src="
|
|
32
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
34
33
|
</head>
|
|
35
34
|
|
|
36
35
|
<body>
|
|
@@ -8,29 +8,29 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
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
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js"></script>
|
|
31
31
|
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
|
-
<script src="
|
|
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">
|
|
36
36
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
<span class="icon-bar"></span>
|
|
51
51
|
</button>
|
|
52
52
|
<a href="/" class="navbar-brand">
|
|
53
|
-
<img class="navbar-brand-icon" src="
|
|
53
|
+
<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" />
|
|
54
54
|
</a>
|
|
55
55
|
</div>
|
|
56
56
|
<nav class="collapse navbar-collapse">
|
|
@@ -8,29 +8,29 @@
|
|
|
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">
|
|
11
|
-
<link rel="shortcut icon" href="
|
|
11
|
+
<link rel="shortcut icon" href="../../dist/img/favicon.ico">
|
|
12
12
|
<!-- iPad retina icon -->
|
|
13
|
-
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
14
|
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
16
|
<!-- iPad non-retina icon -->
|
|
17
|
-
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
18
|
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
20
|
<!-- iPhone 6 Plus icon -->
|
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
22
|
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
24
|
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
-
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="
|
|
26
|
-
<link rel="stylesheet" href="
|
|
27
|
-
<link rel="stylesheet" href="
|
|
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
28
|
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.6.0/jquery.matchHeight-min.js"></script>
|
|
31
31
|
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
|
-
<script src="
|
|
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">
|
|
36
36
|
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
<span class="icon-bar"></span>
|
|
51
51
|
</button>
|
|
52
52
|
<a href="/" class="navbar-brand">
|
|
53
|
-
<img class="navbar-brand-icon" src="
|
|
53
|
+
<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" />
|
|
54
54
|
</a>
|
|
55
55
|
</div>
|
|
56
56
|
<nav class="collapse navbar-collapse">
|
|
@@ -0,0 +1,472 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
|
|
3
|
+
<!--[if gt IE 9]><!-->
|
|
4
|
+
<html lang="en-us">
|
|
5
|
+
<!--<![endif]-->
|
|
6
|
+
<head>
|
|
7
|
+
<title>Wizard - 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
|
+
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
29
|
+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
30
|
+
<script src="//rawgit.com/jonmiles/bootstrap-treeview/v1.2.0/dist/bootstrap-treeview.min.js"></script>
|
|
31
|
+
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
|
+
</head>
|
|
33
|
+
|
|
34
|
+
<body>
|
|
35
|
+
<div class="container">
|
|
36
|
+
<div class="page-header">
|
|
37
|
+
<h1>Wizard</h1>
|
|
38
|
+
</div>
|
|
39
|
+
<div class="alert alert-warning">
|
|
40
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
41
|
+
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>.
|
|
42
|
+
</div>
|
|
43
|
+
<hr>
|
|
44
|
+
<h2>Initializing</h2>
|
|
45
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#initializing">Launch wizard showing initialization
|
|
46
|
+
state
|
|
47
|
+
</button>
|
|
48
|
+
<div class="example-pf "><!-- for testing/dev; not for production -->
|
|
49
|
+
<div class="modal" id="initializing" tabindex="-1" role="dialog">
|
|
50
|
+
<div class="modal-dialog modal-lg wizard-pf">
|
|
51
|
+
<div class="modal-content">
|
|
52
|
+
<div class="modal-header">
|
|
53
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
54
|
+
<span aria-hidden="true">×</span>
|
|
55
|
+
</button>
|
|
56
|
+
<dt class="modal-title">Wizard Title</dt>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="modal-body wizard-pf-body clearfix">
|
|
59
|
+
<div class="wizard-pf-steps hidden">
|
|
60
|
+
<ul class="wizard-pf-steps-indicator">
|
|
61
|
+
<li>
|
|
62
|
+
<a><span class="wizard-pf-step-number">1</span><span class="wizard-pf-step-title">First Step</span></a>
|
|
63
|
+
</li>
|
|
64
|
+
<li>
|
|
65
|
+
<a><span class="wizard-pf-step-number">2</span><span class="wizard-pf-step-title">Second Step</span></a>
|
|
66
|
+
</li>
|
|
67
|
+
<li>
|
|
68
|
+
<a><span class="wizard-pf-step-number">3</span><span class="wizard-pf-step-title">Review</span></a>
|
|
69
|
+
</li>
|
|
70
|
+
</ul>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
<div class="wizard-pf-sidebar hidden">
|
|
74
|
+
<ul class="list-group">
|
|
75
|
+
<li class="list-group-item active">
|
|
76
|
+
<a>
|
|
77
|
+
<span class="wizard-pf-substep-number">1A.</span>
|
|
78
|
+
<span class="wizard-pf-substep-title">General</span>
|
|
79
|
+
</a>
|
|
80
|
+
</li>
|
|
81
|
+
<li class="list-group-item">
|
|
82
|
+
<a>
|
|
83
|
+
<span class="wizard-pf-substep-number">1B.</span>
|
|
84
|
+
<span class="wizard-pf-substep-title">Masters & Nodes</span>
|
|
85
|
+
</a>
|
|
86
|
+
</li>
|
|
87
|
+
<li class="list-group-item">
|
|
88
|
+
<a>
|
|
89
|
+
<span class="wizard-pf-substep-number">1C.</span>
|
|
90
|
+
<span class="wizard-pf-substep-title">CDN Channel</span>
|
|
91
|
+
</a>
|
|
92
|
+
</li>
|
|
93
|
+
</ul>
|
|
94
|
+
</div><!-- /.wizard-pf-sidebar -->
|
|
95
|
+
|
|
96
|
+
<div class="wizard-pf-main">
|
|
97
|
+
<div class="blank-slate-pf">
|
|
98
|
+
<div class="spinner spinner-lg blank-slate-pf-icon"></div>
|
|
99
|
+
<h3 class="blank-slate-pf-main-action">Loading Wizard</h3>
|
|
100
|
+
<p class="blank-slate-pf-secondary-action">Lorem ipsum dolor sit amet, porta at suspendisse ac, ut wisi
|
|
101
|
+
vivamus, lorem sociosqu eget nunc amet. </p>
|
|
102
|
+
</div>
|
|
103
|
+
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
|
+
</div><!-- /.wizard-pf-body -->
|
|
107
|
+
|
|
108
|
+
<!-- TODO: disable buttons -->
|
|
109
|
+
<div class="modal-footer wizard-pf-footer">
|
|
110
|
+
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">Cancel</button>
|
|
111
|
+
<button type="button" class="btn btn-default disabled" data-dismiss="modal">
|
|
112
|
+
<span class="i fa fa-angle-left"></span>
|
|
113
|
+
Back
|
|
114
|
+
</button>
|
|
115
|
+
<button type="button" class="btn btn-primary disabled" data-dismiss="modal">
|
|
116
|
+
Next
|
|
117
|
+
<span class="i fa fa-angle-right"></span>
|
|
118
|
+
</button>
|
|
119
|
+
</div><!-- /.wizard-pf-footer -->
|
|
120
|
+
|
|
121
|
+
</div><!-- /.modal-content -->
|
|
122
|
+
</div><!-- /.modal-dialog -->
|
|
123
|
+
</div><!-- /.modal -->
|
|
124
|
+
</div><!-- /.example-pf (not for production) -->
|
|
125
|
+
|
|
126
|
+
<h2>First Step</h2>
|
|
127
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#firstStep">Launch wizard showing first step</button>
|
|
128
|
+
<div class="example-pf "><!-- for testing/dev; not for production -->
|
|
129
|
+
<div class="modal " id="firstStep" tabindex="-1" role="dialog">
|
|
130
|
+
<div class="modal-dialog modal-lg wizard-pf">
|
|
131
|
+
<div class="modal-content">
|
|
132
|
+
<div class="modal-header">
|
|
133
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
|
134
|
+
aria-hidden="true">×</span></button>
|
|
135
|
+
<dt class="modal-title">Wizard Title</dt>
|
|
136
|
+
</div>
|
|
137
|
+
<div class="modal-body wizard-pf-body clearfix">
|
|
138
|
+
<div class="wizard-pf-steps">
|
|
139
|
+
<ul class="wizard-pf-steps-indicator">
|
|
140
|
+
<li class="active">
|
|
141
|
+
<a><span class="wizard-pf-step-number">1</span><span class="wizard-pf-step-title">First Step</span></a>
|
|
142
|
+
</li>
|
|
143
|
+
<li>
|
|
144
|
+
<a><span class="wizard-pf-step-number">2</span><span class="wizard-pf-step-title">Second Step</span></a>
|
|
145
|
+
</li>
|
|
146
|
+
<li>
|
|
147
|
+
<a><span class="wizard-pf-step-number">3</span><span class="wizard-pf-step-title">Review</span></a>
|
|
148
|
+
</li>
|
|
149
|
+
</ul>
|
|
150
|
+
</div>
|
|
151
|
+
|
|
152
|
+
<div class="wizard-pf-sidebar">
|
|
153
|
+
<ul class="list-group">
|
|
154
|
+
<li class="list-group-item active clearfix">
|
|
155
|
+
<a>
|
|
156
|
+
<span class="wizard-pf-substep-number">1A.</span>
|
|
157
|
+
<span class="wizard-pf-substep-title">Details</span>
|
|
158
|
+
</a>
|
|
159
|
+
</li>
|
|
160
|
+
<li class="list-group-item">
|
|
161
|
+
<a>
|
|
162
|
+
<span class="wizard-pf-substep-number">1B.</span>
|
|
163
|
+
<span class="wizard-pf-substep-title">Progress</span>
|
|
164
|
+
</a>
|
|
165
|
+
</li>
|
|
166
|
+
</div><!-- /.wizard-pf-sidebar -->
|
|
167
|
+
|
|
168
|
+
<div class="wizard-pf-main">
|
|
169
|
+
<div>
|
|
170
|
+
<form class="form-horizontal">
|
|
171
|
+
<div class="form-group required">
|
|
172
|
+
<label class="col-sm-2 control-label" for="textInput-markup">Name</label>
|
|
173
|
+
<div class="col-sm-10">
|
|
174
|
+
<input type="text" id="textInput-markup" class="form-control">
|
|
175
|
+
</div>
|
|
176
|
+
</div>
|
|
177
|
+
<div class="form-group">
|
|
178
|
+
<label class="col-sm-2 control-label" for="descriptionInput-markup">Description (Optional)</label>
|
|
179
|
+
<div class="col-sm-10">
|
|
180
|
+
<textarea id="descriptionInput-markup" class="form-control" rows="2"></textarea>
|
|
181
|
+
</div>
|
|
182
|
+
</div>
|
|
183
|
+
</form>
|
|
184
|
+
</div>
|
|
185
|
+
</div><!-- /.wizard-pf-main -->
|
|
186
|
+
|
|
187
|
+
</div><!-- /.wizard-pf-body -->
|
|
188
|
+
|
|
189
|
+
<div class="modal-footer wizard-pf-footer">
|
|
190
|
+
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">Cancel</button>
|
|
191
|
+
<button type="button" class="btn btn-default disabled" data-dismiss="modal">
|
|
192
|
+
<span class="i fa fa-angle-left"></span>
|
|
193
|
+
Back
|
|
194
|
+
</button>
|
|
195
|
+
<button type="button" class="btn btn-primary " data-dismiss="modal">
|
|
196
|
+
Next
|
|
197
|
+
<span class="i fa fa-angle-right"></span>
|
|
198
|
+
</button>
|
|
199
|
+
|
|
200
|
+
</div><!-- /.wizard-pf-footer -->
|
|
201
|
+
|
|
202
|
+
</div><!-- /.modal-content -->
|
|
203
|
+
</div><!-- /.modal-dialog -->
|
|
204
|
+
</div><!-- /.modal -->
|
|
205
|
+
</div><!-- /.example-pf (not for production) -->
|
|
206
|
+
|
|
207
|
+
<h2>Review Step</h2>
|
|
208
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#secondStep">Launch wizard showing review step</button>
|
|
209
|
+
<div class="example-pf "><!-- for testing/dev; not for production -->
|
|
210
|
+
<div class="modal " id="secondStep" tabindex="-1" role="dialog">
|
|
211
|
+
<div class="modal-dialog modal-lg wizard-pf">
|
|
212
|
+
<div class="modal-content">
|
|
213
|
+
<div class="modal-header">
|
|
214
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
|
215
|
+
aria-hidden="true">×</span></button>
|
|
216
|
+
<dt class="modal-title">Wizard Title</dt>
|
|
217
|
+
</div>
|
|
218
|
+
<div class="modal-body wizard-pf-body clearfix">
|
|
219
|
+
<div class="wizard-pf-steps">
|
|
220
|
+
<ul class="wizard-pf-steps-indicator">
|
|
221
|
+
<li class="viewed-pf">
|
|
222
|
+
<a><span class="wizard-pf-step-number">1</span><span class="wizard-pf-step-title">First Step</span></a>
|
|
223
|
+
</li>
|
|
224
|
+
<li class="viewed-pf">
|
|
225
|
+
<a><span class="wizard-pf-step-number">2</span><span class="wizard-pf-step-title">Second Step</span></a>
|
|
226
|
+
</li>
|
|
227
|
+
<li class="active">
|
|
228
|
+
<a><span class="wizard-pf-step-number">3</span><span class="wizard-pf-step-title">Review</span></a>
|
|
229
|
+
</li>
|
|
230
|
+
</ul>
|
|
231
|
+
</div>
|
|
232
|
+
|
|
233
|
+
<div class="wizard-pf-sidebar">
|
|
234
|
+
<ul class="list-group">
|
|
235
|
+
<li class="list-group-item">
|
|
236
|
+
<a>
|
|
237
|
+
<span class="wizard-pf-substep-number">3A.</span>
|
|
238
|
+
<span class="wizard-pf-substep-title">Details</span>
|
|
239
|
+
</a>
|
|
240
|
+
</li>
|
|
241
|
+
<li class="list-group-item active">
|
|
242
|
+
<a>
|
|
243
|
+
<span class="wizard-pf-substep-number">3B.</span>
|
|
244
|
+
<span class="wizard-pf-substep-title">Progress</span>
|
|
245
|
+
</a>
|
|
246
|
+
</li>
|
|
247
|
+
</ul>
|
|
248
|
+
</div><!-- /.wizard-pf-sidebar -->
|
|
249
|
+
|
|
250
|
+
<div class="wizard-pf-main">
|
|
251
|
+
<div>
|
|
252
|
+
<div class="wizard-pf-review-page">
|
|
253
|
+
<div id="treeview1"></div>
|
|
254
|
+
<script>
|
|
255
|
+
$(function() {
|
|
256
|
+
var defaultData = [
|
|
257
|
+
{
|
|
258
|
+
text: 'First Step',
|
|
259
|
+
state: {
|
|
260
|
+
expanded: false
|
|
261
|
+
},
|
|
262
|
+
nodes: [
|
|
263
|
+
{
|
|
264
|
+
text: '1A: Details listed here'
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
text: '1B: Progress listed here'}
|
|
268
|
+
]
|
|
269
|
+
},
|
|
270
|
+
{
|
|
271
|
+
text: 'Second Step',
|
|
272
|
+
nodes: [
|
|
273
|
+
{
|
|
274
|
+
text: '2A: Details listed here'
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
text: '2B: Progress listed here'}
|
|
278
|
+
]
|
|
279
|
+
}
|
|
280
|
+
];
|
|
281
|
+
$('#treeview1').treeview({
|
|
282
|
+
collapseIcon: "fa fa-angle-down",
|
|
283
|
+
data: defaultData,
|
|
284
|
+
expandIcon: "fa fa-angle-right",
|
|
285
|
+
showBorder: false
|
|
286
|
+
});
|
|
287
|
+
});
|
|
288
|
+
</script>
|
|
289
|
+
|
|
290
|
+
</div>
|
|
291
|
+
</div>
|
|
292
|
+
</div><!-- /.wizard-pf-main -->
|
|
293
|
+
|
|
294
|
+
</div><!-- /.wizard-pf-body -->
|
|
295
|
+
|
|
296
|
+
<div class="modal-footer wizard-pf-footer">
|
|
297
|
+
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">Cancel</button>
|
|
298
|
+
<button type="button" class="btn btn-default" data-dismiss="modal">
|
|
299
|
+
<span class="i fa fa-angle-left"></span>
|
|
300
|
+
Back
|
|
301
|
+
</button>
|
|
302
|
+
<button type="button" class="btn btn-primary " data-dismiss="modal">
|
|
303
|
+
Next
|
|
304
|
+
<span class="i fa fa-angle-right"></span>
|
|
305
|
+
</button>
|
|
306
|
+
|
|
307
|
+
</div><!-- /.wizard-pf-footer -->
|
|
308
|
+
|
|
309
|
+
</div><!-- /.modal-content -->
|
|
310
|
+
</div><!-- /.modal-dialog -->
|
|
311
|
+
</div><!-- /.modal -->
|
|
312
|
+
</div><!-- /.example-pf (not for production) -->
|
|
313
|
+
|
|
314
|
+
<h2>Last Step</h2>
|
|
315
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#done">Launch wizard showing finalizing
|
|
316
|
+
state
|
|
317
|
+
</button>
|
|
318
|
+
<div class="example-pf "><!-- for testing/dev; not for production -->
|
|
319
|
+
<div class="modal" id="done" tabindex="-1" role="dialog">
|
|
320
|
+
<div class="modal-dialog modal-lg wizard-pf">
|
|
321
|
+
<div class="modal-content">
|
|
322
|
+
<div class="modal-header">
|
|
323
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
324
|
+
<span aria-hidden="true">×</span>
|
|
325
|
+
</button>
|
|
326
|
+
<dt class="modal-title">Wizard Title</dt>
|
|
327
|
+
</div>
|
|
328
|
+
<div class="modal-body wizard-pf-body clearfix">
|
|
329
|
+
<div class="wizard-pf-steps">
|
|
330
|
+
<ul class="wizard-pf-steps-indicator">
|
|
331
|
+
<li class="viewed-pf">
|
|
332
|
+
<a><span class="wizard-pf-step-number">1</span><span class="wizard-pf-step-title">First Step</span></a>
|
|
333
|
+
</li>
|
|
334
|
+
<li class="viewed-pf">
|
|
335
|
+
<a><span class="wizard-pf-step-number">2</span><span class="wizard-pf-step-title">Second Step</span></a>
|
|
336
|
+
</li>
|
|
337
|
+
<li class="active">
|
|
338
|
+
<a><span class="wizard-pf-step-number">3</span><span class="wizard-pf-step-title">Review</span></a>
|
|
339
|
+
</li>
|
|
340
|
+
</ul>
|
|
341
|
+
</div>
|
|
342
|
+
|
|
343
|
+
<div class="wizard-pf-sidebar">
|
|
344
|
+
<ul class="list-group">
|
|
345
|
+
<li class="list-group-item">
|
|
346
|
+
<a>
|
|
347
|
+
<span class="wizard-pf-substep-number">3A.</span>
|
|
348
|
+
<span class="wizard-pf-substep-title">Details</span>
|
|
349
|
+
</a>
|
|
350
|
+
</li>
|
|
351
|
+
<li class="list-group-item active">
|
|
352
|
+
<a>
|
|
353
|
+
<span class="wizard-pf-substep-number">3B.</span>
|
|
354
|
+
<span class="wizard-pf-substep-title">Progress</span>
|
|
355
|
+
</a>
|
|
356
|
+
</li>
|
|
357
|
+
</ul>
|
|
358
|
+
</div><!-- /.wizard-pf-sidebar -->
|
|
359
|
+
|
|
360
|
+
<div class="wizard-pf-main">
|
|
361
|
+
<div class="blank-slate-pf">
|
|
362
|
+
<div class="spinner spinner-lg blank-slate-pf-icon"></div>
|
|
363
|
+
<h3 class="blank-slate-pf-main-action">Deployment in progress</h3>
|
|
364
|
+
<p class="blank-slate-pf-secondary-action">Lorem ipsum dolor sit amet, porta at suspendisse ac, ut wisi
|
|
365
|
+
vivamus, lorem sociosqu eget nunc amet. </p>
|
|
366
|
+
</div>
|
|
367
|
+
|
|
368
|
+
</div>
|
|
369
|
+
|
|
370
|
+
</div><!-- /.wizard-pf-body -->
|
|
371
|
+
|
|
372
|
+
<!-- TODO: disable buttons -->
|
|
373
|
+
<div class="modal-footer wizard-pf-footer">
|
|
374
|
+
<button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">Cancel</button>
|
|
375
|
+
<button type="button" class="btn btn-default disabled" data-dismiss="modal">
|
|
376
|
+
<span class="i fa fa-angle-left"></span>
|
|
377
|
+
Back
|
|
378
|
+
</button>
|
|
379
|
+
<button type="button" class="btn btn-primary disabled" data-dismiss="modal">
|
|
380
|
+
Deploy
|
|
381
|
+
<span class="i fa fa-angle-right"></span>
|
|
382
|
+
</button>
|
|
383
|
+
</div><!-- /.wizard-pf-footer -->
|
|
384
|
+
|
|
385
|
+
</div><!-- /.modal-content -->
|
|
386
|
+
</div><!-- /.modal-dialog -->
|
|
387
|
+
</div><!-- /.modal -->
|
|
388
|
+
</div><!-- /.example-pf (not for production) -->
|
|
389
|
+
|
|
390
|
+
<h2>Completed</h2>
|
|
391
|
+
<button class="btn btn-default" data-toggle="modal" data-target="#finalizing">Launch wizard showing finalizing
|
|
392
|
+
state
|
|
393
|
+
</button>
|
|
394
|
+
<div class="example-pf "><!-- for testing/dev; not for production -->
|
|
395
|
+
<div class="modal" id="finalizing" tabindex="-1" role="dialog">
|
|
396
|
+
<div class="modal-dialog modal-lg wizard-pf">
|
|
397
|
+
<div class="modal-content">
|
|
398
|
+
<div class="modal-header">
|
|
399
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
400
|
+
<span aria-hidden="true">×</span>
|
|
401
|
+
</button>
|
|
402
|
+
<dt class="modal-title">Wizard Title</dt>
|
|
403
|
+
</div>
|
|
404
|
+
<div class="modal-body wizard-pf-body clearfix">
|
|
405
|
+
<div class="wizard-pf-steps">
|
|
406
|
+
<ul class="wizard-pf-steps-indicator">
|
|
407
|
+
<li class="viewed-pf">
|
|
408
|
+
<a><span class="wizard-pf-step-number">1</span><span class="wizard-pf-step-title">First Step</span></a>
|
|
409
|
+
</li>
|
|
410
|
+
<li class="viewed-pf">
|
|
411
|
+
<a><span class="wizard-pf-step-number">2</span><span class="wizard-pf-step-title">Second Step</span></a>
|
|
412
|
+
</li>
|
|
413
|
+
<li class="active">
|
|
414
|
+
<a><span class="wizard-pf-step-number">3</span><span class="wizard-pf-step-title">Review</span></a>
|
|
415
|
+
</li>
|
|
416
|
+
</ul>
|
|
417
|
+
</div>
|
|
418
|
+
|
|
419
|
+
<div class="wizard-pf-sidebar">
|
|
420
|
+
<ul class="list-group">
|
|
421
|
+
<li class="list-group-item">
|
|
422
|
+
<a>
|
|
423
|
+
<span class="wizard-pf-substep-number">3A.</span>
|
|
424
|
+
<span class="wizard-pf-substep-title">Details</span>
|
|
425
|
+
</a>
|
|
426
|
+
</li>
|
|
427
|
+
<li class="list-group-item active">
|
|
428
|
+
<a>
|
|
429
|
+
<span class="wizard-pf-substep-number">3B.</span>
|
|
430
|
+
<span class="wizard-pf-substep-title">Progress</span>
|
|
431
|
+
</a>
|
|
432
|
+
</li>
|
|
433
|
+
</ul>
|
|
434
|
+
</div><!-- /.wizard-pf-sidebar -->
|
|
435
|
+
|
|
436
|
+
<div class="wizard-pf-main">
|
|
437
|
+
<div class="blank-slate-pf">
|
|
438
|
+
<div class="wizard-pf-success-icon"><span class="glyphicon glyphicon-ok-circle"></span></div>
|
|
439
|
+
<h3 class="blank-slate-pf-main-action">Deployment was successful</h3>
|
|
440
|
+
<p class="blank-slate-pf-secondary-action">Lorem ipsum dolor sit amet, porta at suspendisse ac, ut wisi
|
|
441
|
+
vivamus, lorem sociosqu eget nunc amet. </p>
|
|
442
|
+
<button type="button" class="btn btn-lg btn-primary">
|
|
443
|
+
View Deployment
|
|
444
|
+
</button>
|
|
445
|
+
|
|
446
|
+
</div>
|
|
447
|
+
|
|
448
|
+
</div>
|
|
449
|
+
|
|
450
|
+
</div><!-- /.wizard-pf-body -->
|
|
451
|
+
|
|
452
|
+
<!-- TODO: disable buttons -->
|
|
453
|
+
<div class="modal-footer wizard-pf-footer">
|
|
454
|
+
<button type="button" class="btn btn-default" data-dismiss="modal">
|
|
455
|
+
<span class="i fa fa-angle-left"></span>
|
|
456
|
+
Back
|
|
457
|
+
</button>
|
|
458
|
+
<button type="button" class="btn btn-primary" data-dismiss="modal">
|
|
459
|
+
Close
|
|
460
|
+
</button>
|
|
461
|
+
</div><!-- /.wizard-pf-footer -->
|
|
462
|
+
|
|
463
|
+
</div><!-- /.modal-content -->
|
|
464
|
+
</div><!-- /.modal-dialog -->
|
|
465
|
+
</div><!-- /.modal -->
|
|
466
|
+
</div><!-- /.example-pf (not for production) -->
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
|
|
470
|
+
</div><!-- /container -->
|
|
471
|
+
</body>
|
|
472
|
+
</html>
|