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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 54e5f0748d76470fbe85b97fd50d185d7a5abed3
4
- data.tar.gz: a561e47131697eace7e02e7e15b8c2076400abdd
3
+ metadata.gz: 37104e1e97844585dd72bb1f5c98df65300b429a
4
+ data.tar.gz: d002f0b241da385aa0b2a3a783e3e1aebab41f60
5
5
  SHA512:
6
- metadata.gz: 6f0d4cb5fad00aa82419f3088f016e8e7403d03f9a95fd3ee0a9033537830bd3c9a102b01cae27783db0129d868104b7dcc19215ac3995347839856788fc31bc
7
- data.tar.gz: 288b57e0f815c273e2dc31f92dd509cfadc0fe06ec5270ff467f4408b1bc591d25a239c1522758eb8e866b281a0b8974dceee0980c21a305de964a5d1ad39a64
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 )
@@ -1,5 +1,5 @@
1
1
  module Steps
2
2
  module Rails
3
- VERSION = "1.1.8"
3
+ VERSION = "1.2.8"
4
4
  end
5
5
  end
@@ -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.1.8
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/application.css
60
- - vendor/assets/stylesheets/application.min.css
59
+ - vendor/assets/stylesheets/jquery.steps.css
60
+ - vendor/assets/stylesheets/jquery.steps.min.css
61
61
  homepage: ''
62
62
  licenses:
63
63
  - MIT