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,450 @@
1
+ /*!
2
+ * Fancytree "XP" skin.
3
+ *
4
+ * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
5
+ * the LESS templates.
6
+ */
7
+ /*******************************************************************************
8
+ * Common Styles for Fancytree Skins.
9
+ *
10
+ * This section is automatically generated from the `skin-common.less` template.
11
+ ******************************************************************************/
12
+ /*------------------------------------------------------------------------------
13
+ * Helpers
14
+ *----------------------------------------------------------------------------*/
15
+ .ui-helper-hidden {
16
+ display: none;
17
+ }
18
+ /*------------------------------------------------------------------------------
19
+ * Container and UL / LI
20
+ *----------------------------------------------------------------------------*/
21
+ ul.fancytree-container {
22
+ font-family: tahoma, arial, helvetica;
23
+ font-size: 10pt;
24
+ white-space: nowrap;
25
+ padding: 3px;
26
+ margin: 0;
27
+ background-color: white;
28
+ border: 1px dotted gray;
29
+ overflow: auto;
30
+ height: 100%;
31
+ }
32
+ ul.fancytree-container ul {
33
+ padding: 0 0 0 16px;
34
+ margin: 0;
35
+ }
36
+ ul.fancytree-container li {
37
+ list-style-image: none;
38
+ list-style-position: outside;
39
+ list-style-type: none;
40
+ -moz-background-clip: border;
41
+ -moz-background-inline-policy: continuous;
42
+ -moz-background-origin: padding;
43
+ background-attachment: scroll;
44
+ background-color: transparent;
45
+ background-position: 0px 0px;
46
+ background-repeat: repeat-y;
47
+ background-image: none;
48
+ margin: 0;
49
+ padding: 1px 0 0 0;
50
+ }
51
+ ul.fancytree-container li.fancytree-lastsib {
52
+ background-image: none;
53
+ }
54
+ ul.fancytree-no-connector > li {
55
+ background-image: none;
56
+ }
57
+ .ui-fancytree-disabled ul.fancytree-container {
58
+ opacity: 0.5;
59
+ background-color: silver;
60
+ }
61
+ /*------------------------------------------------------------------------------
62
+ * Common icon definitions
63
+ *----------------------------------------------------------------------------*/
64
+ span.fancytree-empty,
65
+ span.fancytree-vline,
66
+ span.fancytree-expander,
67
+ span.fancytree-icon,
68
+ span.fancytree-checkbox,
69
+ span.fancytree-radio,
70
+ span.fancytree-drag-helper-img,
71
+ #fancytree-drop-marker {
72
+ width: 16px;
73
+ height: 16px;
74
+ display: inline-block;
75
+ vertical-align: top;
76
+ background-repeat: no-repeat;
77
+ background-position: left;
78
+ background-image: url("icons.gif");
79
+ background-position: 0px 0px;
80
+ }
81
+ /* Used by iconclass option */
82
+ span.fancytree-custom-icon {
83
+ display: inline-block;
84
+ }
85
+ /* Used by 'icon' node option: */
86
+ .fancytree-container img {
87
+ width: 16px;
88
+ height: 16px;
89
+ margin-left: 3px;
90
+ vertical-align: top;
91
+ border-style: none;
92
+ }
93
+ /*------------------------------------------------------------------------------
94
+ * Expander icon
95
+ *
96
+ * Note: IE6 doesn't correctly evaluate multiples class names,
97
+ * so we create combined class names that can be used in the CSS.
98
+ *
99
+ * Prefix: fancytree-exp-
100
+ * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
101
+ * 2nd character (optional): 'd': lazy (Delayed)
102
+ * 3rd character (optional): 'l': Last sibling
103
+ *----------------------------------------------------------------------------*/
104
+ span.fancytree-expander {
105
+ cursor: pointer;
106
+ }
107
+ .fancytree-exp-n span.fancytree-expander,
108
+ .fancytree-exp-nl span.fancytree-expander {
109
+ cursor: default;
110
+ }
111
+ .fancytree-exp-n span.fancytree-expander,
112
+ .fancytree-exp-n span.fancytree-expander:hover {
113
+ background-position: 0px -64px;
114
+ }
115
+ .fancytree-exp-nl span.fancytree-expander,
116
+ .fancytree-exp-nl span.fancytree-expander:hover {
117
+ background-position: -16px -64px;
118
+ }
119
+ .fancytree-exp-c span.fancytree-expander {
120
+ background-position: 0px -80px;
121
+ }
122
+ .fancytree-exp-c span.fancytree-expander:hover {
123
+ background-position: -16px -80px;
124
+ }
125
+ .fancytree-exp-cl span.fancytree-expander {
126
+ background-position: 0px -96px;
127
+ }
128
+ .fancytree-exp-cl span.fancytree-expander:hover {
129
+ background-position: -16px -96px;
130
+ }
131
+ .fancytree-exp-cd span.fancytree-expander {
132
+ background-position: -64px -80px;
133
+ }
134
+ .fancytree-exp-cd span.fancytree-expander:hover {
135
+ background-position: -80px -80px;
136
+ }
137
+ .fancytree-exp-cdl span.fancytree-expander {
138
+ background-position: -64px -96px;
139
+ }
140
+ .fancytree-exp-cdl span.fancytree-expander:hover {
141
+ background-position: -80px -96px;
142
+ }
143
+ .fancytree-exp-e span.fancytree-expander,
144
+ .fancytree-exp-ed span.fancytree-expander {
145
+ background-position: -32px -80px;
146
+ }
147
+ .fancytree-exp-e span.fancytree-expander:hover,
148
+ .fancytree-exp-ed span.fancytree-expander:hover {
149
+ background-position: -48px -80px;
150
+ }
151
+ .fancytree-exp-el span.fancytree-expander,
152
+ .fancytree-exp-edl span.fancytree-expander {
153
+ background-position: -32px -96px;
154
+ }
155
+ .fancytree-exp-el span.fancytree-expander:hover,
156
+ .fancytree-exp-edl span.fancytree-expander:hover {
157
+ background-position: -48px -96px;
158
+ }
159
+ .fancytree-loading span.fancytree-expander {
160
+ background-image: url("loading.gif");
161
+ background-position: 0px 0px;
162
+ }
163
+ /*------------------------------------------------------------------------------
164
+ * Checkbox icon
165
+ *----------------------------------------------------------------------------*/
166
+ span.fancytree-checkbox {
167
+ margin-left: 3px;
168
+ background-position: 0px -32px;
169
+ }
170
+ span.fancytree-checkbox:hover {
171
+ background-position: -16px -32px;
172
+ }
173
+ .fancytree-partsel span.fancytree-checkbox {
174
+ background-position: -64px -32px;
175
+ }
176
+ .fancytree-partsel span.fancytree-checkbox:hover {
177
+ background-position: -80px -32px;
178
+ }
179
+ .fancytree-selected span.fancytree-checkbox {
180
+ background-position: -32px -32px;
181
+ }
182
+ .fancytree-selected span.fancytree-checkbox:hover {
183
+ background-position: -48px -32px;
184
+ }
185
+ /*------------------------------------------------------------------------------
186
+ * Radiobutton icon
187
+ * This is a customization, that may be activated by overriding the 'checkbox'
188
+ * class name as 'fancytree-radio' in the tree options.
189
+ *----------------------------------------------------------------------------*/
190
+ .fancytree-radio span.fancytree-checkbox {
191
+ margin-left: 3px;
192
+ background-position: 0px -48px;
193
+ }
194
+ .fancytree-radio span.fancytree-checkbox:hover {
195
+ background-position: -16px -48px;
196
+ }
197
+ .fancytree-radio .fancytree-partsel span.fancytree-checkbox {
198
+ background-position: -64px -48px;
199
+ }
200
+ .fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
201
+ background-position: -80px -48px;
202
+ }
203
+ .fancytree-radio .fancytree-selected span.fancytree-checkbox {
204
+ background-position: -32px -48px;
205
+ }
206
+ .fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
207
+ background-position: -48px -48px;
208
+ }
209
+ /*------------------------------------------------------------------------------
210
+ * Node type icon
211
+ * Note: IE6 doesn't correctly evaluate multiples class names,
212
+ * so we create combined class names that can be used in the CSS.
213
+ *
214
+ * Prefix: fancytree-ico-
215
+ * 1st character: 'e': expanded, 'c': collapsed
216
+ * 2nd character (optional): 'f': folder
217
+ *----------------------------------------------------------------------------*/
218
+ span.fancytree-icon {
219
+ margin-left: 3px;
220
+ background-position: 0px 0px;
221
+ }
222
+ /* Documents */
223
+ .fancytree-ico-c span.fancytree-icon:hover {
224
+ background-position: -16px 0px;
225
+ }
226
+ .fancytree-has-children.fancytree-ico-c span.fancytree-icon {
227
+ background-position: -32px 0px;
228
+ }
229
+ .fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
230
+ background-position: -48px 0px;
231
+ }
232
+ .fancytree-ico-e span.fancytree-icon {
233
+ background-position: -64px 0px;
234
+ }
235
+ .fancytree-ico-e span.fancytree-icon:hover {
236
+ background-position: -80px 0px;
237
+ }
238
+ /* Folders */
239
+ .fancytree-ico-cf span.fancytree-icon {
240
+ background-position: 0px -16px;
241
+ }
242
+ .fancytree-ico-cf span.fancytree-icon:hover {
243
+ background-position: -16px -16px;
244
+ }
245
+ .fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
246
+ background-position: -32px -16px;
247
+ }
248
+ .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
249
+ background-position: -48px -16px;
250
+ }
251
+ .fancytree-ico-ef span.fancytree-icon {
252
+ background-position: -64px -16px;
253
+ }
254
+ .fancytree-ico-ef span.fancytree-icon:hover {
255
+ background-position: -80px -16px;
256
+ }
257
+ /* Status node icons */
258
+ .fancytree-statusnode-wait span.fancytree-icon {
259
+ background-image: url("loading.gif");
260
+ }
261
+ .fancytree-statusnode-error span.fancytree-icon {
262
+ background-position: 0px -112px;
263
+ }
264
+ /*------------------------------------------------------------------------------
265
+ * Node titles and highlighting
266
+ *----------------------------------------------------------------------------*/
267
+ span.fancytree-node {
268
+ display: inline-block;
269
+ width: 100%;
270
+ }
271
+ span.fancytree-title {
272
+ display: inline-block;
273
+ padding-left: 3px;
274
+ padding-right: 3px;
275
+ color: black;
276
+ vertical-align: top;
277
+ margin: 0px;
278
+ margin-left: 3px;
279
+ cursor: pointer;
280
+ }
281
+ /*------------------------------------------------------------------------------
282
+ * Drag'n'drop support
283
+ *----------------------------------------------------------------------------*/
284
+ div.fancytree-drag-helper a {
285
+ border: 1px solid gray;
286
+ background-color: white;
287
+ padding-left: 5px;
288
+ padding-right: 5px;
289
+ opacity: 0.8;
290
+ }
291
+ div.fancytree-drag-helper.fancytree-drop-reject {
292
+ border-color: red;
293
+ }
294
+ div.fancytree-drop-accept span.fancytree-drag-helper-img {
295
+ background-position: -32px -112px;
296
+ }
297
+ div.fancytree-drop-reject span.fancytree-drag-helper-img {
298
+ background-position: -16px -112px;
299
+ }
300
+ /*** Drop marker icon *********************************************************/
301
+ #fancytree-drop-marker {
302
+ width: 32px;
303
+ position: absolute;
304
+ background-position: 0px -128px;
305
+ margin: 0;
306
+ }
307
+ #fancytree-drop-marker.fancytree-drop-after,
308
+ #fancytree-drop-marker.fancytree-drop-before {
309
+ width: 64px;
310
+ background-position: 0px -144px;
311
+ }
312
+ #fancytree-drop-marker.fancytree-drop-copy {
313
+ background-position: -64px -128px;
314
+ }
315
+ #fancytree-drop-marker.fancytree-drop-move {
316
+ background-position: -32px -128px;
317
+ }
318
+ /*** Source node while dragging ***********************************************/
319
+ span.fancytree-drag-source {
320
+ background-color: #e0e0e0;
321
+ }
322
+ span.fancytree-drag-source span.fancytree.title {
323
+ color: gray;
324
+ }
325
+ /*** Target node while dragging cursor is over it *****************************/
326
+ span.fancytree-drop-target.fancytree-drop-accept a {
327
+ background-color: #3169C6 !important;
328
+ color: white !important;
329
+ /* @ IE6 */
330
+ text-decoration: none;
331
+ }
332
+ /*------------------------------------------------------------------------------
333
+ * 'table' extension
334
+ *----------------------------------------------------------------------------*/
335
+ table.fancytree-ext-table {
336
+ border-collapse: collapse;
337
+ }
338
+ /*------------------------------------------------------------------------------
339
+ * 'columnview' extension
340
+ *----------------------------------------------------------------------------*/
341
+ table.fancytree-ext-columnview tbody tr td {
342
+ position: relative;
343
+ border: 1px solid gray;
344
+ vertical-align: top;
345
+ overflow: auto;
346
+ }
347
+ table.fancytree-ext-columnview tbody tr td > ul {
348
+ padding: 0;
349
+ }
350
+ table.fancytree-ext-columnview tbody tr td > ul li {
351
+ list-style-image: none;
352
+ list-style-position: outside;
353
+ list-style-type: none;
354
+ -moz-background-clip: border;
355
+ -moz-background-inline-policy: continuous;
356
+ -moz-background-origin: padding;
357
+ background-attachment: scroll;
358
+ background-color: transparent;
359
+ background-position: 0px 0px;
360
+ background-repeat: repeat-y;
361
+ background-image: none;
362
+ /* no v-lines */
363
+ margin: 0;
364
+ padding: 1px 0 0 0;
365
+ }
366
+ table.fancytree-ext-columnview span.fancytree-node {
367
+ position: relative;
368
+ /* allow positioning of embedded spans */
369
+ }
370
+ table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
371
+ background-color: #CBE8F6;
372
+ }
373
+ table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
374
+ background-position: 0px -80px;
375
+ position: absolute;
376
+ right: 3px;
377
+ }
378
+ /*------------------------------------------------------------------------------
379
+ * 'filter' extension
380
+ *----------------------------------------------------------------------------*/
381
+ .fancytree-ext-filter span.fancytree-node span.fancytree-title {
382
+ color: silver;
383
+ font-weight: lighter;
384
+ }
385
+ .fancytree-ext-filter span.fancytree-node.fancytree-submatch span.fancytree-title {
386
+ color: black;
387
+ font-weight: normal;
388
+ }
389
+ .fancytree-ext-filter span.fancytree-node.fancytree-match span.fancytree-title {
390
+ color: black;
391
+ font-weight: bold;
392
+ }
393
+ /*******************************************************************************
394
+ * Styles specific to this skin.
395
+ *
396
+ * This section is automatically generated from the `ui-fancytree.less` template.
397
+ ******************************************************************************/
398
+ /*******************************************************************************
399
+ * Tree container
400
+ */
401
+ ul.fancytree-container li {
402
+ background-image: url("vline.gif");
403
+ background-position: 0 0;
404
+ }
405
+ ul.fancytree-container li.fancytree-lastsib {
406
+ background-image: none;
407
+ }
408
+ ul.fancytree-no-connector > li {
409
+ background-image: none;
410
+ }
411
+ /*******************************************************************************
412
+ * Node titles
413
+ */
414
+ span.fancytree-title {
415
+ border: 0 solid transparent;
416
+ }
417
+ span.fancytree-title:hover {
418
+ background-color: #F2F7FD;
419
+ border-color: #B8D6FB;
420
+ }
421
+ span.fancytree-focused span.fancytree-title {
422
+ outline: 1px dotted black;
423
+ background-color: #EFEBDE;
424
+ }
425
+ .fancytree-folder span.fancytree-title {
426
+ font-weight: bold;
427
+ }
428
+ .fancytree-selected span.fancytree-title {
429
+ color: green;
430
+ font-style: italic;
431
+ }
432
+ .fancytree-active span.fancytree-title {
433
+ background-color: #3169C6 !important;
434
+ color: white !important;
435
+ }
436
+ /*******************************************************************************
437
+ * 'table' extension
438
+ */
439
+ table.fancytree-ext-table {
440
+ border-collapse: collapse;
441
+ }
442
+ table.fancytree-ext-table tbody tr.fancytree-focused {
443
+ background-color: #99DEFD;
444
+ }
445
+ table.fancytree-ext-table tbody tr.fancytree-active {
446
+ background-color: royalblue;
447
+ }
448
+ table.fancytree-ext-table tbody tr.fancytree-selected {
449
+ background-color: #99FDDE;
450
+ }