ajax_scaffold_generator 2.0.0 → 2.1.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.
Files changed (16) hide show
  1. data/MIT-LICENSE +20 -20
  2. data/README +28 -28
  3. data/ajax_scaffold_generator.rb +123 -123
  4. data/templates/controller.rb +61 -61
  5. data/templates/form.rhtml +4 -4
  6. data/templates/functional_test.rb +88 -88
  7. data/templates/helper.rb +12 -12
  8. data/templates/layout.rhtml +15 -15
  9. data/templates/partial_item.rhtml +24 -24
  10. data/templates/script.js +425 -327
  11. data/templates/style.css +345 -324
  12. data/templates/view_edit.rhtml +1 -1
  13. data/templates/view_index.rhtml +1 -1
  14. data/templates/view_list.rhtml +57 -52
  15. data/templates/view_new.rhtml +2 -1
  16. metadata +5 -3
data/templates/style.css CHANGED
@@ -1,324 +1,345 @@
1
- .list-wrapper form,
2
- .list-wrapper table,
3
- .list-wrapper p,
4
- .list-wrapper div,
5
- .list-wrapper fieldset {
6
- margin: 0;
7
- padding: 0;
8
- }
9
-
10
- .list-wrapper {
11
- margin: 5px 0;
12
- }
13
-
14
-
15
- table.list {
16
- width: 100%;
17
- }
18
-
19
- .list-header {
20
- position: relative;
21
- background: #005CB8;
22
- clear: both;
23
- }
24
-
25
- * html .list-header {
26
- height: 1%;
27
- }
28
-
29
- .list-header div.actions a {
30
- color: #fff;
31
- background: url(/images/add.gif) 1px 50% no-repeat;
32
- font-size: 13px;
33
- font-family: Trebuchet MS;
34
- font-weight: bold;
35
- text-decoration: none;
36
- padding: 1px 2px 1px 19px;
37
- }
38
-
39
- .list-header div.actions a:hover {
40
- background: #378CDF url(/images/add.gif) 1px 50% no-repeat;
41
- }
42
-
43
- .list-header h2 {
44
- color: #fff;
45
- padding: 3px 5px;
46
- margin: 0;
47
- font-size: 18px;
48
- font-weight: normal;
49
- font-family: Verdana, sans-serif;
50
- }
51
-
52
- .list-header .actions {
53
- position: absolute;
54
- right: 5px;
55
- bottom: 2px;
56
- }
57
-
58
- table.list a {
59
- color: #0066CC;
60
- }
61
-
62
- table.list tr.header {
63
- background: #C5DBF7;
64
- }
65
-
66
- table.list th {
67
- font-size: 11px;
68
- padding: 2px;
69
- color: #fff;
70
- background: #555;
71
- letter-spacing: 0;
72
- font-family: Arial, sans-serif;
73
- text-align: left;
74
- padding-left: 5px;
75
- }
76
-
77
- table.list td {
78
- padding: 5px 4px;
79
- border-bottom: solid 1px #C5DBF7;
80
- color: #333;
81
- font-family: Verdana, sans-serif;
82
- font-size: 11px;
83
- background-color: #E6F2FF;
84
- }
85
-
86
- table.list tr.even td {
87
- background-color: #fff;
88
- }
89
-
90
-
91
- table.list .edit td,
92
- table.list .create td {
93
- padding: 0;
94
- padding: 4px;
95
- }
96
-
97
- table.list td.action {
98
- padding: 0;
99
- padding-right: 2px;
100
- }
101
-
102
- table.list td a {
103
- font-family: Verdana, sans-serif;
104
- font-size: 11px;
105
- font-weight: bold;
106
- letter-spacing: -1px;
107
- padding: 2px;
108
- line-height: 18px;
109
- }
110
-
111
- table.list td a:hover {
112
- background: #ff8;
113
- }
114
-
115
- .list-wrapper .list-footer {
116
- text-align: right;
117
- background: #005CB8;
118
- padding: 2px 0;
119
- border-bottom: none;
120
- }
121
-
122
- table.list tfoot a {
123
- color: #fff;
124
- font-size: 12px;
125
- font-weight: bold;
126
- letter-spacing: 0;
127
- font-family: Arial, sans-serif;
128
- }
129
-
130
- table.list tfoot a:hover {
131
- color: #0066CC;
132
- }
133
-
134
- table.list .edit td,
135
- table.list .create td {
136
- background: #DAFFCD;
137
- }
138
-
139
- table.list .edit td,
140
- table.list .create td {
141
- border-top: solid 2px #fff;
142
- border-bottom: solid 2px #fff;
143
- }
144
-
145
- table.list .actions div {
146
- width: 95px;
147
- right: 0;
148
- text-align: right;
149
- float: right;
150
- padding-right: 2px;
151
- }
152
-
153
- /* Messages */
154
-
155
- table.list .empty-message td {
156
- background: #e8e8e8;
157
- text-align: center;
158
- color: #666;
159
- }
160
-
161
- table.list .error-message td {
162
- border-bottom: solid 1px #fff;
163
- background: #f66;
164
- color: #333;
165
- font-size: 11px;
166
- font-weight: bold;
167
- }
168
-
169
- table.list .error-message p {
170
- padding-left: 19px;
171
- background: url(/images/error.gif) 0 0 no-repeat;
172
- }
173
-
174
- table.list .error-message td.actions {
175
- background: #f66;
176
- text-align: right;
177
- }
178
-
179
- table.list .error-message td.actions a {
180
- color: #333;
181
- }
182
-
183
- /* Error Styling */
184
-
185
- table.list #errorExplanation {
186
- background: #fcc;
187
- margin: 2px 7px;
188
- border: solid 1px #f66;
189
- }
190
-
191
- table.list #errorExplanation h2 {
192
- padding: 2px 5px 3px 20px;
193
- color: #333;
194
- font-size: 11px;
195
- margin: 0;
196
- letter-spacing: 0;
197
- font-family: Verdana;
198
- background: #f66 url(/images/error.gif) 2px 1px no-repeat;
199
- }
200
-
201
- table.list #errorExplanation ul {
202
- margin: 0;
203
- padding: 2px 2px 4px 25px;
204
- }
205
-
206
- table.list #errorExplanation p {
207
- font-size: 11px;
208
- padding: 2px 5px;
209
- font-family: Verdana;
210
- margin: 0;
211
- }
212
-
213
- table.list #errorExplanation ul li {
214
- font-size: 11px;
215
- margin: 0;
216
- font-family: Verdana;
217
- padding: 0;
218
- }
219
-
220
- table.list .fieldWithErrors input {
221
- border: solid 1px #f00;
222
- }
223
-
224
- /* Loading Indicator */
225
-
226
- .list-wrapper .loading-indicator {
227
- vertical-align: bottom;
228
- margin: 0;
229
- }
230
-
231
- .list-wrapper .list-header .loading-indicator,
232
- .list-wrapper .edit .loading-indicator,
233
- .list-wrapper .create .loading-indicator {
234
- vertical-align: bottom;
235
- margin-bottom: 3px;
236
- }
237
-
238
- /* Form Styling */
239
-
240
- .list-wrapper fieldset {
241
- border: none;
242
- }
243
-
244
- table.list label.required{
245
- font-weight: bold;
246
- }
247
-
248
- table.list label.example {
249
- font-size: 11px;
250
- font-family: arial;
251
- color: #888;
252
- }
253
-
254
- table.list h4 {
255
- padding: 2px;
256
- margin: 0;
257
- color: #1F7F00;
258
- font-size: 16px;
259
- letter-spacing: -1px;
260
- font-family: Georgia, Arial, sans-serif;
261
- }
262
-
263
- .list-wrapper .submit {
264
- font-weight: bold;
265
- font-size: 14px;
266
- font-family: Arial, sans-serif;
267
- letter-spacing: 0;
268
- margin: 0;
269
- margin-top: 5px;
270
- }
271
-
272
- table.list .edit a,
273
- table.list .create a {
274
- font-size: 14px;
275
- font-weight: bold;
276
- font-family: Arial, sans-serif;
277
- letter-spacing: 0;
278
- }
279
-
280
- table.list p {
281
- clear: both;
282
- }
283
-
284
- table.list div.row {
285
- clear: both;
286
- float: none;
287
- padding: 2px;
288
- margin-left: 5px;
289
- }
290
-
291
- table.list div.form-element {
292
- float: left;
293
- margin-right: 10px;
294
- margin-bottom: 2px;
295
- }
296
-
297
- table.list label {
298
- display: block;
299
- font-family: Verdana, sans-serif;
300
- color: #555;
301
- font-size: 11px;
302
- padding-bottom: 1px;
303
- }
304
-
305
- table.list input,
306
- table.list select {
307
- font-size: 16px;
308
- font-weight: bold;
309
- font-family: Arial, sans-serif;
310
- letter-spacing: -1px;
311
- }
312
-
313
- table.list .form-element input {
314
- padding: 1px;
315
- border: solid 1px #1F7F00;
316
- }
317
-
318
- table.list textarea {
319
- height: 65px;
320
- font-family: Arial, sans-serif;
321
- font-size: 12px;
322
- padding: 1px;
323
- border: solid 1px #1F7F00;
324
- }
1
+ .list-wrapper form,
2
+ .list-wrapper table,
3
+ .list-wrapper p,
4
+ .list-wrapper div,
5
+ .list-wrapper fieldset {
6
+ margin: 0;
7
+ padding: 0;
8
+ }
9
+
10
+ table.list a {
11
+ color: #0066CC;
12
+ }
13
+
14
+ .list-wrapper {
15
+ margin: 5px 0;
16
+ }
17
+
18
+ table.list {
19
+ width: 100%;
20
+ }
21
+
22
+ /* Header Styling
23
+ ======================== */
24
+
25
+ .list-header {
26
+ position: relative;
27
+ background: #005CB8;
28
+ }
29
+
30
+ .list-header div.actions a {
31
+ color: #fff;
32
+ background: url(/images/add.gif) 1px 50% no-repeat;
33
+ font-size: 13px;
34
+ font-family: Trebuchet MS;
35
+ font-weight: bold;
36
+ text-decoration: none;
37
+ padding: 1px 2px 1px 19px;
38
+ }
39
+
40
+ .list-header div.actions a:hover {
41
+ background: #378CDF url(/images/add.gif) 1px 50% no-repeat;
42
+ }
43
+
44
+ .list-header h2 {
45
+ color: #fff;
46
+ padding: 3px 5px;
47
+ margin: 0;
48
+ font-size: 18px;
49
+ font-weight: normal;
50
+ font-family: Verdana, sans-serif;
51
+ }
52
+
53
+ .list-header .actions {
54
+ position: absolute;
55
+ right: 5px;
56
+ bottom: 2px;
57
+ }
58
+
59
+ /* Table Column Headers
60
+ ============================= */
61
+
62
+
63
+ table.list tr.header {
64
+ background: #C5DBF7;
65
+ }
66
+
67
+ table.list th {
68
+ font-size: 11px;
69
+ padding: 2px;
70
+ color: #fff;
71
+ background: #555;
72
+ letter-spacing: 0;
73
+ font-family: Arial, sans-serif;
74
+ text-align: left;
75
+ padding-left: 5px;
76
+ }
77
+
78
+ /* Table Body Styling
79
+ ============================= */
80
+
81
+ table.list td {
82
+ padding: 5px 4px;
83
+ border-bottom: solid 1px #C5DBF7;
84
+ color: #333;
85
+ font-family: Verdana, sans-serif;
86
+ font-size: 11px;
87
+ background-color: #E6F2FF;
88
+ }
89
+
90
+ table.list tr.even td {
91
+ background-color: #fff;
92
+ }
93
+
94
+
95
+ table.list .edit td,
96
+ table.list .create td {
97
+ padding: 0;
98
+ padding: 4px;
99
+ }
100
+
101
+ table.list td.action {
102
+ padding: 0;
103
+ padding-right: 2px;
104
+ }
105
+
106
+ table.list td a {
107
+ font-family: Verdana, sans-serif;
108
+ font-size: 11px;
109
+ font-weight: bold;
110
+ letter-spacing: -1px;
111
+ padding: 2px;
112
+ line-height: 18px;
113
+ }
114
+
115
+ table.list td a:hover {
116
+ background: #ff8;
117
+ }
118
+
119
+ table.list .edit td,
120
+ table.list .create td {
121
+ background: #DAFFCD;
122
+ }
123
+
124
+ table.list .edit td,
125
+ table.list .create td {
126
+ border-top: solid 2px #fff;
127
+ border-bottom: solid 2px #fff;
128
+ }
129
+
130
+ table.list .actions div {
131
+ width: 95px;
132
+ right: 0;
133
+ text-align: right;
134
+ float: right;
135
+ padding-right: 2px;
136
+ }
137
+
138
+ /* List Footer Styling
139
+ ========================== */
140
+
141
+ .list-wrapper .list-footer {
142
+ text-align: right;
143
+ background: #005CB8;
144
+ padding: 2px 0;
145
+ border-bottom: none;
146
+ }
147
+
148
+ table.list tfoot a {
149
+ color: #fff;
150
+ font-size: 12px;
151
+ font-weight: bold;
152
+ letter-spacing: 0;
153
+ font-family: Arial, sans-serif;
154
+ }
155
+
156
+ table.list tfoot a:hover {
157
+ color: #0066CC;
158
+ }
159
+
160
+ /* Messages
161
+ ========================= */
162
+
163
+ table.list .empty-message td {
164
+ background: #e8e8e8;
165
+ text-align: center;
166
+ color: #666;
167
+ }
168
+
169
+ table.list .error-message td {
170
+ border-bottom: solid 1px #fff;
171
+ background: #f66;
172
+ color: #333;
173
+ font-size: 11px;
174
+ font-weight: bold;
175
+ }
176
+
177
+ table.list .error-message p {
178
+ padding-left: 19px;
179
+ background: url(/images/error.gif) 0 0 no-repeat;
180
+ }
181
+
182
+ table.list .error-message td.actions {
183
+ background: #f66;
184
+ text-align: right;
185
+ }
186
+
187
+ table.list .error-message td.actions a {
188
+ color: #333;
189
+ }
190
+
191
+ /* Error Styling
192
+ ========================== */
193
+
194
+ table.list #errorExplanation {
195
+ background: #fcc;
196
+ margin: 2px 7px;
197
+ border: solid 1px #f66;
198
+ }
199
+
200
+ table.list #errorExplanation h2 {
201
+ padding: 2px 5px 3px 20px;
202
+ color: #333;
203
+ font-size: 11px;
204
+ margin: 0;
205
+ letter-spacing: 0;
206
+ font-family: Verdana;
207
+ background: #f66 url(/images/error.gif) 2px 1px no-repeat;
208
+ }
209
+
210
+ table.list #errorExplanation ul {
211
+ margin: 0;
212
+ padding: 2px 2px 4px 25px;
213
+ }
214
+
215
+ table.list #errorExplanation p {
216
+ font-size: 11px;
217
+ padding: 2px 5px;
218
+ font-family: Verdana;
219
+ margin: 0;
220
+ }
221
+
222
+ table.list #errorExplanation ul li {
223
+ font-size: 11px;
224
+ margin: 0;
225
+ font-family: Verdana;
226
+ padding: 0;
227
+ }
228
+
229
+ table.list .fieldWithErrors input {
230
+ border: solid 1px #f00;
231
+ }
232
+
233
+ /* Loading Indicators
234
+ ============================== */
235
+
236
+ .list-wrapper .loading-indicator {
237
+ vertical-align: bottom;
238
+ margin: 0;
239
+ }
240
+
241
+ .list-wrapper .list-header .loading-indicator,
242
+ .list-wrapper .edit .loading-indicator,
243
+ .list-wrapper .create .loading-indicator {
244
+ vertical-align: bottom;
245
+ margin-bottom: 3px;
246
+ }
247
+
248
+
249
+
250
+
251
+ /* Form Styling
252
+ ============================== */
253
+
254
+ .list-wrapper .submit {
255
+ font-weight: bold;
256
+ font-size: 14px;
257
+ font-family: Arial, sans-serif;
258
+ letter-spacing: 0;
259
+ margin: 0;
260
+ margin-top: 5px;
261
+ }
262
+
263
+ .list-wrapper fieldset {
264
+ border: none;
265
+ }
266
+
267
+ table.list label.required{
268
+ font-weight: bold;
269
+ }
270
+
271
+ table.list label.example {
272
+ font-size: 11px;
273
+ font-family: arial;
274
+ color: #888;
275
+ }
276
+
277
+ table.list h4 {
278
+ padding: 2px;
279
+ margin: 0;
280
+ color: #1F7F00;
281
+ font-size: 16px;
282
+ letter-spacing: -1px;
283
+ font-family: Georgia, Arial, sans-serif;
284
+ }
285
+
286
+ table.list .edit a,
287
+ table.list .create a {
288
+ font-size: 14px;
289
+ font-weight: bold;
290
+ font-family: Arial, sans-serif;
291
+ letter-spacing: 0;
292
+ }
293
+
294
+ table.list p {
295
+ clear: both;
296
+ }
297
+
298
+ table.list div.row {
299
+ clear: both;
300
+ float: none;
301
+ padding: 2px;
302
+ margin-left: 5px;
303
+ }
304
+
305
+ table.list div.form-element {
306
+ float: left;
307
+ margin-right: 10px;
308
+ margin-bottom: 2px;
309
+ }
310
+
311
+ table.list label {
312
+ display: block;
313
+ font-family: Verdana, sans-serif;
314
+ color: #555;
315
+ font-size: 11px;
316
+ padding-bottom: 1px;
317
+ }
318
+
319
+ table.list input,
320
+ table.list select {
321
+ font-size: 16px;
322
+ font-weight: bold;
323
+ font-family: Arial, sans-serif;
324
+ letter-spacing: -1px;
325
+ }
326
+
327
+ table.list .form-element input {
328
+ padding: 1px;
329
+ border: solid 1px #1F7F00;
330
+ }
331
+
332
+ table.list textarea {
333
+ height: 65px;
334
+ font-family: Arial, sans-serif;
335
+ font-size: 12px;
336
+ padding: 1px;
337
+ border: solid 1px #1F7F00;
338
+ }
339
+
340
+ /* IE hacks
341
+ ==================================== */
342
+
343
+ * html .list-header {
344
+ height: 1%;
345
+ }
data/templates/view_edit.rhtml CHANGED
@@ -5,7 +5,7 @@
5
5
  :success => "AjaxScaffold.updateOnSuccess(request,'<%= singular_name %>',#{@<%= singular_name %>.id});",
6
6
  :failure => "AjaxScaffold.updateOnFailure(request,'<%= singular_name %>',#{@<%= singular_name %>.id});",
7
7
  :complete => "AjaxScaffold.updateOnComplete(request,'<%= singular_name %>',#{@<%= singular_name %>.id});",
8
- :html => { :id => "<%= singular_name %>-#{@<%= singular_name %>.id}-form" } %>
8
+ :html => { :id => "edit-<%= singular_name %>-#{@<%= singular_name %>.id}-form" } %>
9
9
  <h4>Edit <%= Inflector.titleize(singular_name) %></h4>
10
10
 
11
11
  <div id="<%%= "update-<%= singular_name %>-#{@<%= singular_name %>.id}-errors" %>" style="display: none;" ></div>
data/templates/view_index.rhtml CHANGED
@@ -1 +1 @@
1
- <%%= render_component :controller => '<%= singular_name %>', :action => 'list' %>
1
+ <%%= render_component :controller => '<%= Inflector.underscore(controller_name) %>', :action => 'list' %>