fancytree-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
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
+ }