fancytree-rails 0.0.1

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 (48) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +18 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +50 -0
  6. data/Rakefile +1 -0
  7. data/fancytree-rails.gemspec +27 -0
  8. data/lib/fancytree-rails.rb +1 -0
  9. data/lib/fancytree/rails.rb +7 -0
  10. data/lib/fancytree/rails/engine.rb +4 -0
  11. data/lib/fancytree/rails/version.rb +6 -0
  12. data/vendor/assets/javascripts/fancytree.js +2 -0
  13. data/vendor/assets/javascripts/fancytree/jquery.fancytree-all.js +5366 -0
  14. data/vendor/assets/javascripts/fancytree/jquery.fancytree-all.min.js +6 -0
  15. data/vendor/assets/javascripts/fancytree/jquery.fancytree-all.min.js.map +1 -0
  16. data/vendor/assets/javascripts/fancytree/jquery.fancytree.js +3715 -0
  17. data/vendor/assets/javascripts/fancytree/jquery.fancytree.min.js +6 -0
  18. data/vendor/assets/javascripts/fancytree/jquery.fancytree.min.js.map +1 -0
  19. data/vendor/assets/stylesheets/skin-awesome/ui.fancytree.css +272 -0
  20. data/vendor/assets/stylesheets/skin-lion/icons.gif +0 -0
  21. data/vendor/assets/stylesheets/skin-lion/loading.gif +0 -0
  22. data/vendor/assets/stylesheets/skin-lion/ui.fancytree-org.css +460 -0
  23. data/vendor/assets/stylesheets/skin-lion/ui.fancytree.css +453 -0
  24. data/vendor/assets/stylesheets/skin-themeroller/icons.gif +0 -0
  25. data/vendor/assets/stylesheets/skin-themeroller/loading.gif +0 -0
  26. data/vendor/assets/stylesheets/skin-themeroller/ui.fancytree-org.css +505 -0
  27. data/vendor/assets/stylesheets/skin-themeroller/ui.fancytree.css +505 -0
  28. data/vendor/assets/stylesheets/skin-vista/icons.gif +0 -0
  29. data/vendor/assets/stylesheets/skin-vista/loading.gif +0 -0
  30. data/vendor/assets/stylesheets/skin-vista/ui.fancytree-org.css +610 -0
  31. data/vendor/assets/stylesheets/skin-vista/ui.fancytree.css +459 -0
  32. data/vendor/assets/stylesheets/skin-win7/icons.gif +0 -0
  33. data/vendor/assets/stylesheets/skin-win7/loading.gif +0 -0
  34. data/vendor/assets/stylesheets/skin-win7/ui.fancytree-org.css +592 -0
  35. data/vendor/assets/stylesheets/skin-win7/ui.fancytree.css +523 -0
  36. data/vendor/assets/stylesheets/skin-win8/icons.gif +0 -0
  37. data/vendor/assets/stylesheets/skin-win8/loading.gif +0 -0
  38. data/vendor/assets/stylesheets/skin-win8/ui.fancytree-org.css +602 -0
  39. data/vendor/assets/stylesheets/skin-win8/ui.fancytree.css +470 -0
  40. data/vendor/assets/stylesheets/skin-xp/icons-rtl.gif +0 -0
  41. data/vendor/assets/stylesheets/skin-xp/icons.gif +0 -0
  42. data/vendor/assets/stylesheets/skin-xp/loading.gif +0 -0
  43. data/vendor/assets/stylesheets/skin-xp/ui.fancytree-org.css +578 -0
  44. data/vendor/assets/stylesheets/skin-xp/ui.fancytree.css +450 -0
  45. data/vendor/assets/stylesheets/skin-xp/vline-rtl.gif +0 -0
  46. data/vendor/assets/stylesheets/skin-xp/vline.gif +0 -0
  47. data/vendor/assets/stylesheets/ui.fancytree.css +3 -0
  48. metadata +166 -0
