ajax_scaffold_generator 2.2.1 → 3.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. data/README +1 -1
  2. data/ajax_scaffold_generator.rb +97 -22
  3. data/templates/{style.css → ajax_scaffold.css} +451 -364
  4. data/templates/ajax_scaffold.js +126 -0
  5. data/templates/ajax_scaffold_helper.rb +95 -0
  6. data/templates/arrow_down.gif +0 -0
  7. data/templates/arrow_up.gif +0 -0
  8. data/templates/controller.rb +93 -42
  9. data/templates/error.gif +0 -0
  10. data/templates/form_scaffolding.rhtml +1 -1
  11. data/templates/helper.rb +2 -6
  12. data/templates/indicator.gif +0 -0
  13. data/templates/information.gif +0 -0
  14. data/templates/layout.rhtml +2 -1
  15. data/templates/lib_ajax_scaffold_util.rb +26 -0
  16. data/templates/lib_content_column_patch.rb +10 -0
  17. data/templates/partial_column_headings.rhtml +12 -0
  18. data/templates/partial_form_messages.rhtml +5 -0
  19. data/templates/partial_item.rhtml +30 -21
  20. data/templates/partial_messages.rhtml +10 -0
  21. data/templates/partial_new_edit.rhtml +38 -0
  22. data/templates/partial_pagination_links.rhtml +14 -0
  23. data/templates/rjs_create.rjs +17 -0
  24. data/templates/rjs_destroy.rjs +10 -0
  25. data/templates/rjs_edit.rjs +16 -0
  26. data/templates/rjs_new.rjs +14 -0
  27. data/templates/rjs_update.rjs +17 -0
  28. data/templates/view_component.rhtml +51 -0
  29. data/templates/view_list.rhtml +1 -59
  30. data/templates/warning.gif +0 -0
  31. metadata +22 -8
  32. data/templates/partial_form_errors.rhtml +0 -9
  33. data/templates/script.js +0 -423
  34. data/templates/view_edit.rhtml +0 -36
  35. data/templates/view_index.rhtml +0 -1
  36. data/templates/view_new.rhtml +0 -33
data/README CHANGED
@@ -1,5 +1,5 @@
1
1
  *******************************************************************************************
2
- ** For all documentation see the project website: http://ajaxscaffold.height1percent.com **
2
+ ** For all documentation see the project website: http://www.ajaxscaffold.com **
3
3
  *******************************************************************************************
4
4
 
5
5
  Description:
data/ajax_scaffold_generator.rb CHANGED
@@ -4,12 +4,42 @@ class AjaxScaffoldingSandbox < ScaffoldingSandbox
4
4
  def default_input_block
5
5
  Proc.new { |record, column| "<div class=\"form-element\">\n <label for=\"#{record}_#{column.name}\">#{column.human_name}</label>\n #{input(record, column.name)}\n</div>\n" }
6
6
  end
7
+
8
+ def all_input_tags(record, record_name, options)
9
+ input_block = options[:input_block] || default_input_block
10
+
11
+ if !options[:exclude].blank?
12
+ filtered_content_columns = record.class.content_columns.reject { |column| options[:exclude].include?(column.name) }
13
+ else
14
+ filtered_content_columns = record.class.content_columns
15
+ end
16
+
17
+ filtered_content_columns.collect{ |column| input_block.call(record_name, column) }.join("\n")
18
+ end
19
+
20
+ end
21
+
22
+ class ActionView::Helpers::InstanceTag
23
+ alias_method :base_to_input_field_tag, :to_input_field_tag
24
+
25
+ def to_input_field_tag(field_type, options={})
26
+ options[:class] = 'text-input'
27
+ base_to_input_field_tag field_type, options
28
+ end
29
+
30
+ def to_boolean_select_tag(options = {})
31
+ options = options.stringify_keys
32
+ add_default_name_and_id(options)
33
+ tag_text = "<%= select \"#{@object_name}\", \"#{@method_name}\", [[\"True\", true], [\"False\", false]], { :selected => @#{@object_name}.#{@method_name} } %>"
34
+ end
35
+
7
36
  end
8
37
 
9
38
  class AjaxScaffoldGenerator < ScaffoldGenerator
10
39
 
11
40
  def manifest
12
41
  record do |m|
42
+
13
43
  # Check for class naming collisions.
