inline_forms 2.23 → 3.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 (51) hide show
  1. checksums.yaml +9 -9
  2. data/.gitignore +5 -0
  3. data/bin/inline_forms +41 -414
  4. data/bin/inline_forms_app_template.rb +16 -0
  5. data/bin/inline_forms_installer_core.rb +423 -0
  6. data/lib/app/assets/javascripts/inline_forms.js +12 -32
  7. data/lib/app/assets/javascripts/inline_forms_application.js +7 -1
  8. data/lib/app/assets/stylesheets/inline_forms.css +5 -399
  9. data/lib/app/assets/stylesheets/inline_forms_application.css +3 -3
  10. data/lib/app/controllers/inline_forms_application_controller.rb +1 -2
  11. data/lib/app/controllers/inline_forms_controller.rb +2 -2
  12. data/lib/app/helpers/form_elements/check_list.rb +7 -14
  13. data/lib/app/helpers/form_elements/date.rb +3 -8
  14. data/lib/app/helpers/form_elements/decimal_field.rb +15 -0
  15. data/lib/app/helpers/form_elements/dropdown.rb +1 -1
  16. data/lib/app/helpers/form_elements/dropdown_with_other.rb +153 -0
  17. data/lib/app/helpers/form_elements/dropdown_with_values.rb +1 -1
  18. data/lib/app/helpers/form_elements/info_list.rb +22 -0
  19. data/lib/app/helpers/form_elements/integer_field.rb +15 -0
  20. data/lib/app/helpers/form_elements/kansen_slider.rb +89 -0
  21. data/lib/app/helpers/form_elements/month_year_picker.rb +33 -0
  22. data/lib/app/helpers/form_elements/move.rb +17 -0
  23. data/lib/app/helpers/form_elements/plain_text_area.rb +1 -1
  24. data/lib/app/helpers/form_elements/radio_button.rb +5 -6
  25. data/lib/app/helpers/form_elements/slider_with_values.rb +1 -1
  26. data/lib/app/helpers/form_elements/text_area.rb +12 -10
  27. data/lib/app/helpers/form_elements/text_area_without_ckeditor.rb +1 -1
  28. data/lib/app/helpers/form_elements/text_field.rb +2 -2
  29. data/lib/app/helpers/inline_forms_helper.rb +32 -37
  30. data/lib/app/views/inline_forms/_close.html.erb +12 -2
  31. data/lib/app/views/inline_forms/_edit.html.erb +54 -21
  32. data/lib/app/views/inline_forms/_flash.html.erb +13 -0
  33. data/lib/app/views/inline_forms/_list.html.erb +28 -24
  34. data/lib/app/views/inline_forms/_new.html.erb +52 -60
  35. data/lib/app/views/inline_forms/_new_nested.html.erb +43 -0
  36. data/lib/app/views/inline_forms/_show.html.erb +83 -39
  37. data/lib/app/views/inline_forms/_tree.html.erb +46 -0
  38. data/lib/app/views/layouts/devise.html.erb +4 -14
  39. data/lib/app/views/layouts/inline_forms.html.erb +15 -23
  40. data/lib/inline_forms/version.rb +1 -1
  41. metadata +17 -13
  42. data/lib/app/assets/images/add.png +0 -0
  43. data/lib/app/assets/images/close.png +0 -0
  44. data/lib/app/assets/images/tooltip-bubble-down-left.png +0 -0
  45. data/lib/app/assets/images/tooltip-bubble-down-right.png +0 -0
  46. data/lib/app/assets/images/tooltip-bubble-up-left.png +0 -0
  47. data/lib/app/assets/images/tooltip-bubble-up-right.png +0 -0
  48. data/lib/app/assets/images/trash.png +0 -0
  49. data/lib/app/assets/javascripts/jquery.qtip.js +0 -3395
  50. data/lib/app/assets/stylesheets/jquery.qtip.css +0 -567
  51. data/lib/app/views/inline_forms/_header.html.erb +0 -1
