steps-rails 1.1.8 → 1.2.8
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -0
- data/lib/steps/rails/version.rb +1 -1
- data/vendor/assets/stylesheets/jquery.steps.css +297 -0
- data/vendor/assets/stylesheets/jquery.steps.min.css +1 -0
- metadata +3 -3
- data/vendor/assets/stylesheets/application.css +0 -6071
- data/vendor/assets/stylesheets/application.min.css +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 37104e1e97844585dd72bb1f5c98df65300b429a
|
4
|
+
data.tar.gz: d002f0b241da385aa0b2a3a783e3e1aebab41f60
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 48203d29a5e49f6d10fe11373e890bf621e9d23ba4f16e3c1f7c77dc4b9b8641065a4fc8c57e93c8405cf88a111cb6b7639399f3b95dd3d5bf4dbde62b2bdf0f
|
7
|
+
data.tar.gz: 0728b8145151bfe49653d6306b9e061c2fc3445d2cb3eb468eba91e2e5fdca35d62e8d4ae3378db5a09b666df0711f4d1835e440679519860a2e27c2c8419878
|
data/README.md
CHANGED
@@ -24,6 +24,24 @@ Or install it yourself as:
|
|
24
24
|
|
25
25
|
TODO: Write usage instructions here
|
26
26
|
|
27
|
+
While you can read the documentation for jQuery Steps itself, I found that it was rather confusing and not well documented on getting started.
|
28
|
+
|
29
|
+
So, to get started:
|
30
|
+
|
31
|
+
#view/my_view.html.erb
|
32
|
+
<div id="wizard">
|
33
|
+
<h1>First Step</h1>
|
34
|
+
<div>First Content</div>
|
35
|
+
|
36
|
+
<h1>Second Step</h1>
|
37
|
+
<div>Second Content</div>
|
38
|
+
</div>
|
39
|
+
|
40
|
+
and in your javascript:
|
41
|
+
|
42
|
+
#app/assets/javascripts/my_view.js.coffee
|
43
|
+
$("#wizard").steps();
|
44
|
+
|
27
45
|
## Contributing
|
28
46
|
|
29
47
|
1. Fork it ( https://github.com/[my-github-username]/steps-rails/fork )
|
data/lib/steps/rails/version.rb
CHANGED
@@ -0,0 +1,297 @@
|
|
1
|
+
.sliding-wizard {
|
2
|
+
|
3
|
+
.wizard, .tabcontrol {
|
4
|
+
display: block;
|
5
|
+
width: 100%;
|
6
|
+
overflow: hidden;
|
7
|
+
}
|
8
|
+
.wizard a, .tabcontrol a {
|
9
|
+
outline: 0;
|
10
|
+
}
|
11
|
+
.wizard ul, .tabcontrol ul {
|
12
|
+
list-style: none!important;
|
13
|
+
padding: 0;
|
14
|
+
margin: 0;
|
15
|
+
}
|
16
|
+
.wizard ul>li, .tabcontrol ul>li {
|
17
|
+
display: block;
|
18
|
+
padding: 0;
|
19
|
+
}
|
20
|
+
.wizard>.steps .current-info, .tabcontrol>.steps .current-info {
|
21
|
+
position: absolute;
|
22
|
+
left: -999em;
|
23
|
+
}
|
24
|
+
.wizard>.content>.title, .tabcontrol>.content>.title {
|
25
|
+
position: absolute;
|
26
|
+
left: -999em;
|
27
|
+
}
|
28
|
+
.wizard>.steps {
|
29
|
+
position: relative;
|
30
|
+
display: block;
|
31
|
+
width: 100%}
|
32
|
+
.wizard.vertical>.steps {
|
33
|
+
display: inline;
|
34
|
+
float: left;
|
35
|
+
width: 30%}
|
36
|
+
.wizard>.steps .number {
|
37
|
+
font-size: 1.429em;
|
38
|
+
}
|
39
|
+
.wizard>.steps>ul>li {
|
40
|
+
width: 25%}
|
41
|
+
.wizard>.steps>ul>li, .wizard>.actions>ul>li {
|
42
|
+
float: left;
|
43
|
+
}
|
44
|
+
.wizard.vertical>.steps>ul>li {
|
45
|
+
float: none;
|
46
|
+
width: 100%}
|
47
|
+
.wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {
|
48
|
+
display: block;
|
49
|
+
width: auto;
|
50
|
+
margin: 0 .5em .5em;
|
51
|
+
padding: 1em 1em;
|
52
|
+
text-decoration: none;
|
53
|
+
-webkit-border-radius: 5px;
|
54
|
+
-moz-border-radius: 5px;
|
55
|
+
border-radius: 5px;
|
56
|
+
}
|
57
|
+
.wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active {
|
58
|
+
background: #eee;
|
59
|
+
color: #aaa;
|
60
|
+
cursor: default;
|
61
|
+
}
|
62
|
+
.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {
|
63
|
+
background: #2184be;
|
64
|
+
color: #fff;
|
65
|
+
cursor: default;
|
66
|
+
}
|
67
|
+
.wizard>.steps .done a, .wizard>.steps .done a:hover, .wizard>.steps .done a:active {
|
68
|
+
background: #9dc8e2;
|
69
|
+
color: #fff;
|
70
|
+
}
|
71
|
+
.wizard>.steps .error a, .wizard>.steps .error a:hover, .wizard>.steps .error a:active {
|
72
|
+
background: #ff3111;
|
73
|
+
color: #fff;
|
74
|
+
}
|
75
|
+
.wizard>.content {
|
76
|
+
background: #eee;
|
77
|
+
display: block;
|
78
|
+
margin: .5em;
|
79
|
+
min-height: 35em;
|
80
|
+
overflow: hidden;
|
81
|
+
position: relative;
|
82
|
+
width: auto;
|
83
|
+
-webkit-border-radius: 5px;
|
84
|
+
-moz-border-radius: 5px;
|
85
|
+
border-radius: 5px;
|
86
|
+
}
|
87
|
+
.wizard.vertical>.content {
|
88
|
+
display: inline;
|
89
|
+
float: left;
|
90
|
+
margin: 0 2.5% .5em 2.5%;
|
91
|
+
width: 65%}
|
92
|
+
.wizard>.content>.body {
|
93
|
+
float: left;
|
94
|
+
position: absolute;
|
95
|
+
width: 95%;
|
96
|
+
height: 95%;
|
97
|
+
padding: 2.5%}
|
98
|
+
.wizard>.content>.body ul {
|
99
|
+
list-style: disc!important;
|
100
|
+
}
|
101
|
+
.wizard>.content>.body ul>li {
|
102
|
+
display: list-item;
|
103
|
+
}
|
104
|
+
.wizard>.content>.body>iframe {
|
105
|
+
border: 0 none;
|
106
|
+
width: 100%;
|
107
|
+
height: 100%}
|
108
|
+
.wizard>.content>.body input {
|
109
|
+
display: block;
|
110
|
+
border: 1px solid #ccc;
|
111
|
+
}
|
112
|
+
.wizard>.content>.body input[type="checkbox"] {
|
113
|
+
display: inline-block;
|
114
|
+
}
|
115
|
+
.wizard>.content>.body input.error {
|
116
|
+
background: #fbe3e4;
|
117
|
+
border: 1px solid #fbc2c4;
|
118
|
+
color: #8a1f11;
|
119
|
+
}
|
120
|
+
.wizard>.content>.body label {
|
121
|
+
display: inline-block;
|
122
|
+
margin-bottom: .5em;
|
123
|
+
}
|
124
|
+
.wizard>.content>.body label.error {
|
125
|
+
color: #8a1f11;
|
126
|
+
display: inline-block;
|
127
|
+
margin-left: 1.5em;
|
128
|
+
}
|
129
|
+
.wizard>.actions {
|
130
|
+
position: relative;
|
131
|
+
display: block;
|
132
|
+
text-align: right;
|
133
|
+
width: 100%}
|
134
|
+
.wizard.vertical>.actions {
|
135
|
+
display: inline;
|
136
|
+
float: right;
|
137
|
+
margin: 0 2.5%;
|
138
|
+
width: 95%}
|
139
|
+
.wizard>.actions>ul {
|
140
|
+
display: inline-block;
|
141
|
+
text-align: right;
|
142
|
+
}
|
143
|
+
.wizard>.actions>ul>li {
|
144
|
+
margin: 0 .5em;
|
145
|
+
}
|
146
|
+
.wizard.vertical>.actions>ul>li {
|
147
|
+
margin: 0 0 0 1em;
|
148
|
+
}
|
149
|
+
.wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active {
|
150
|
+
background: #2184be;
|
151
|
+
color: #fff;
|
152
|
+
display: block;
|
153
|
+
padding: .5em 1em;
|
154
|
+
text-decoration: none;
|
155
|
+
-webkit-border-radius: 5px;
|
156
|
+
-moz-border-radius: 5px;
|
157
|
+
border-radius: 5px;
|
158
|
+
}
|
159
|
+
.wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active {
|
160
|
+
background: #eee;
|
161
|
+
color: #aaa;
|
162
|
+
}
|
163
|
+
.wizard>.loading {
|
164
|
+
}
|
165
|
+
.wizard>.loading .spinner {
|
166
|
+
}
|
167
|
+
.tabcontrol>.steps {
|
168
|
+
position: relative;
|
169
|
+
display: block;
|
170
|
+
width: 100%}
|
171
|
+
.tabcontrol>.steps>ul {
|
172
|
+
position: relative;
|
173
|
+
margin: 6px 0 0 0;
|
174
|
+
top: 1px;
|
175
|
+
z-index: 1;
|
176
|
+
}
|
177
|
+
.tabcontrol>.steps>ul>li {
|
178
|
+
float: left;
|
179
|
+
margin: 5px 2px 0 0;
|
180
|
+
padding: 1px;
|
181
|
+
-webkit-border-top-left-radius: 5px;
|
182
|
+
-webkit-border-top-right-radius: 5px;
|
183
|
+
-moz-border-radius-topleft: 5px;
|
184
|
+
-moz-border-radius-topright: 5px;
|
185
|
+
border-top-left-radius: 5px;
|
186
|
+
border-top-right-radius: 5px;
|
187
|
+
}
|
188
|
+
.tabcontrol>.steps>ul>li:hover {
|
189
|
+
background: #edecec;
|
190
|
+
border: 1px solid #bbb;
|
191
|
+
padding: 0;
|
192
|
+
}
|
193
|
+
.tabcontrol>.steps>ul>li.current {
|
194
|
+
background: #fff;
|
195
|
+
border: 1px solid #bbb;
|
196
|
+
border-bottom: 0 none;
|
197
|
+
padding: 0 0 1px 0;
|
198
|
+
margin-top: 0;
|
199
|
+
}
|
200
|
+
.tabcontrol>.steps>ul>li>a {
|
201
|
+
color: #5f5f5f;
|
202
|
+
display: inline-block;
|
203
|
+
border: 0 none;
|
204
|
+
margin: 0;
|
205
|
+
padding: 10px 30px;
|
206
|
+
text-decoration: none;
|
207
|
+
}
|
208
|
+
.tabcontrol>.steps>ul>li>a:hover {
|
209
|
+
text-decoration: none;
|
210
|
+
}
|
211
|
+
.tabcontrol>.steps>ul>li.current>a {
|
212
|
+
padding: 15px 30px 10px 30px;
|
213
|
+
}
|
214
|
+
.tabcontrol>.content {
|
215
|
+
position: relative;
|
216
|
+
display: inline-block;
|
217
|
+
width: 100%;
|
218
|
+
height: 35em;
|
219
|
+
overflow: hidden;
|
220
|
+
border-top: 1px solid #bbb;
|
221
|
+
padding-top: 20px;
|
222
|
+
}
|
223
|
+
.tabcontrol>.content>.body {
|
224
|
+
float: left;
|
225
|
+
position: absolute;
|
226
|
+
width: 95%;
|
227
|
+
height: 95%;
|
228
|
+
padding: 2.5%}
|
229
|
+
.tabcontrol>.content>.body ul {
|
230
|
+
list-style: disc!important;
|
231
|
+
}
|
232
|
+
.tabcontrol>.content>.body ul>li {
|
233
|
+
display: list-item;
|
234
|
+
}
|
235
|
+
@media(max-width:600px) {
|
236
|
+
.wizard>.steps>ul>li {
|
237
|
+
width: 50%}
|
238
|
+
.wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {
|
239
|
+
margin-top: .5em;
|
240
|
+
}
|
241
|
+
.wizard.vertical>.steps, .wizard.vertical>.actions {
|
242
|
+
display: block;
|
243
|
+
float: none;
|
244
|
+
width: 100%}
|
245
|
+
.wizard.vertical>.content {
|
246
|
+
display: block;
|
247
|
+
float: none;
|
248
|
+
margin: 0 .5em .5em;
|
249
|
+
width: auto;
|
250
|
+
}
|
251
|
+
}@media(max-width:480px) {
|
252
|
+
.wizard>.steps>ul>li {
|
253
|
+
width: 100%}
|
254
|
+
}.com {
|
255
|
+
color: #93a1a1;
|
256
|
+
}
|
257
|
+
.lit {
|
258
|
+
color: #195f91;
|
259
|
+
}
|
260
|
+
.pun, .opn, .clo {
|
261
|
+
color: #93a1a1;
|
262
|
+
}
|
263
|
+
.fun {
|
264
|
+
color: #dc322f;
|
265
|
+
}
|
266
|
+
.str, .atv {
|
267
|
+
color: #d14;
|
268
|
+
}
|
269
|
+
.kwd, .prettyprint .tag {
|
270
|
+
color: #1e347b;
|
271
|
+
}
|
272
|
+
.typ, .atn, .dec, .var {
|
273
|
+
color: teal;
|
274
|
+
}
|
275
|
+
.pln {
|
276
|
+
color: #48484c;
|
277
|
+
}
|
278
|
+
.prettyprint {
|
279
|
+
padding: 8px;
|
280
|
+
background-color: #f7f7f9;
|
281
|
+
border: 1px solid #e1e1e8;
|
282
|
+
}
|
283
|
+
.prettyprint.linenums {
|
284
|
+
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
285
|
+
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
286
|
+
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
287
|
+
}
|
288
|
+
ol.linenums {
|
289
|
+
margin: 0 0 0 33px;
|
290
|
+
}
|
291
|
+
ol.linenums li {
|
292
|
+
padding-left: 12px;
|
293
|
+
color: #bebec5;
|
294
|
+
line-height: 20px;
|
295
|
+
text-shadow: 0 1px 0 #fff;
|
296
|
+
}
|
297
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
.sliding-wizard {.wizard, .tabcontrol {display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a {outline: 0; } .wizard ul, .tabcontrol ul {list-style: none!important; padding: 0; margin: 0; } .wizard ul>li, .tabcontrol ul>li {display: block; padding: 0; } .wizard>.steps .current-info, .tabcontrol>.steps .current-info {position: absolute; left: -999em; } .wizard>.content>.title, .tabcontrol>.content>.title {position: absolute; left: -999em; } .wizard>.steps {position: relative; display: block; width: 100%} .wizard.vertical>.steps {display: inline; float: left; width: 30%} .wizard>.steps .number {font-size: 1.429em; } .wizard>.steps>ul>li {width: 25%} .wizard>.steps>ul>li, .wizard>.actions>ul>li {float: left; } .wizard.vertical>.steps>ul>li {float: none; width: 100%} .wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {display: block; width: auto; margin: 0 .5em .5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active {background: #eee; color: #aaa; cursor: default; } .wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {background: #2184be; color: #fff; cursor: default; } .wizard>.steps .done a, .wizard>.steps .done a:hover, .wizard>.steps .done a:active {background: #9dc8e2; color: #fff; } .wizard>.steps .error a, .wizard>.steps .error a:hover, .wizard>.steps .error a:active {background: #ff3111; color: #fff; } .wizard>.content {background: #eee; display: block; margin: .5em; min-height: 35em; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard.vertical>.content {display: inline; float: left; margin: 0 2.5% .5em 2.5%; width: 65%} .wizard>.content>.body {float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%} .wizard>.content>.body ul {list-style: disc!important; } .wizard>.content>.body ul>li {display: list-item; } .wizard>.content>.body>iframe {border: 0 none; width: 100%; height: 100%} .wizard>.content>.body input {display: block; border: 1px solid #ccc; } .wizard>.content>.body input[type="checkbox"] {display: inline-block; } .wizard>.content>.body input.error {background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; } .wizard>.content>.body label {display: inline-block; margin-bottom: .5em; } .wizard>.content>.body label.error {color: #8a1f11; display: inline-block; margin-left: 1.5em; } .wizard>.actions {position: relative; display: block; text-align: right; width: 100%} .wizard.vertical>.actions {display: inline; float: right; margin: 0 2.5%; width: 95%} .wizard>.actions>ul {display: inline-block; text-align: right; } .wizard>.actions>ul>li {margin: 0 .5em; } .wizard.vertical>.actions>ul>li {margin: 0 0 0 1em; } .wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active {background: #2184be; color: #fff; display: block; padding: .5em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active {background: #eee; color: #aaa; } .wizard>.loading {} .wizard>.loading .spinner {} .tabcontrol>.steps {position: relative; display: block; width: 100%} .tabcontrol>.steps>ul {position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol>.steps>ul>li {float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol>.steps>ul>li:hover {background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol>.steps>ul>li.current {background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol>.steps>ul>li>a {color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol>.steps>ul>li>a:hover {text-decoration: none; } .tabcontrol>.steps>ul>li.current>a {padding: 15px 30px 10px 30px; } .tabcontrol>.content {position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol>.content>.body {float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%} .tabcontrol>.content>.body ul {list-style: disc!important; } .tabcontrol>.content>.body ul>li {display: list-item; } @media(max-width:600px) {.wizard>.steps>ul>li {width: 50%} .wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {margin-top: .5em; } .wizard.vertical>.steps, .wizard.vertical>.actions {display: block; float: none; width: 100%} .wizard.vertical>.content {display: block; float: none; margin: 0 .5em .5em; width: auto; } }@media(max-width:480px) {.wizard>.steps>ul>li {width: 100%} }.com {color: #93a1a1; } .lit {color: #195f91; } .pun, .opn, .clo {color: #93a1a1; } .fun {color: #dc322f; } .str, .atv {color: #d14; } .kwd, .prettyprint .tag {color: #1e347b; } .typ, .atn, .dec, .var {color: teal; } .pln {color: #48484c; } .prettyprint {padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums {-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } ol.linenums {margin: 0 0 0 33px; } ol.linenums li {padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; } }
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: steps-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.2.8
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Elijah Murray
|
@@ -56,8 +56,8 @@ files:
|
|
56
56
|
- vendor/assets/javascripts/jquery.steps.js
|
57
57
|
- vendor/assets/javascripts/jquery.steps.min.js
|
58
58
|
- vendor/assets/stylesheets/.gitkeep
|
59
|
-
- vendor/assets/stylesheets/
|
60
|
-
- vendor/assets/stylesheets/
|
59
|
+
- vendor/assets/stylesheets/jquery.steps.css
|
60
|
+
- vendor/assets/stylesheets/jquery.steps.min.css
|
61
61
|
homepage: ''
|
62
62
|
licenses:
|
63
63
|
- MIT
|