14
44
  m.class_collisions controller_class_path, "#{controller_class_name}Controller", "#{controller_class_name}ControllerTest", "#{controller_class_name}Helper"
15
45
 
@@ -17,11 +47,12 @@ class AjaxScaffoldGenerator < ScaffoldGenerator
17
47
  m.directory File.join('app/controllers', controller_class_path)
18
48
  m.directory File.join('app/helpers', controller_class_path)
19
49
  m.directory File.join('app/views', controller_class_path, controller_file_name)
50
+ m.directory File.join('app/views/layouts', controller_class_path)
20
51
  m.directory File.join('public/images')
21
52
  m.directory File.join('test/functional', controller_class_path)
22
53
 
23
54
  # Depend on model generator but skip if the model exists.
24
- m.dependency 'model', [singular_name], :collision => :skip
55
+ m.dependency 'model', [singular_name], :collision => :skip, :skip_migration => true
25
56
 
26
57
  # Scaffolded forms.
27
58
  m.complex_template 'form.rhtml',
@@ -42,11 +73,13 @@ class AjaxScaffoldGenerator < ScaffoldGenerator
42
73
  controller_file_name,
43
74
  "_#{singular_name}.rhtml")
44
75
 
45
- m.template "partial_form_errors.rhtml",
76
+ scaffold_partials.each do |name|
77
+ m.template "partial_#{name}.rhtml",
46
78
  File.join('app/views',
47
79
  controller_class_path,
48
80
  controller_file_name,
49
- "_form_errors.rhtml")
81
+ "_#{name}.rhtml")
82
+ end
50
83
 
51
84
  # Scaffolded views.
52
85
  scaffold_views.each do |action|
@@ -57,6 +90,22 @@ class AjaxScaffoldGenerator < ScaffoldGenerator
57
90
  "#{action}.rhtml"),
58
91
  :assigns => { :action => action }
59
92
  end
93
+
94
+ # RJS templates
95
+ scaffold_rjs_templates.each do |template|
96
+ m.template "rjs_#{template}.rjs",
97
+ File.join('app/views',
98
+ controller_class_path,
99
+ controller_file_name,
100
+ "#{template}.rjs")
101
+ end
102
+
103
+ # Libraries
104
+ scaffold_lib.each do |filename|
105
+ m.template "lib_#{filename}.rb",
106
+ File.join('lib',
107
+ "#{filename}.rb")
108
+ end
60
109
 
61
110
  # Controller class, functional test, helper, and views.
62
111
  m.template 'controller.rb',
@@ -73,37 +122,63 @@ class AjaxScaffoldGenerator < ScaffoldGenerator
73
122
  File.join('app/helpers',
74
123
  controller_class_path,
75
124
  "#{controller_file_name}_helper.rb")
125
+
126
+ m.template 'ajax_scaffold_helper.rb',
127
+ File.join('app/helpers',
128
+ controller_class_path,
129
+ "ajax_scaffold_helper.rb")
76
130
 
77
131
  # Layout and stylesheet.
78
- m.template 'layout.rhtml', "app/views/layouts/#{controller_file_name}.rhtml"
79
- m.template 'style.css', 'public/stylesheets/ajax_scaffold.css'
80
- m.template 'script.js', 'public/javascripts/ajax_scaffold.js'
81
- m.template 'rico_corner.js', 'public/javascripts/rico_corner.js'
82
- m.template 'indicator.gif', 'public/images/indicator.gif'
83
- m.template 'add.gif', 'public/images/add.gif'
84
- m.template 'error.gif', 'public/images/error.gif'
85
-
86
- # Unscaffolded views.
87
- unscaffolded_actions.each do |action|
88
- path = File.join('app/views',
89
- controller_class_path,
90
- controller_file_name,
91
- "#{action}.rhtml")
92
-
93
- m.template 'controller:view.rhtml', path,
94
- :assigns => { :action => action, :path => path }
132
+ m.template 'layout.rhtml',
133
+ File.join('app/views/layouts',
134
+ controller_class_path,
135
+ "#{controller_file_name}.rhtml")
136
+
137
+ m.template 'ajax_scaffold.css', "public/stylesheets/ajax_scaffold.css"
138
+
139
+ scaffold_javascripts.each do |javascript|
140
+ m.template javascript, "public/javascripts/#{javascript}"
95
141
  end
142
+
143
+ scaffold_images.each do |image|
144
+ m.template image, "public/images/#{image}"
145
+ end
146
+
96
147
  end