@@ -0,0 +1,505 @@
1
+ /*
2
+ * Fancytree for use with ext-themeroller extension.
3
+ */
4
+ .ui-helper-hidden {
5
+ display: none;
6
+ }
7
+
8
+ .fancytree-container
9
+ {
10
+ white-space: nowrap;
11
+ padding: 3px;
12
+ margin: 0; /* issue 201 */
13
+ overflow: auto;
14
+ /* height: 100%; /* issue 263 */
15
+ /*
16
+ font-family: tahoma, arial, helvetica;
17
+ font-size: 10pt;
18
+ background-color: white;
19
+ border: 1px dotted gray;
20
+ */
21
+ }
22
+
23
+ ul.fancytree-container ul
24
+ {
25
+ padding: 0 0 0 16px;
26
+ margin: 0;
27
+ }
28
+
29
+ ul.fancytree-container li
30
+ {
31
+ list-style-image: none;
32
+ list-style-position: outside;
33
+ list-style-type: none;
34
+ -moz-background-clip:border;
35
+ -moz-background-inline-policy: continuous;
36
+ -moz-background-origin: padding;
37
+ background-attachment: scroll;
38
+ background-color: transparent;
39
+ background-position: 0 0;
40
+ background-repeat: repeat-y;
41
+ background-image: none; /* no v-lines */
42
+
43
+ margin:0;
44
+ padding:1px 0 0 0;
45
+ }
46
+ /* Suppress lines for last child node */
47
+ ul.fancytree-container li.fancytree-lastsib
48
+ {
49
+ background-image: none;
50
+ }
51
+ /* Suppress lines if level is fixed expanded (option minExpandLevel) */
52
+ ul.fancytree-no-connector > li
53
+ {
54
+ background-image: none;
55
+ }
56
+
57
+ /* Style, when control is disabled */
58
+ /*
59
+ .ui-fancytree-disabled ul.fancytree-container
60
+ {
61
+ opacity: 0.5;
62
+ }
63
+ */
64
+
65
+ span.fancytree-node
66
+ {
67
+ display: inline-block;
68
+ width: 100%;
69
+ border: 1px solid transparent;
70
+ }
71
+
72
+ /*******************************************************************************
73
+ * Common icon definitions
74
+ */
75
+ span.fancytree-empty,
76
+ span.fancytree-vline,
77
+ /*span.fancytree-connector,*/
78
+ span.fancytree-expander,
79
+ span.fancytree-icon,
80
+ span.fancytree-checkbox,
81
+ span.fancytree-radio,
82
+ span.fancytree-drag-helper-img,
83
+ #fancytree-drop-marker
84
+ {
85
+ width: 16px;
86
+ height: 16px;
87
+ display: inline-block; /* Required to make a span sizable */
88
+ vertical-align: top;
89
+ background-repeat: no-repeat;
90
+ background-position: left;
91
+ background-image: url("icons.gif");
92
+ background-position: 0 0;
93
+ }
94
+ /** Used by iconclass option */
95
+ span.fancytree-custom-icon {
96
+ display: inline-block;
97
+ }
98
+ /** Used by 'icon' node option: */
99
+ .fancytree-container img
100
+ {
101
+ width: 16px;
102
+ height: 16px;
103
+ margin-left: 3px;
104
+ vertical-align: top;
105
+ border-style: none;
106
+ }
107
+
108
+
109
+ /*******************************************************************************
110
+ * Lines and connectors
111
+ */
112
+ /* span.fancytree-connector
113
+ {
114
+ background-image: none;
115
+ }
116
+ */
117
+ /*******************************************************************************
118
+ * Expander icon
119
+ * Note: IE6 doesn't correctly evaluate multiples class names,
120
+ * so we create combined class names that can be used in the CSS.
121
+ *
122
+ * Prefix: fancytree-exp-
123
+ * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
124
+ * 2nd character (optional): 'd': lazy (Delayed)
125
+ * 3rd character (optional): 'l': Last sibling
126
+ */
127
+
128
+ span.fancytree-expander
129
+ {
130
+ background-position: 0px -80px;
131
+ cursor: pointer;
132
+ }
133
+ span.fancytree-expander:hover
134
+ {
135
+ background-position: -16px -80px;
136
+ }
137
+ .fancytree-exp-n span.fancytree-expander:hover /* Collapsed, not delayed, not last sibling */
138
+ {
139
+ background-position: -16px -80px;
140
+ }
141
+ .fancytree-exp-cl span.fancytree-expander /* Collapsed, not delayed, last sibling */
142
+ {
143
+ }
144
+ .fancytree-exp-cd span.fancytree-expander /* Collapsed, delayed, not last sibling */
145
+ {
146
+ }
147
+ .fancytree-exp-cdl span.fancytree-expander /* Collapsed, delayed, last sibling */
148
+ {
149
+ }
150
+ .fancytree-exp-e span.fancytree-expander, /* Expanded, not delayed, not last sibling */
151
+ .fancytree-exp-ed span.fancytree-expander, /* Expanded, delayed, not last sibling */
152
+ .fancytree-exp-el span.fancytree-expander, /* Expanded, not delayed, last sibling */
153
+ .fancytree-exp-edl span.fancytree-expander /* Expanded, delayed, last sibling */
154
+ {
155
+ background-position: -32px -80px;
156
+ }
157
+ .fancytree-exp-e span.fancytree-expander:hover, /* Expanded, not delayed, not last sibling */
158
+ .fancytree-exp-ed span.fancytree-expander:hover, /* Expanded, delayed, not last sibling */
159
+ .fancytree-exp-el span.fancytree-expander:hover, /* Expanded, not delayed, last sibling */
160
+ .fancytree-exp-edl span.fancytree-expander:hover /* Expanded, delayed, last sibling */
161
+ {
162
+ background-position: -48px -80px;
163
+ }
164
+ .fancytree-loading span.fancytree-expander /* 'Loading' status overrides all others */
165
+ {
166
+ background-position: 0 0;
167
+ background-image: url("loading.gif");
168
+ }
169
+
170
+ .fancytree-exp-n span.fancytree-expander, /* Connector instead of expander, if node has no children */
171
+ .fancytree-exp-nl span.fancytree-expander
172
+ {
173
+ background-image: none;
174
+ cursor: default;
175
+ }
176
+
177
+
178
+ /*******************************************************************************
179
+ * Checkbox icon
180
+ */
181
+ span.fancytree-checkbox
182
+ {
183
+ margin-left: 3px;
184
+ background-position: 0px -32px;
185
+ }
186
+ span.fancytree-checkbox:hover
187
+ {
188
+ background-position: -16px -32px;
189
+ }
190
+
191
+ .fancytree-partsel span.fancytree-checkbox
192
+ {
193
+ background-position: -64px -32px;
194
+ }
195
+ .fancytree-partsel span.fancytree-checkbox:hover
196
+ {
197
+ background-position: -80px -32px;
198
+ }
199
+
200
+ .fancytree-selected span.fancytree-checkbox
201
+ {
202
+ background-position: -32px -32px;
203
+ }
204
+ .fancytree-selected span.fancytree-checkbox:hover
205
+ {
206
+ background-position: -48px -32px;
207
+ }
208
+
209
+ /*******************************************************************************
210
+ * Radiobutton icon
211
+ * This is a customization, that may be activated by overriding the 'checkbox'
212
+ * class name as 'fancytree-radio' in the tree options.
213
+ */
214
+ .fancytree-radio span.fancytree-checkbox
215
+ {
216
+ margin-left: 3px;
217
+ background-position: 0px -48px;
218
+ }
219
+ .fancytree-radio span.fancytree-checkbox:hover
220
+ {
221
+ background-position: -16px -48px;
222
+ }
223
+
224
+ .fancytree-radio .fancytree-partsel span.fancytree-checkbox
225
+ {
226
+ background-position: -64px -48px;
227
+ }
228
+ .fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover
229
+ {
230
+ background-position: -80px -48px;
231
+ }
232
+
233
+ .fancytree-radio .fancytree-selected span.fancytree-checkbox
234
+ {
235
+ background-position: -32px -48px;
236
+ }
237
+ .fancytree-radio .fancytree-selected span.fancytree-checkbox:hover
238
+ {
239
+ background-position: -48px -48px;
240
+ }
241
+
242
+
243
+ /*******************************************************************************
244
+ * Node type icon
245
+ * Note: IE6 doesn't correctly evaluate multiples class names,
246
+ * so we create combined class names that can be used in the CSS.
247
+ *
248
+ * Prefix: fancytree-ico-
249
+ * 1st character: 'e': expanded, 'c': collapsed
250
+ * 2nd character (optional): 'f': folder
251
+ */
252
+
253
+ span.fancytree-icon /* Default icon */
254
+ {
255
+ margin-left: 3px;
256
+ background-position: 0px 0px;
257
+ }
258
+
259
+ .fancytree-has-children span.fancytree-icon /* Default icon */
260
+ {
261
+ /* background-position: 0px -16px; */
262
+ }
263
+
264
+ .fancytree-ico-cf span.fancytree-icon /* Collapsed Folder */
265
+ {
266
+ background-position: 0px -16px;
267
+ }
268
+
269
+ .fancytree-ico-ef span.fancytree-icon /* Expanded Folder */
270
+ {
271
+ background-position: -64px -16px;
272
+ }
273
+
274
+ /* Status node icons */
275
+
276
+ .fancytree-statusnode-wait span.fancytree-icon
277
+ {
278
+ background-image: url("loading.gif");
279
+ }
280
+
281
+ .fancytree-statusnode-error span.fancytree-icon
282
+ {
283
+ background-position: 0px -112px;
284
+ /* background-image: url("ltError.gif");*/
285
+ }
286
+
287
+ /*******************************************************************************
288
+ * Node titles
289
+ */
290
+
291
+ span.fancytree-title
292
+ {
293
+ display: inline-block;
294
+ }
295
+ .fancytree-title
296
+ {
297
+ display: inline-block; /* Better alignment, when title contains <br> */
298
+ padding-left: 3px;
299
+ padding-right: 3px; /* Otherwise italic font will be outside bounds */
300
+ /* color: black; /* inherit doesn't work on IE */
301
+ vertical-align: top;
302
+ margin: 0px;
303
+ margin-left: 3px;
304
+ cursor: pointer;
305
+ }
306
+
307
+ /*******************************************************************************
308
+ * 'table' extension
309
+ */
310
+
311
+ /*
312
+ table.fancytree-ext-table {
313
+ border-collapse: collapse;
314
+ width: 100%;
315
+ }
316
+ table.fancytree-ext-table tbody tr:nth-child(even){
317
+ background-color: #f4f4f8;
318
+ }
319
+ table.fancytree-ext-table tbody tr td {
320
+ border: 1px solid lightgray;
321
+ }
322
+ */
323
+ table.fancytree-ext-table {
324
+ border-collapse: collapse;
325
+ }
326
+
327
+ /*******************************************************************************
328
+ * 'columnview' extension
329
+ */
330
+
331
+ /*
332
+ table.fancytree-ext-columnview {
333
+ border-collapse: collapse;
334
+ width: 100%;
335
+ }
336
+ */
337
+ table.fancytree-ext-columnview td
338
+ {
339
+ position: relative;
340
+ }
341
+ table.fancytree-ext-columnview td >ul
342
+ {
343
+ padding: 0;
344
+ }
345
+ table.fancytree-ext-columnview td >ul li
346
+ {
347
+ list-style-image: none;
348
+ list-style-position: outside;
349
+ list-style-type: none;
350
+ -moz-background-clip:border;
351
+ -moz-background-inline-policy: continuous;
352
+ -moz-background-origin: padding;
353
+ background-attachment: scroll;
354
+ background-color: transparent;
355
+ background-position: 0 0;
356
+ background-repeat: repeat-y;
357
+ background-image: none; /* no v-lines */
358
+
359
+ margin: 0;
360
+ padding: 1px 0 0 0;
361
+ }
362
+ /*
363
+ table.fancytree-ext-columnview tbody tr[0] {
364
+ height: 200px;
365
+ }
366
+ */
367
+ table.fancytree-ext-columnview tbody tr td {
368
+ border: 1px solid gray;
369
+ vertical-align: top;
370
+ overflow: auto;
371
+ }
372
+ table.fancytree-ext-columnview span.fancytree-node {
373
+ position: relative; /* allow positioning of embedded spans*/
374
+ }
375
+ /*
376
+ table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
377
+ background-color: #CBE8F6;
378
+ }
379
+ table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
380
+ background-color: royalblue;
381
+ }
382
+ */
383
+ table.fancytree-ext-columnview span.fancytree-cv-right {
384
+ background-position: 0px -80px;
385
+ position: absolute;
386
+ right: 3px;
387
+ }
388
+
389
+ /*******************************************************************************
390
+ * 'filter' extension
391
+ */
392
+ .fancytree-ext-filter .fancytree-node .fancytree-title {
393
+ color: silver;
394
+ font-weight: lighter;
395
+ }
396
+ .fancytree-ext-filter .fancytree-node.fancytree-submatch .fancytree-title {
397
+ color: black;
398
+ font-weight: normal;
399
+ }
400
+ .fancytree-ext-filter .fancytree-node.fancytree-match .fancytree-title {
401
+ color: black;
402
+ font-weight: bold;
403
+ }
404
+
405
+
406
+ /*******************************************************************************
407
+ * Drag'n'drop support
408
+ */
409
+
410
+ /*** Helper object ************************************************************/
411
+ div.fancytree-drag-helper
412
+ {
413
+ }
414
+ div.fancytree-drag-helper a
415
+ {
416
+ border: 1px solid gray;
417
+ background-color: white;
418
+ padding-left: 5px;
419
+ padding-right: 5px;
420
+ opacity: 0.8;
421
+ }
422
+ span.fancytree-drag-helper-img
423
+ {
424
+ /*
425
+ position: relative;
426
+ left: -16px;
427
+ */
428
+ }
429
+ div.fancytree-drag-helper /*.fancytree-drop-accept*/
430
+ {
431
+ /* border-color: green;
432
+ background-color: red;*/
433
+ }
434
+ div.fancytree-drop-accept span.fancytree-drag-helper-img
435
+ {
436
+ background-position: -32px -112px;
437
+ }
438
+ div.fancytree-drag-helper.fancytree-drop-reject
439
+ {
440
+ border-color: red;
441
+ }
442
+ div.fancytree-drop-reject span.fancytree-drag-helper-img
443
+ {
444
+ background-position: -16px -112px;
445
+ }
446
+
447
+ /*** Drop marker icon *********************************************************/
448
+
449
+ #fancytree-drop-marker
450
+ {
451
+ width: 24px;
452
+ position: absolute;
453
+ background-position: 0 -128px;
454
+ margin: 0;
455
+ }
456
+ #fancytree-drop-marker.fancytree-drop-after,
457
+ #fancytree-drop-marker.fancytree-drop-before
458
+ {
459
+ width:64px;
460
+ background-position: 0 -144px;
461
+ }
462
+ #fancytree-drop-marker.fancytree-drop-copy
463
+ {
464
+ background-position: -64px -128px;
465
+ }
466
+ #fancytree-drop-marker.fancytree-drop-move
467
+ {
468
+ background-position: -64px -128px;
469
+ }
470
+
471
+ /*** Source node while dragging ***********************************************/
472
+
473
+ span.fancytree-drag-source
474
+ {
475
+ /* border: 1px dotted gray; */
476
+ background-color: #e0e0e0;
477
+ }
478
+ span.fancytree-drag-source a
479
+ {
480
+ color: gray;
481
+ }
482
+
483
+ /*** Target node while dragging cursor is over it *****************************/
484
+
485
+ span.fancytree-drop-target
486
+ {
487
+ /*border: 1px solid gray;*/
488
+ }
489
+ span.fancytree-drop-target a
490
+ {
491
+ }
492
+ span.fancytree-drop-target.fancytree-drop-accept a
493
+ {
494
+ /*border: 1px solid green;*/
495
+ background-color: #3169C6 !important;
496
+ color: white !important; /* @ IE6 */
497
+ text-decoration: none;
498
+ }
499
+ span.fancytree-drop-target.fancytree-drop-reject
500
+ {
501
+ /*border: 1px solid red;*/
502
+ }
503
+ span.fancytree-drop-target.fancytree-drop-after a
504
+ {
505
+ }