@@ -1,567 +0,0 @@
1
- /*!
2
- * qTip2 - Pretty powerful tooltips
3
- * http://craigsworks.com/projects/qtip2/
4
- *
5
- * Version: nightly
6
- * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
7
- *
8
- * Dual licensed under MIT or GPLv2 licenses
9
- * http://en.wikipedia.org/wiki/MIT_License
10
- * http://en.wikipedia.org/wiki/GNU_General_Public_License
11
- *
12
- * Date: Sun Jul 15 16:44:57.0000000000 2012
13
- */
14
-
15
- /* Core qTip styles */
16
- .ui-tooltip, .qtip{
17
- position: absolute;
18
- left: -28000px;
19
- top: -28000px;
20
- display: none;
21
-
22
- max-width: 280px;
23
- min-width: 50px;
24
-
25
- font-size: 10.5px;
26
- line-height: 12px;
27
-
28
- border-width: 1px;
29
- border-style: solid;
30
- }
31
-
32
- /* Fluid class for determining actual width in IE */
33
- .ui-tooltip-fluid{
34
- display: block;
35
- visibility: hidden;
36
- position: static !important;
37
- float: left !important;
38
- }
39
-
40
- .ui-tooltip-content{
41
- position: relative;
42
- padding: 5px 9px;
43
- overflow: hidden;
44
-
45
- text-align: left;
46
- word-wrap: break-word;
47
- overflow: hidden;
48
- }
49
-
50
- .ui-tooltip-titlebar{
51
- position: relative;
52
- min-height: 14px;
53
- padding: 5px 35px 5px 10px;
54
- overflow: hidden;
55
-
56
- border-width: 0 0 1px;
57
- font-weight: bold;
58
- }
59
-
60
- .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
61
-
62
- /*! Default close button class */
63
- .ui-tooltip-titlebar .ui-state-default{
64
- position: absolute;
65
- right: 4px;
66
- top: 50%;
67
- margin-top: -9px;
68
-
69
- cursor: pointer;
70
- outline: medium none;
71
-
72
- border-width: 1px;
73
- border-style: solid;
74
- }
75
-
76
- * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
77
-
78
- .ui-tooltip-titlebar .ui-icon,
79
- .ui-tooltip-icon .ui-icon{
80
- display: block;
81
- text-indent: -1000em;
82
- }
83
-
84
- .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
85
- -moz-border-radius: 3px;
86
- -webkit-border-radius: 3px;
87
- border-radius: 3px;
88
- text-decoration: none;
89
- }
90
-
91
- .ui-tooltip-icon .ui-icon{
92
- width: 18px;
93
- height: 14px;
94
-
95
- text-align: center;
96
- text-indent: 0;
97
- font: normal bold 10px/13px Tahoma,sans-serif;
98
-
99
- color: inherit;
100
- background: transparent none no-repeat -100em -100em;
101
- }
102
-
103
-
104
- /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
105
- .ui-tooltip-focus{
106
-
107
- }
108
-
109
- /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
110
- .ui-tooltip-hover{
111
-
112
- }
113
-
114
-
115
- /*! Default tooltip style */
116
- .ui-tooltip-default{
117
- border-color: #F1D031;
118
- background-color: #FFFFA3;
119
- color: #555;
120
- }
121
-
122
- .ui-tooltip-default .ui-tooltip-titlebar{
123
- background-color: #FFEF93;
124
- }
125
-
126
- .ui-tooltip-default .ui-tooltip-icon{
127
- border-color: #CCC;
128
- background: #F1F1F1;
129
- color: #777;
130
- }
131
-
132
- .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
133
- border-color: #AAA;
134
- color: #111;
135
- }
136
-
137
- /* Modal plugin */
138
- #qtip-overlay{
139
- position: fixed;
140
- left: -10000em;
141
- top: -10000em;
142
- }
143
-
144
- /* Applied to modals with show.modal.blur set to true */
145
- #qtip-overlay.blurs{ cursor: pointer; }
146
-
147
- /* Change opacity of overlay here */
148
- #qtip-overlay div{
149
- position: absolute;
150
- left: 0; top: 0;
151
- width: 100%; height: 100%;
152
-
153
- background-color: black;
154
-
155
- opacity: 0.7;
156
- filter:alpha(opacity=70);
157
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
158
- }
159
-
160
- /* Tips plugin */
161
- .ui-tooltip .ui-tooltip-tip{
162
- margin: 0 auto;
163
- overflow: hidden;
164
- z-index: 10;
165
- }
166
-
167
- .ui-tooltip .ui-tooltip-tip,
168
- .ui-tooltip .ui-tooltip-tip *{
169
- position: absolute;
170
-
171
- line-height: 0.1px !important;
172
- font-size: 0.1px !important;
173
- color: #123456;
174
-
175
- background: transparent;
176
- border: 0px dashed transparent;
177
- }
178
-
179
- .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
180
-
181
-
182
- /*! Light tooltip style */
183
- .ui-tooltip-light{
184
- background-color: white;
185
- border-color: #E2E2E2;
186
- color: #454545;
187
- }
188
-
189
- .ui-tooltip-light .ui-tooltip-titlebar{
190
- background-color: #f1f1f1;
191
- }
192
-
193
-
194
- /*! Dark tooltip style */
195
- .ui-tooltip-dark{
196
- background-color: #505050;
197
- border-color: #303030;
198
- color: #f3f3f3;
199
- }
200
-
201
- .ui-tooltip-dark .ui-tooltip-titlebar{
202
- background-color: #404040;
203
- }
204
-
205
- .ui-tooltip-dark .ui-tooltip-icon{
206
- border-color: #444;
207
- }
208
-
209
- .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
210
- border-color: #303030;
211
- }
212
-
213
-
214
- /*! Cream tooltip style */
215
- .ui-tooltip-cream{
216
- background-color: #FBF7AA;
217
- border-color: #F9E98E;
218
- color: #A27D35;
219
- }
220
-
221
- .ui-tooltip-cream .ui-tooltip-titlebar{
222
- background-color: #F0DE7D;
223
- }
224
-
225
- .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
226
- background-position: -82px 0;
227
- }
228
-
229
-
230
- /*! Red tooltip style */
231
- .ui-tooltip-red{
232
- background-color: #F78B83;
233
- border-color: #D95252;
234
- color: #912323;
235
- }
236
-
237
- .ui-tooltip-red .ui-tooltip-titlebar{
238
- background-color: #F06D65;
239
- }
240
-
241
- .ui-tooltip-red .ui-state-default .ui-tooltip-icon{
242
- background-position: -102px 0;
243
- }
244
-
245
- .ui-tooltip-red .ui-tooltip-icon{
246
- border-color: #D95252;
247
- }
248
-
249
- .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
250
- border-color: #D95252;
251
- }
252
-
253
-
254
- /*! Green tooltip style */
255
- .ui-tooltip-green{
256
- background-color: #CAED9E;
257
- border-color: #90D93F;
258
- color: #3F6219;
259
- }
260
-
261
- .ui-tooltip-green .ui-tooltip-titlebar{
262
- background-color: #B0DE78;
263
- }
264
-
265
- .ui-tooltip-green .ui-state-default .ui-tooltip-icon{
266
- background-position: -42px 0;
267
- }
268
-
269
-
270
- /*! Blue tooltip style */
271
- .ui-tooltip-blue{
272
- background-color: #E5F6FE;
273
- border-color: #ADD9ED;
274
- color: #5E99BD;
275
- }
276
-
277
- .ui-tooltip-blue .ui-tooltip-titlebar{
278
- background-color: #D0E9F5;
279
- }
280
-
281
- .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
282
- background-position: -2px 0;
283
- }
284
-
285
- /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
286
- .ui-tooltip-shadow{
287
- -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
288
- -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
289
- box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
290
- }
291
-
292
- /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
293
- .ui-tooltip-rounded,
294
- .ui-tooltip-tipsy,
295
- .ui-tooltip-bootstrap{
296
- -moz-border-radius: 5px;
297
- -webkit-border-radius: 5px;
298
- border-radius: 5px;
299
- }
300
-
301
- /*! Youtube tooltip style */
302
- .ui-tooltip-youtube{
303
- -moz-border-radius: 2px;
304
- -webkit-border-radius: 2px;
305
- border-radius: 2px;
306
-
307
- -webkit-box-shadow: 0 0 3px #333;
308
- -moz-box-shadow: 0 0 3px #333;
309
- box-shadow: 0 0 3px #333;
310
-
311
- color: white;
312
- border-width: 0;
313
-
314
- background: #4A4A4A;
315
- background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
316
- background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
317
- background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
318
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
319
- background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
320
- background-image: linear-gradient(to bottom,#4A4A4A 0,black 100%);
321
- }
322
-
323
- .ui-tooltip-youtube .ui-tooltip-titlebar{
324
- background-color: #4A4A4A;
325
- background-color: rgba(0,0,0,0);
326
- }
327
-
328
- .ui-tooltip-youtube .ui-tooltip-content{
329
- padding: .75em;
330
- font: 12px arial,sans-serif;
331
-
332
- filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
333
- -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
334
- }
335
-
336
- .ui-tooltip-youtube .ui-tooltip-icon{
337
- border-color: #222;
338
- }
339
-
340
- .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
341
- border-color: #303030;
342
- }
343
-
344
-
345
- /* jQuery TOOLS Tooltip style */
346
- .ui-tooltip-jtools{
347
- background: #232323;
348
- background: rgba(0, 0, 0, 0.7);
349
- background-image: -moz-linear-gradient(top, #717171, #232323);
350
- background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
351
-
352
- border: 2px solid #ddd;
353
- border: 2px solid rgba(241,241,241,1);
354
-
355
- -moz-border-radius: 2px;
356
- -webkit-border-radius: 2px;
357
- border-radius: 2px;
358
-
359
- -webkit-box-shadow: 0 0 12px #333;
360
- -moz-box-shadow: 0 0 12px #333;
361
- box-shadow: 0 0 12px #333;
362
- }
363
-
364
- /* IE Specific */
365
- .ui-tooltip-jtools .ui-tooltip-titlebar{
366
- background-color: transparent;
367
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
368
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
369
- }
370
- .ui-tooltip-jtools .ui-tooltip-content{
371
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
372
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
373
- }
374
-
375
- .ui-tooltip-jtools .ui-tooltip-titlebar,
376
- .ui-tooltip-jtools .ui-tooltip-content{
377
- background: transparent;
378
- color: white;
379
- border: 0 dashed transparent;
380
- }
381
-
382
- .ui-tooltip-jtools .ui-tooltip-icon{
383
- border-color: #555;
384
- }
385
-
386
- .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
387
- border-color: #333;
388
- }
389
-
390
-
391
- /* Cluetip style */
392
- .ui-tooltip-cluetip{
393
- -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
394
- -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
395
- box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
396
-
397
- background-color: #D9D9C2;
398
- color: #111;
399
- border: 0 dashed transparent;
400
- }
401
-
402
- .ui-tooltip-cluetip .ui-tooltip-titlebar{
403
- background-color: #87876A;
404
- color: white;
405
- border: 0 dashed transparent;
406
- }
407
-
408
- .ui-tooltip-cluetip .ui-tooltip-icon{
409
- border-color: #808064;
410
- }
411
-
412
- .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
413
- border-color: #696952;
414
- color: #696952;
415
- }
416
-
417
-
418
- /* Tipsy style */
419
- .ui-tooltip-tipsy{
420
- background: black;
421
- background: rgba(0, 0, 0, .87);
422
-
423
- color: white;
424
- border: 0px solid transparent;
425
-
426
- font-size: 11px;
427
- font-family: 'Lucida Grande', sans-serif;
428
- font-weight: bold;
429
- line-height: 16px;
430
- text-shadow: 0 1px black;
431
- }
432
-
433
- .ui-tooltip-tipsy .ui-tooltip-titlebar{
434
- padding: 6px 35px 0 10;
435
- background-color: transparent;
436
- }
437
-
438
- .ui-tooltip-tipsy .ui-tooltip-content{
439
- padding: 6px 10;
440
- }
441
-
442
- .ui-tooltip-tipsy .ui-tooltip-icon{
443
- border-color: #222;
444
- text-shadow: none;
445
- }
446
-
447
- .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
448
- border-color: #303030;
449
- }
450
-
451
-
452
- /* Tipped style */
453
- .ui-tooltip-tipped{
454
- border: 3px solid #959FA9;
455
-
456
- -moz-border-radius: 3px;
457
- -webkit-border-radius: 3px;
458
- border-radius: 3px;
459
-
460
- background-color: #F9F9F9;
461
- color: #454545;
462
-
463
- font-weight: normal;
464
- font-family: serif;
465
- }
466
-
467
- .ui-tooltip-tipped .ui-tooltip-titlebar{
468
- border-bottom-width: 0;
469
-
470
- color: white;
471
- background: #3A79B8;
472
- background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
473
- background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
474
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
475
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
476
- }
477
-
478
- .ui-tooltip-tipped .ui-tooltip-icon{
479
- border: 2px solid #285589;
480
- background: #285589;
481
- }
482
-
483
- .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
484
- background-color: #FBFBFB;
485
- color: #555;
486
- }
487
-
488
-
489
- /**
490
- * Twitter Bootstrap style.
491
- *
492
- * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
493
- * Does not work with IE 7.
494
- */
495
- .ui-tooltip-bootstrap{
496
- font-size: 13px;
497
- line-height: 18px;
498
-
499
- color: #333333;
500
- background-color: #ffffff;
501
-
502
-
503
- border: 1px solid #ccc;
504
- border: 1px solid rgba(0, 0, 0, 0.2);
505
-
506
- *border-right-width: 2px;
507
- *border-bottom-width: 2px;
508
-
509
- -webkit-border-radius: 5px;
510
- -moz-border-radius: 5px;
511
- border-radius: 5px;
512
-
513
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
514
- -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
515
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
516
-
517
- -webkit-background-clip: padding-box;
518
- -moz-background-clip: padding;
519
- background-clip: padding-box;
520
- }
521
-
522
- .ui-tooltip-bootstrap .ui-tooltip-titlebar{
523
- font-size: 18px;
524
- line-height: 22px;
525
-
526
- border-bottom: 1px solid #ccc;
527
- background-color: transparent;
528
- }
529
-
530
- .ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{
531
- right: 9px; top: 49%;
532
- border-style: none;
533
- }
534
-
535
- .ui-tooltip-bootstrap .ui-tooltip-icon{
536
- background: white;
537
- }
538
-
539
- .ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{
540
- width: auto;
541
- height: auto;
542
- float: right;
543
- font-size: 20px;
544
- font-weight: bold;
545
- line-height: 18px;
546
- color: #000000;
547
- text-shadow: 0 1px 0 #ffffff;
548
- opacity: 0.2;
549
- filter: alpha(opacity=20);
550
- }
551
-
552
- .ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{
553
- color: #000000;
554
- text-decoration: none;
555
- cursor: pointer;
556
- opacity: 0.4;
557
- filter: alpha(opacity=40);
558
- }
559
-
560
-
561
- /* IE9 fix - removes all filters */
562
- .ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
563
- .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
564
- filter: none;
565
- -ms-filter: none;
566
- }
567
-