97
148
  end
98
149
 
99
150
  protected
100
151
  # Override with your own usage banner.
101
152
  def banner
102
- "Usage: #{$0} ajax_scaffold ModelName [ControllerName] [action, ...]"
153
+ "Usage: #{$0} ajax_scaffold ModelName [ControllerName]"
103
154
  end
104
155
 
105
156
  def scaffold_views
106
- %w( list edit new index )
157
+ %w( list component )
158
+ end
159
+
160
+ def scaffold_rjs_templates
161
+ %w( create destroy edit new update )
162
+ end
163
+
164
+ def scaffold_partials
165
+ %w( form_messages messages column_headings new_edit pagination_links )
166
+ end
167
+
168
+ def scaffold_helpers
169
+ %w( helper ajax_scaffold_helper )
170
+ end
171
+
172
+ def scaffold_lib
173
+ %w( ajax_scaffold_util content_column_patch )
174
+ end
175
+
176
+ def scaffold_images
177
+ %w( indicator.gif add.gif error.gif warning.gif information.gif arrow_down.gif arrow_up.gif )
178
+ end
179
+
180
+ def scaffold_javascripts
181
+ %w( ajax_scaffold.js rico_corner.js )
107
182
  end
108
183
 
109
184
  def create_sandbox
data/templates/{style.css → ajax_scaffold.css} RENAMED
@@ -1,364 +1,451 @@
1
- .ajax-scaffold-wrapper form,
2
- .ajax-scaffold-wrapper table,
3
- .ajax-scaffold-wrapper p,
4
- .ajax-scaffold-wrapper div,
5
- .ajax-scaffold-wrapper fieldset,
6
- .ajax-scaffold form,
7
- .ajax-scaffold table,
8
- .ajax-scaffold p,
9
- .ajax-scaffold div,
10
- .ajax-scaffold fieldset {
11
- margin: 0;
12
- padding: 0;
13
- }
14
-
15
- .ajax-scaffold a {
16
- color: #0066CC;
17
- text-decoration: none;
18
- }
19
-
20
- .ajax-scaffold-wrapper {
21
- margin: 5px 0;
22
- }
23
-
24
- .ajax-scaffold {
25
- width: 100%;
26
- }
27
-
28
- /* Header Styling
29
- ======================== */
30
-
31
- .ajax-scaffold-header {
32
- position: relative;
33
- background: #005CB8;
34
- }
35
-
36
- .ajax-scaffold-header div.actions a {
37
- color: #fff;
38
- background: url(/images/add.gif) 1px 50% no-repeat;
39
- font-size: 13px;
40
- font-family: Trebuchet MS;
41
- font-weight: bold;
42
- text-decoration: none;
43
- padding: 1px 2px 1px 19px;
44
- }
45
-
46
- .ajax-scaffold-header div.actions a:hover {
47
- background: #378CDF url(/images/add.gif) 1px 50% no-repeat;
48
- }
49
-
50
- .ajax-scaffold-header h2 {
51
- color: #fff;
52
- padding: 3px 5px;
53
- margin: 0;
54
- font-size: 18px;
55
- font-weight: normal;
56
- font-family: Verdana, sans-serif;
57
- }
58
-
59
- .ajax-scaffold-header .actions {
60
- position: absolute;
61
- right: 5px;
62
- bottom: 2px;
63
- }
64
-
65
- /* Table Column Headers
66
- ============================= */
67
-
68
- .ajax-scaffold tr.header {
69
- background: #C5DBF7;
70
- }
71
-
72
- .ajax-scaffold th {
73
- font-size: 11px;
74
- padding: 2px;
75
- color: #fff;
76
- background: #555;
77
- letter-spacing: 0;
78
- font-family: Arial, sans-serif;
79
- text-align: left;
80
- padding-left: 5px;
81
- }
82
-
83
- /* Table Body Styling
84
- ============================= */
85
-
86
- .ajax-scaffold td {
87
- padding: 5px 4px;
88
- border-bottom: solid 1px #C5DBF7;
89
- color: #333;
90
- font-family: Verdana, sans-serif;
91
- font-size: 11px;
92
- background-color: #E6F2FF;
93
- }
94
-
95
- .ajax-scaffold tr.even td {
96
- background-color: #fff;
97
- }
98
-
99
- .ajax-scaffold .edit td,
100
- .ajax-scaffold .create td {
101
- padding: 0;
102
- padding: 4px;
103
- }
104
-
105
- /* Table Actions (Edit, Delete) Styling
106
- ============================= */
107
-
108
- .ajax-scaffold td a {
109
- font-family: Verdana, sans-serif;
110
- font-size: 11px;
111
- font-weight: bold;
112
- letter-spacing: -1px;
113
- padding: 2px;
114
- line-height: 18px;
115
- }
116
-
117
- /* The following fixes some very weird
118
- layout issue in IE where the edit link
119
- is too close to the delete link after
120
- the introduction of the taconite JS library
121
- .ajax-scaffold .actions a {
122
- display: block;
123
- float: right;
124
- padding: 0 2px;
125
- margin-left: 3px;
126
- }
127
- */
128
-
129
- .ajax-scaffold td a:hover {
130
- background: #ff8;
131
- }
132
-
133
- .ajax-scaffold .edit td,
134
- .ajax-scaffold .create td {
135
- background: #DAFFCD;
136
- }
137
-
138
- .ajax-scaffold .edit td,
139
- .ajax-scaffold .create td {
140
- border-top: solid 2px #fff;
141
- border-bottom: solid 2px #fff;
142
- }
143
-
144
- .ajax-scaffold .actions div {
145
- width: 95px;
146
- text-align: right;
147
- float: right;
148
- padding-right: 2px;
149
- }
150
-
151
- /* ajax-scaffold Footer Styling
152
- ========================== */
153
-
154
- .ajax-scaffold-wrapper .ajax-scaffold-footer {
155
- text-align: right;
156
- background: #005CB8;
157
- padding: 2px 0;
158
- border-bottom: none;
159
- }
160
-
161
- .ajax-scaffold tfoot a {
162
- color: #fff;
163
- font-size: 12px;
164
- font-weight: bold;
165
- letter-spacing: 0;
166
- font-family: Arial, sans-serif;
167
- }
168
-
169
- .ajax-scaffold tfoot a:hover {
170
- color: #0066CC;
171
- }
172
-
173
- /* Messages
174
- ========================= */
175
-
176
- .ajax-scaffold .empty-message td {
177
- background: #e8e8e8;
178
- text-align: center;
179
- color: #666;
180
- }
181
-
182
- .ajax-scaffold .error-message td {
183
- border-bottom: solid 1px #fff;
184
- background: #f66;
185
- color: #333;
186
- font-size: 11px;
187
- font-weight: bold;
188
- }
189
-
190
- .ajax-scaffold .error-message p {
191
- padding-left: 19px;
192
- background: url(/images/error.gif) 0 0 no-repeat;
193
- }
194
-
195
- .ajax-scaffold .error-message td.actions {
196
- background: #f66;
197
- text-align: right;
198
- }
199
-
200
- .ajax-scaffold .error-message td.actions a {
201
- color: #333;
202
- }
203
-
204
- /* Error Styling
205
- ========================== */
206
-
207
- .ajax-scaffold #errorExplanation {
208
- background: #fcc;
209
- margin: 2px 7px;
210
- border: solid 1px #f66;
211
- float: left;
212
- }
213
-
214
- .ajax-scaffold fieldset {
215
- clear: both;
216
- }
217
-
218
- .ajax-scaffold #errorExplanation h2 {
219
- padding: 2px 5px 3px 20px;
220
- color: #333;
221
- font-size: 11px;
222
- margin: 0;
223
- letter-spacing: 0;
224
- font-family: Verdana;
225
- background: #f66 url(/images/error.gif) 2px 1px no-repeat;
226
- }
227
-
228
- .ajax-scaffold #errorExplanation ul {
229
- margin: 0;
230
- padding: 2px 2px 4px 25px;
231
- }
232
-
233
- .ajax-scaffold #errorExplanation p {
234
- font-size: 11px;
235
- padding: 2px 5px;
236
- font-family: Verdana;
237
- margin: 0;
238
- }
239
-
240
- .ajax-scaffold #errorExplanation ul li {
241
- font-size: 11px;
242
- margin: 0;
243
- font-family: Verdana;
244
- padding: 0;
245
- }
246
-
247
- .ajax-scaffold .fieldWithErrors input {
248
- border: solid 1px #f00;
249
- }
250
-
251
- /* Loading Indicators
252
- ============================== */
253
-
254
- .ajax-scaffold-wrapper .loading-indicator {
255
- vertical-align: bottom;
256
- margin: 0;
257
- }
258
-
259
- .ajax-scaffold-wrapper .ajax-scaffold-header .loading-indicator,
260
- .ajax-scaffold-wrapper .edit .loading-indicator,
261
- .ajax-scaffold-wrapper .create .loading-indicator {
262
- vertical-align: bottom;
263
- margin-bottom: 3px;
264
- }
265
-
266
- /* Form Styling
267
- ============================== */
268
-
269
- .ajax-scaffold-wrapper .submit,
270
- .ajax-scaffold .submit {
271
- font-weight: bold;
272
- font-size: 14px;
273
- font-family: Arial, sans-serif;
274
- letter-spacing: 0;
275
- margin: 0;
276
- margin-top: 5px;
277
- }
278
-
279
- .ajax-scaffold-wrapper fieldset,
280
- .ajax-scaffold fieldset {
281
- border: none;
282
- }
283
-
284
- .ajax-scaffold label.required{
285
- font-weight: bold;
286
- }
287
-
288
- .ajax-scaffold label.example {
289
- font-size: 11px;
290
- font-family: arial;
291
- color: #888;
292
- }
293
-
294
- .ajax-scaffold h4 {
295
- padding: 2px;
296
- margin: 0;
297
- font-weight: bold;
298
- text-transform: none;
299
- color: #1F7F00;
300
- font-size: 16px;
301
- letter-spacing: -1px;
302
- font-family: Georgia, Arial, sans-serif;
303
- }
304
-
305
- .ajax-scaffold .edit a,
306
- .ajax-scaffold .create a {
307
- font-size: 14px;
308
- font-weight: bold;
309
- font-family: Arial, sans-serif;
310
- letter-spacing: 0;
311
- }
312
-
313
- .ajax-scaffold p {
314
- clear: both;
315
- }
316
-
317
- .ajax-scaffold div.row {
318
- clear: both;
319
- float: none;
320
- padding: 2px;
321
- margin-left: 5px;
322
- }
323
-
324
- .ajax-scaffold div.form-element {
325
- float: left;
326
- margin-right: 10px;
327
- margin-bottom: 2px;
328
- }
329
-
330
- .ajax-scaffold label {
331
- display: block;
332
- font-family: Verdana, sans-serif;
333
- color: #555;
334
- font-size: 11px;
335
- padding-bottom: 1px;
336
- }
337
-
338
- .ajax-scaffold input,
339
- .ajax-scaffold select {
340
- font-size: 16px;
341
- font-weight: bold;
342
- font-family: Arial, sans-serif;
343
- letter-spacing: -1px;
344
- }
345
-
346
- .ajax-scaffold .form-element input {
347
- padding: 1px;
348
- border: solid 1px #1F7F00;
349
- }
350
-
351
- .ajax-scaffold textarea {
352
- height: 65px;
353
- font-family: Arial, sans-serif;
354
- font-size: 12px;
355
- padding: 1px;
356
- border: solid 1px #1F7F00;
357
- }
358
-
359
- /* IE hacks
360
- ==================================== */
361
-
362
- * html .ajax-scaffold-header {
363
- height: 1%;
364
- }
1
+ /*
2
+ AjaxScaffoldGenerator version 3.0.0
3
+ (c) 2006 Richard White <rrwhite@gmail.com>
4
+
5
+ AjaxScaffoldGenerator is freely distributable under the terms of an MIT-style license.
6
+
7
+ For details, see the AjaxScaffoldGenerator web site: http://www.ajaxscaffold.com/
8
+ */
9
+
10
+ .ajax-scaffold form,
11
+ .ajax-scaffold table,
12
+ .ajax-scaffold p,
13
+ .ajax-scaffold div,
14
+ .ajax-scaffold fieldset {
15
+ margin: 0;
16
+ padding: 0;
17
+ }
18
+
19
+ .ajax-scaffold a {
20
+ color: #06c;
21
+ text-decoration: none;
22
+ }
23
+
24
+ .ajax-scaffold {
25
+ margin: 5px 0;
26
+ }
27
+
28
+ .ajax-scaffold table {
29
+ width: 100%;
30
+ }
31
+
32
+ /* Header Styling
33
+ ======================== */
34
+
35
+ .ajax-scaffold-header {
36
+ background: #005CB8;
37
+ position: relative;
38
+ }
39
+
40
+ .ajax-scaffold-header h2 {
41
+ color: #fff;
42
+ padding: 2px 5px 4px 5px;
43
+ margin: 0;
44
+ font: normal 17px verdana, sans-serif;
45
+ }
46
+
47
+ .ajax-scaffold-header div.actions a {
48
+ color: #fff;
49
+ background: url(/images/add.gif) 1px 50% no-repeat;
50
+ font: bold 14px arial, sans-serif;
51
+ letter-spacing: -1px;
52
+ text-decoration: none;
53
+ padding: 1px 2px 1px 19px;
54
+ }
55
+
56
+ .ajax-scaffold-header div.actions a:hover {
57
+ background: #378CDF url(/images/add.gif) 1px 50% no-repeat;
58
+ }
59
+
60
+ .ajax-scaffold-header div.actions {
61
+ position: absolute;
62
+ right: 5px;
63
+ top: 3px;
64
+ width: 120px;
65
+ text-align: right;
66
+ }
67
+
68
+ .ajax-scaffold-header div.actions img {
69
+ margin-bottom: -3px;
70
+ }
71
+
72
+ /* Table Column Headers
73
+ ============================= */
74
+
75
+ .ajax-scaffold th {
76
+ font-size: 11px;
77
+ color: #fff;
78
+ background: #555;
79
+ letter-spacing: 0;
80
+ font-family: Arial, sans-serif;
81
+ text-align: left;
82
+ }
83
+
84
+ .ajax-scaffold th a {
85
+ color: #fff;
86
+ padding: 2px 15px 2px 5px;
87
+ display: block;
88
+ }
89
+
90
+ .ajax-scaffold th a:hover {
91
+ background: #000;
92
+ }
93
+
94
+ .ajax-scaffold th.asc a,
95
+ .ajax-scaffold th.asc a:hover {
96
+ background: #333 url(/images/arrow_up.gif) right 50% no-repeat;
97
+ }
98
+
99
+ .ajax-scaffold th.desc a,
100
+ .ajax-scaffold th.desc a:hover {
101
+ background: #333 url(/images/arrow_down.gif) right 50% no-repeat;
102
+ }
103
+
104
+ /* Table Body Styling
105
+ ============================= */
106
+
107
+ .ajax-scaffold td {
108
+ padding: 5px 4px;
109
+ border-bottom: solid 1px #C5DBF7;
110
+ color: #333;
111
+ font-family: Verdana, sans-serif;
112
+ font-size: 11px;
113
+ background-color: #E6F2FF;
114
+ border-left: solid 1px #C5DBF7;
115
+ }
116
+
117
+ .ajax-scaffold td.actions {
118
+ border-right: solid 1px #ccc;
119
+ }
120
+
121
+ .ajax-scaffold tr.even td {
122
+ background-color: #fff;
123
+ border-left: solid 1px #ddd;
124
+ }
125
+
126
+ .ajax-scaffold tr td.sorted {
127
+ background-color: #ffa;
128
+ border-bottom: solid 1px #ccc;
129
+ }
130
+
131
+ .ajax-scaffold tr.even td.sorted {
132
+ background-color: #ffd;
133
+ border-bottom: solid 1px #ccc;
134
+ }
135
+
136
+ .ajax-scaffold .update td,
137
+ .ajax-scaffold .create td {
138
+ padding: 4px;
139
+ }
140
+
141
+ .ajax-scaffold td.empty {
142
+ color: #999;
143
+ text-align: center;
144
+ }
145
+
146
+ /* Table Actions (Edit, Delete) Styling
147
+ ============================= */
148
+
149
+ .ajax-scaffold td a {
150
+ font: bold 11px verdana, sans-serif;
151
+ letter-spacing: -1px;
152
+ padding: 2px;
153
+ line-height: 16px;
154
+ }
155
+
156
+ .ajax-scaffold td a:hover {
157
+ background: #ff8;
158
+ }
159
+
160
+ .ajax-scaffold .update td,
161
+ .ajax-scaffold .create td {
162
+ background: #DAFFCD;
163
+ }
164
+
165
+ .ajax-scaffold .update td,
166
+ .ajax-scaffold .create td {
167
+ border-left: solid 1px #7FcF00;
168
+ border-bottom: solid 1px #7FcF00;
169
+ border-right: solid 1px #7FcF00;
170
+ }
171
+
172
+ .ajax-scaffold .actions {
173
+ padding: 0;
174
+ width: 95px;
175
+ }
176
+
177
+ .ajax-scaffold .actions table {
178
+ float: right;
179
+ width: auto;
180
+ margin-right: 5px;
181
+ }
182
+
183
+ .ajax-scaffold .actions img {
184
+ width: 16px;
185
+ display: static;
186
+ }
187
+
188
+ .ajax-scaffold .actions table td {
189
+ border: none;
190
+ text-align: right;
191
+ padding: 0 0 0 2px;
192
+ }
193
+
194
+ /* ajax-scaffold Footer Styling
195
+ ========================== */
196
+
197
+ .ajax-scaffold .ajax-scaffold-footer {
198
+ text-align: right;
199
+ background: #005CB8;
200
+ padding: 3px 5px 2px 5px;
201
+ border-bottom: none;
202
+ color: #ccc;
203
+ font: bold 12px arial, sans-serif;
204
+ }
205
+
206
+ .ajax-scaffold-footer a {
207
+ color: #fff;
208
+ text-decoration: none;
209
+ letter-spacing: 0;
210
+ padding: 0 2px;
211
+ margin: 0 -2px;
212
+ font: bold 12px arial, sans-serif;
213
+ }
214
+
215
+ .ajax-scaffold-footer a:hover {
216
+ background: #378CDF;
217
+ }
218
+
219
+ .ajax-scaffold-footer .next {
220
+ margin-left: 0;
221
+ padding-left: 5px;
222
+ border-left: solid 1px #ccc;
223
+ }
224
+
225
+ .ajax-scaffold-footer .previous {
226
+ margin-right: 0;
227
+ padding-right: 5px;
228
+ border-right: solid 1px #ccc;
229
+ }
230
+
231
+ /* Messages
232
+ ========================= */
233
+
234
+ .ajax-scaffold .messages-container {
235
+ padding: 0;
236
+ margin: 0 7px;
237
+ border: none;
238
+ }
239
+
240
+ .ajax-scaffold .empty-message {
241
+ background: #e8e8e8;
242
+ padding: 4px;
243
+ text-align: center;
244
+ color: #666;
245
+ }
246
+
247
+ .ajax-scaffold .message {
248
+ font-size: 11px;
249
+ font-weight: bold;
250
+ padding: 5px 20px 5px 21px;
251
+ color: #333;
252
+ position: relative;
253
+ margin: 2px 7px;
254
+ line-height: 12px;
255
+ }
256
+
257
+ .ajax-scaffold td .message a {
258
+ position: absolute;
259
+ right: 10px;
260
+ top: 4px;
261
+ padding: 0;
262
+ font: bold 11px verdana, sans-serif;
263
+ letter-spacing: -1px;
264
+ }
265
+
266
+ .ajax-scaffold .messages-container .message {
267
+ margin: 0;
268
+ }
269
+
270
+ .ajax-scaffold .error-message {
271
+ border-left: solid 5px #f66;
272
+ background: #fbb url(/images/error.gif) 2px 3px no-repeat;
273
+ }
274
+
275
+ .ajax-scaffold .warning-message {
276
+ border-left: solid 5px #ff6;
277
+ background: #ffb url(/images/warning.gif) 2px 3px no-repeat;
278
+ }
279
+
280
+ .ajax-scaffold .info-message {
281
+ border-left: solid 5px #66f;
282
+ background: #bbf url(/images/information.gif) 2px 3px no-repeat;
283
+ }
284
+
285
+ * html .ajax-scaffold .messages-container .message {
286
+ background-position: 7px 3px;
287
+ }
288
+
289
+ /* Error Styling
290
+ ========================== */
291
+
292
+ .ajax-scaffold #errorExplanation {
293
+ background: #fcc;
294
+ margin: 2px 7px;
295
+ border: solid 1px #f66;
296
+ float: left;
297
+ }
298
+
299
+ .ajax-scaffold fieldset {
300
+ clear: both;
301
+ }
302
+
303
+ .ajax-scaffold #errorExplanation h2 {
304
+ padding: 2px 5px 3px 20px;
305
+ color: #333;
306
+ font-size: 11px;
307
+ margin: 0;
308
+ letter-spacing: 0;
309
+ font-family: Verdana;
310
+ background: #f66 url(/images/error.gif) 2px 1px no-repeat;
311
+ }
312
+
313
+ .ajax-scaffold #errorExplanation ul {
314
+ margin: 0;
315
+ padding: 0 2px 4px 25px;
316
+ list-style: disc;
317
+ }
318
+
319
+ .ajax-scaffold #errorExplanation p {
320
+ font-size: 11px;
321
+ padding: 2px 5px;
322
+ font-family: Verdana;
323
+ margin: 0;
324
+ }
325
+
326
+ .ajax-scaffold #errorExplanation ul li {
327
+ font: bold 11px verdana;
328
+ letter-spacing: -1px;
329
+ margin: 0;
330
+ padding: 0;
331
+ background: transparent;
332
+ }
333
+
334
+ .ajax-scaffold .fieldWithErrors input {
335
+ border: solid 1px #f00;
336
+ }
337
+
338
+ /* Loading Indicators
339
+ ============================== */
340
+
341
+ .ajax-scaffold .loading-indicator {
342
+ vertical-align: bottom;
343
+ margin: 0;
344
+ }
345
+
346
+ .ajax-scaffold .ajax-scaffold-header .loading-indicator,
347
+ .ajax-scaffold .update .loading-indicator,
348
+ .ajax-scaffold .create .loading-indicator {
349
+ vertical-align: bottom;
350
+ margin-bottom: 3px;
351
+ }
352
+
353
+ /* Form Styling
354
+ ============================== */
355
+
356
+ .ajax-scaffold .submit {
357
+ font-weight: bold;
358
+ font-size: 14px;
359
+ font-family: Arial, sans-serif;
360
+ letter-spacing: 0;
361
+ margin: 0;
362
+ margin-top: 5px;
363
+ }
364
+
365
+ .ajax-scaffold fieldset {
366
+ border: none;
367
+ }
368
+
369
+ .ajax-scaffold label.required{
370
+ font-weight: bold;
371
+ }
372
+
373
+ .ajax-scaffold label.example {
374
+ font-size: 11px;
375
+ font-family: arial;
376
+ color: #888;
377
+ }
378
+
379
+ .ajax-scaffold h4 {
380
+ padding: 2px;
381
+ margin: 0;
382
+ text-transform: none;
383
+ color: #1F7F00;
384
+ letter-spacing: -1px;
385
+ font: bold 16px arial;
386
+ }
387
+
388
+ .ajax-scaffold .update a,
389
+ .ajax-scaffold .create a {
390
+ font-size: 14px;
391
+ font-weight: bold;
392
+ font-family: Arial, sans-serif;
393
+ letter-spacing: 0;
394
+ }
395
+
396
+ .ajax-scaffold p {
397
+ clear: both;
398
+ }
399
+
400
+ .ajax-scaffold div.row {
401
+ clear: both;
402
+ float: none;
403
+ padding: 2px;
404
+ margin-left: 5px;
405
+ }
406
+
407
+ .ajax-scaffold div.form-element {
408
+ float: left;
409
+ margin-right: 10px;
410
+ margin-bottom: 2px;
411
+ }
412
+
413
+ .ajax-scaffold label {
414
+ display: block;
415
+ font-family: Verdana, sans-serif;
416
+ color: #555;
417
+ font-size: 11px;
418
+ padding-bottom: 1px;
419
+ }
420
+
421
+ .ajax-scaffold input.text-input,
422
+ .ajax-scaffold select {
423
+ font-size: 16px;
424
+ font-weight: bold;
425
+ font-family: Arial, sans-serif;
426
+ letter-spacing: -1px;
427
+ border: solid 1px #1F7F00;
428
+ }
429
+
430
+ .ajax-scaffold .form-element input {
431
+ padding: 1px;
432
+ }
433
+
434
+ .ajax-scaffold textarea {
435
+ height: 65px;
436
+ font-family: Arial, sans-serif;
437
+ font-size: 12px;
438
+ padding: 1px;
439
+ border: solid 1px #1F7F00;
440
+ }
441
+
442
+ /* IE hacks
443
+ ==================================== */
444
+
445
+ * html .ajax-scaffold-header {
446
+ height: 1%;
447
+ }
448
+
449
+ * html .ajax-scaffold td .messages-container {
450
+ border-top: solid 1px #DAFFCD;
451
+ }