wagn 1.12.10 → 1.12.11
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/Gemfile +14 -12
- data/VERSION +1 -1
- data/app/assets/javascripts/wagn.js.coffee +25 -22
- data/app/assets/javascripts/wagn_mod.js.coffee +0 -44
- data/app/controllers/card_controller.rb +0 -1
- data/app/controllers/wagn_controller.rb +1 -2
- data/config/routes.rb +0 -1
- data/features/hello_wagn.feature +7 -5
- data/lib/card/exceptions.rb +7 -2
- data/lib/card/format.rb +8 -3
- data/lib/card/query/card_spec.rb +2 -1
- data/lib/card/set.rb +1 -0
- data/lib/wagn/all.rb +4 -4
- data/mods/core/formats/html_format.rb +296 -284
- data/mods/core/formats/text_format.rb +5 -2
- data/mods/core/sets/all/phases.rb +13 -0
- data/mods/standard/formats/css_format.rb +4 -1
- data/mods/standard/formats/csv_format.rb +4 -1
- data/mods/standard/formats/js_format.rb +6 -0
- data/mods/standard/formats/json_format.rb +4 -1
- data/mods/standard/formats/kml_format.rb +4 -1
- data/mods/standard/formats/rss_format.rb +7 -4
- data/mods/standard/formats/xml_format.rb +4 -1
- data/mods/standard/lib/stylesheets/functional.scss +2 -1
- data/mods/standard/sets/all/account.rb +1 -1
- data/mods/standard/sets/all/all_css.rb +5 -1
- data/mods/standard/sets/all/json.rb +17 -21
- data/mods/standard/sets/all/rich_html.rb +4 -3
- data/mods/standard/sets/self/head.rb +6 -0
- data/mods/standard/sets/type/cardtype.rb +1 -1
- data/mods/standard/sets/type/pointer.rb +23 -11
- data/mods/standard/sets/type/scss.rb +1 -0
- data/mods/standard/sets/type/search_type.rb +0 -2
- data/mods/standard/sets/type/user.rb +1 -2
- data/public/assets/application-7cda003cf1291a165b1eac69ea3027aa.js +107 -0
- data/public/assets/application-7cda003cf1291a165b1eac69ea3027aa.js.gz +0 -0
- data/public/assets/application.js +42 -38
- data/public/assets/application.js.gz +0 -0
- data/public/assets/html5shiv-printshiv-ad36fc7219f4aeaa275f9a7fe2383413.js.gz +0 -0
- data/public/assets/html5shiv-printshiv.js.gz +0 -0
- data/public/assets/jquery.min-8b58c0fbf303b938d8e749262f7e50dd.map +1 -0
- data/public/assets/jquery.min.map +1 -0
- data/public/assets/manifest.yml +4 -2
- data/public/assets/tinymce-22b5a139d9ff7df7643afae9ce205508.js.gz +0 -0
- data/public/assets/tinymce.js.gz +0 -0
- data/spec/lib/card/query_spec.rb +3 -2
- data/spec/mods/standard/sets/all/all_css_spec.rb +1 -1
- data/spec/mods/standard/sets/type/pointer_spec.rb +2 -2
- data/wagn.gemspec +5 -4
- metadata +10 -80
- data/public/assets/application-af2bc486eb3db1c02c4dcd0e23ca25fc.js +0 -103
- data/public/assets/application-af2bc486eb3db1c02c4dcd0e23ca25fc.js.gz +0 -0
- data/public/assets2bpacked/jstree/README.txt +0 -10
- data/public/assets2bpacked/jstree/_demo/_dump.sql +0 -20
- data/public/assets2bpacked/jstree/_demo/_inc/__mysql_errors.log +0 -0
- data/public/assets2bpacked/jstree/_demo/_inc/class._database.php +0 -146
- data/public/assets2bpacked/jstree/_demo/_inc/class._database_i.php +0 -152
- data/public/assets2bpacked/jstree/_demo/_inc/class.tree.php +0 -602
- data/public/assets2bpacked/jstree/_demo/_install.txt +0 -6
- data/public/assets2bpacked/jstree/_demo/config.php +0 -14
- data/public/assets2bpacked/jstree/_demo/file.png +0 -0
- data/public/assets2bpacked/jstree/_demo/folder.png +0 -0
- data/public/assets2bpacked/jstree/_demo/index.html +0 -461
- data/public/assets2bpacked/jstree/_demo/root.png +0 -0
- data/public/assets2bpacked/jstree/_demo/server.php +0 -69
- data/public/assets2bpacked/jstree/_docs/!style.css +0 -48
- data/public/assets2bpacked/jstree/_docs/_drive.png +0 -0
- data/public/assets2bpacked/jstree/_docs/_html_data.html +0 -2
- data/public/assets2bpacked/jstree/_docs/_json_data.json +0 -4
- data/public/assets2bpacked/jstree/_docs/_search_data.json +0 -6
- data/public/assets2bpacked/jstree/_docs/_search_result.json +0 -1
- data/public/assets2bpacked/jstree/_docs/_xml_flat.xml +0 -12
- data/public/assets2bpacked/jstree/_docs/_xml_nest.xml +0 -18
- data/public/assets2bpacked/jstree/_docs/checkbox.html +0 -171
- data/public/assets2bpacked/jstree/_docs/contextmenu.html +0 -121
- data/public/assets2bpacked/jstree/_docs/cookies.html +0 -97
- data/public/assets2bpacked/jstree/_docs/core.html +0 -689
- data/public/assets2bpacked/jstree/_docs/crrm.html +0 -316
- data/public/assets2bpacked/jstree/_docs/dnd.html +0 -199
- data/public/assets2bpacked/jstree/_docs/hotkeys.html +0 -82
- data/public/assets2bpacked/jstree/_docs/html_data.html +0 -175
- data/public/assets2bpacked/jstree/_docs/index.html +0 -86
- data/public/assets2bpacked/jstree/_docs/json_data.html +0 -249
- data/public/assets2bpacked/jstree/_docs/languages.html +0 -152
- data/public/assets2bpacked/jstree/_docs/logo.png +0 -0
- data/public/assets2bpacked/jstree/_docs/search.html +0 -153
- data/public/assets2bpacked/jstree/_docs/sort.html +0 -85
- data/public/assets2bpacked/jstree/_docs/syntax/!script.js +0 -2232
- data/public/assets2bpacked/jstree/_docs/syntax/!style.css +0 -511
- data/public/assets2bpacked/jstree/_docs/syntax/clipboard.swf +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/help.png +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/magnifier.png +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/page_white_code.png +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/page_white_copy.png +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/printer.png +0 -0
- data/public/assets2bpacked/jstree/_docs/syntax/wrapping.png +0 -0
- data/public/assets2bpacked/jstree/_docs/themeroller.html +0 -107
- data/public/assets2bpacked/jstree/_docs/themes.html +0 -127
- data/public/assets2bpacked/jstree/_docs/types.html +0 -178
- data/public/assets2bpacked/jstree/_docs/ui.html +0 -197
- data/public/assets2bpacked/jstree/_docs/unique.html +0 -85
- data/public/assets2bpacked/jstree/_docs/xml_data.html +0 -218
- data/public/assets2bpacked/jstree/_lib/jquery.cookie.js +0 -96
- data/public/assets2bpacked/jstree/_lib/jquery.hotkeys.js +0 -99
- data/public/assets2bpacked/jstree/_lib/jquery.js +0 -5
- data/public/assets2bpacked/jstree/jquery.jstree.js +0 -4564
- data/public/assets2bpacked/jstree/themes/apple/bg.jpg +0 -0
- data/public/assets2bpacked/jstree/themes/apple/d.png +0 -0
- data/public/assets2bpacked/jstree/themes/apple/dot_for_ie.gif +0 -0
- data/public/assets2bpacked/jstree/themes/apple/style.css +0 -61
- data/public/assets2bpacked/jstree/themes/apple/throbber.gif +0 -0
- data/public/assets2bpacked/jstree/themes/classic/d.gif +0 -0
- data/public/assets2bpacked/jstree/themes/classic/d.png +0 -0
- data/public/assets2bpacked/jstree/themes/classic/dot_for_ie.gif +0 -0
- data/public/assets2bpacked/jstree/themes/classic/style.css +0 -77
- data/public/assets2bpacked/jstree/themes/classic/throbber.gif +0 -0
- data/public/assets2bpacked/jstree/themes/default-rtl/d.gif +0 -0
- data/public/assets2bpacked/jstree/themes/default-rtl/d.png +0 -0
- data/public/assets2bpacked/jstree/themes/default-rtl/dots.gif +0 -0
- data/public/assets2bpacked/jstree/themes/default-rtl/style.css +0 -84
- data/public/assets2bpacked/jstree/themes/default-rtl/throbber.gif +0 -0
- data/public/assets2bpacked/jstree/themes/default/d.gif +0 -0
- data/public/assets2bpacked/jstree/themes/default/d.png +0 -0
- data/public/assets2bpacked/jstree/themes/default/style.css +0 -74
- data/public/assets2bpacked/jstree/themes/default/throbber.gif +0 -0
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,107 +0,0 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
3
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
4
|
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
5
|
-
<head>
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
-
<title>jsTree v.1.0 - themeroller documentation</title>
|
8
|
-
<script type="text/javascript" src="../_lib/jquery.js"></script>
|
9
|
-
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
|
10
|
-
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
|
11
|
-
<script type="text/javascript" src="../jquery.jstree.js"></script>
|
12
|
-
|
13
|
-
<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
|
14
|
-
<link type="text/css" rel="stylesheet" href="!style.css"/>
|
15
|
-
<script type="text/javascript" src="syntax/!script.js"></script>
|
16
|
-
|
17
|
-
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" />
|
18
|
-
</head>
|
19
|
-
<body>
|
20
|
-
<div id="container">
|
21
|
-
|
22
|
-
<h1 id="dhead">jsTree v.1.0</h1>
|
23
|
-
<h1>themeroller plugin</h1>
|
24
|
-
<h2>Description</h2>
|
25
|
-
<div id="description">
|
26
|
-
<p>The <code>themeroller</code> plugin adds support for jQuery UI's themes. Add the plugin as last in your <code>plugins</code> config option. Also make sure that you have included the jquery theme you'd like to use and you should NOT use the native jstree <code>themes</code> plugin.</p>
|
27
|
-
<p>If using the search plugin - bind to <code>"search.jstree"</code> to style the found nodes, or apply some styles to the <code>.jstree-search</code> class (which is added by default) but make sure the selector is stronger than your current theme or use <code>!important</code></p>
|
28
|
-
</div>
|
29
|
-
|
30
|
-
<h2 id="configuration">Configuration</h2>
|
31
|
-
<div class="panel configuration">
|
32
|
-
<h3>opened</h3>
|
33
|
-
<p class="meta">A string. Default is <code>"ui-icon-triangle-1-se"</code>.</p>
|
34
|
-
<p>The class name to use for open nodes (shows the arrow to close).</p>
|
35
|
-
|
36
|
-
<h3>closed</h3>
|
37
|
-
<p class="meta">A string. Default is <code>"ui-icon-triangle-1-e"</code>.</p>
|
38
|
-
<p>The class name to use for closed nodes (shows the arrow to open).</p>
|
39
|
-
|
40
|
-
<h3>item</h3>
|
41
|
-
<p class="meta">A string. Default is <code>"ui-state-default"</code>.</p>
|
42
|
-
<p>The class name to use for the actual items.</p>
|
43
|
-
|
44
|
-
<h3>item_h</h3>
|
45
|
-
<p class="meta">A string. Default is <code>"ui-state-hover"</code>.</p>
|
46
|
-
<p>The class name to use for the hovered item.</p>
|
47
|
-
|
48
|
-
<h3>item_a</h3>
|
49
|
-
<p class="meta">A string. Default is <code>"ui-state-active"</code>.</p>
|
50
|
-
<p>The class name to use for selected items (UI plugin).</p>
|
51
|
-
|
52
|
-
<h3>item_open</h3>
|
53
|
-
<p class="meta">A string. Default is <code>"ui-icon-folder-open"</code>.</p>
|
54
|
-
<p>The class name to use for the opened items. If set to <code>false</code> the icon is not shown.</p>
|
55
|
-
<h3>item_clsd</h3>
|
56
|
-
<p class="meta">A string. Default is <code>"ui-icon-folder-collapsed"</code>.</p>
|
57
|
-
<p>The class name to use for the opened items. If set to <code>false</code> the icon is not shown.</p>
|
58
|
-
<h3>item_leaf</h3>
|
59
|
-
<p class="meta">A string. Default is <code>"ui-icon-document"</code>.</p>
|
60
|
-
<p>The class name to use for the opened items. If set to <code>false</code> the icon is not shown.</p>
|
61
|
-
|
62
|
-
|
63
|
-
</div>
|
64
|
-
|
65
|
-
<h2 id="demos">Demos</h2>
|
66
|
-
<div class="panel">
|
67
|
-
|
68
|
-
<h3>Using the themeroller plugin</h3>
|
69
|
-
<div id="demo1" class="demo">
|
70
|
-
<ul>
|
71
|
-
<li id="phtml_1">
|
72
|
-
<a href="#">Root node 1</a>
|
73
|
-
<ul>
|
74
|
-
<li id="phtml_2">
|
75
|
-
<a href="#"><ins class="ui-icon ui-icon-lightbulb"> </ins>Child node 1</a>
|
76
|
-
</li>
|
77
|
-
<li id="phtml_3">
|
78
|
-
<a href="#">Child node 2</a>
|
79
|
-
</li>
|
80
|
-
</ul>
|
81
|
-
</li>
|
82
|
-
<li id="phtml_4">
|
83
|
-
<a href="#">Root node 2</a>
|
84
|
-
</li>
|
85
|
-
</ul>
|
86
|
-
</div>
|
87
|
-
<script type="text/javascript" class="source">
|
88
|
-
$(function () {
|
89
|
-
$("#demo1").jstree({
|
90
|
-
"plugins" : [ "html_data", "ui", "themeroller" ]
|
91
|
-
});
|
92
|
-
});
|
93
|
-
</script>
|
94
|
-
|
95
|
-
</div>
|
96
|
-
|
97
|
-
<h2 id="api">API</h2>
|
98
|
-
<div class="panel api">
|
99
|
-
|
100
|
-
<h3 id="_themeroller">._themeroller ( obj )</h3>
|
101
|
-
<p>Fixes the tree on various events by applying the configured classes - used internally only.</p>
|
102
|
-
|
103
|
-
</div>
|
104
|
-
|
105
|
-
</div>
|
106
|
-
</body>
|
107
|
-
</html>
|
@@ -1,127 +0,0 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
3
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
4
|
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
5
|
-
<head>
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
-
<title>jsTree v.1.0 - themes documentation</title>
|
8
|
-
<script type="text/javascript" src="../_lib/jquery.js"></script>
|
9
|
-
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
|
10
|
-
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
|
11
|
-
<script type="text/javascript" src="../jquery.jstree.js"></script>
|
12
|
-
|
13
|
-
<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
|
14
|
-
<link type="text/css" rel="stylesheet" href="!style.css"/>
|
15
|
-
<script type="text/javascript" src="syntax/!script.js"></script>
|
16
|
-
</head>
|
17
|
-
<body>
|
18
|
-
<div id="container">
|
19
|
-
|
20
|
-
<h1 id="dhead">jsTree v.1.0</h1>
|
21
|
-
<h1>themes plugin</h1>
|
22
|
-
<h2>Description</h2>
|
23
|
-
<div id="description">
|
24
|
-
<p>The <code>themes</code> plugin controls the looks of jstree - without this plugin you will get a functional tree, but it will look just like an ordinary UL list.</p>
|
25
|
-
</div>
|
26
|
-
|
27
|
-
<h2 id="configuration">Configuration</h2>
|
28
|
-
<div class="panel configuration">
|
29
|
-
<h3>theme</h3>
|
30
|
-
<p class="meta">A string. Default is <code>"default"</code>.</p>
|
31
|
-
<p>The name of the theme to use to style the tree.</p>
|
32
|
-
|
33
|
-
<h3>url</h3>
|
34
|
-
<p class="meta">A string (or <code>false</code> if not used). Default is <code>false</code>.</p>
|
35
|
-
<p>The location of the theme's CSS file, if set to <code>false</code> jstree will look for the file in <code><em>< theme folder ></em>/themes/<em>< theme name ></em>/style.css</code>. You can set the theme folder using <code>$.jstree._themes = "PATH/TO/FOLDER/";</code>, otherwise it is autodetected as <code><em><jquery.tree.js location></em>/themes/</code>.</p>
|
36
|
-
|
37
|
-
<h3>dots</h3>
|
38
|
-
<p class="meta">A Boolean. Default is <code>true</code>.</p>
|
39
|
-
<p>Whether to show the connecting dots or not.</p>
|
40
|
-
|
41
|
-
<h3>icons</h3>
|
42
|
-
<p class="meta">A Boolean. Default is <code>true</code>.</p>
|
43
|
-
<p>Whether to show the node icons or not.</p>
|
44
|
-
|
45
|
-
</div>
|
46
|
-
|
47
|
-
<h2 id="demos">Demos</h2>
|
48
|
-
<div class="panel">
|
49
|
-
|
50
|
-
<h3>Using the themes plugin</h3>
|
51
|
-
<input type="button" class="button" value="toggle_dots" id="toggle_dots" style="float:left;" />
|
52
|
-
<input type="button" class="button" value="toggle_icons" id="toggle_icons" style="float:left;" />
|
53
|
-
<input type="button" class="button" value="set_theme1" id="set_theme1" style="float:left;" />
|
54
|
-
<input type="button" class="button" value="set_theme2" id="set_theme2" style="" />
|
55
|
-
<div id="demo1" class="demo">
|
56
|
-
<ul>
|
57
|
-
<li id="phtml_1">
|
58
|
-
<a href="#">Root node 1</a>
|
59
|
-
<ul>
|
60
|
-
<li id="phtml_2">
|
61
|
-
<a href="#">Child node 1</a>
|
62
|
-
</li>
|
63
|
-
<li id="phtml_3">
|
64
|
-
<a href="#">Child node 2</a>
|
65
|
-
</li>
|
66
|
-
</ul>
|
67
|
-
</li>
|
68
|
-
<li id="phtml_4">
|
69
|
-
<a href="#">Root node 2</a>
|
70
|
-
</li>
|
71
|
-
</ul>
|
72
|
-
</div>
|
73
|
-
<script type="text/javascript" class="source">
|
74
|
-
$(function () {
|
75
|
-
$("#toggle_dots, #toggle_icons").click(function () {
|
76
|
-
$("#demo1").jstree(this.value);
|
77
|
-
});
|
78
|
-
$("#set_theme1").click(function () {
|
79
|
-
$("#demo1").jstree("set_theme","apple");
|
80
|
-
});
|
81
|
-
$("#set_theme2").click(function () {
|
82
|
-
$("#demo1").jstree("set_theme","default");
|
83
|
-
});
|
84
|
-
$("#demo1").jstree({
|
85
|
-
"themes" : {
|
86
|
-
"theme" : "default",
|
87
|
-
"dots" : false,
|
88
|
-
"icons" : false
|
89
|
-
},
|
90
|
-
"plugins" : [ "themes", "html_data" ]
|
91
|
-
});
|
92
|
-
});
|
93
|
-
</script>
|
94
|
-
|
95
|
-
</div>
|
96
|
-
|
97
|
-
<h2 id="api">API</h2>
|
98
|
-
<div class="panel api">
|
99
|
-
|
100
|
-
<h3 id="set_theme">.set_theme ( name , url )</h3>
|
101
|
-
<p>Set the tree's theme. Triggers an event.</p>
|
102
|
-
<ul class="arguments">
|
103
|
-
<li>
|
104
|
-
<code class="tp">string</code> <strong>name</strong>
|
105
|
-
<p>The name of the theme to use to style the tree.</p>
|
106
|
-
</li>
|
107
|
-
<li>
|
108
|
-
<code class="tp">string</code> <strong>url</strong>
|
109
|
-
<p>The location of the theme's CSS file, if omitted jstree will look for the file in:<br /><code><em>< theme folder ></em>/themes/<em>< name ></em>/style.css</code>.<br />You can set the theme folder using:<br /><code>$.jstree._themes = "PATH/TO/FOLDER/";</code>, otherwise it is autodetected as <code><em><jquery.tree.js location></em>/themes/</code>.</p>
|
110
|
-
</li>
|
111
|
-
</ul>
|
112
|
-
<h3 id="get_theme">.get_theme ( )</h3>
|
113
|
-
<p>Returns the name of the currently active theme.</p>
|
114
|
-
|
115
|
-
<div style="height:1px; visibility:hidden;"><span id="hide_dots"> </span><span id="toggle_dots"> </span></div>
|
116
|
-
<h3 id="show_dots">.show_dots ( ), .hide_dots ( ), .toggle_dots ( )</h3>
|
117
|
-
<p>Show, hide or toggle the visibility of the dots connecting the tree's nodes.</p>
|
118
|
-
|
119
|
-
<div style="height:1px; visibility:hidden;"><span id="hide_icons"> </span><span id="toggle_icons"> </span></div>
|
120
|
-
<h3 id="show_icons">.show_icons ( ), .hide_icons ( ), .toggle_icons ( )</h3>
|
121
|
-
<p>Show, hide or toggle the visibility of the icons next to the title of each the tree node.</p>
|
122
|
-
|
123
|
-
</div>
|
124
|
-
|
125
|
-
</div>
|
126
|
-
</body>
|
127
|
-
</html>
|
@@ -1,178 +0,0 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
3
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
4
|
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
5
|
-
<head>
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
-
<title>jsTree v.1.0 - types documentation</title>
|
8
|
-
<script type="text/javascript" src="../_lib/jquery.js"></script>
|
9
|
-
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
|
10
|
-
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
|
11
|
-
<script type="text/javascript" src="../jquery.jstree.js"></script>
|
12
|
-
|
13
|
-
<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
|
14
|
-
<link type="text/css" rel="stylesheet" href="!style.css"/>
|
15
|
-
<script type="text/javascript" src="syntax/!script.js"></script>
|
16
|
-
</head>
|
17
|
-
<body>
|
18
|
-
<div id="container">
|
19
|
-
|
20
|
-
<h1 id="dhead">jsTree v.1.0</h1>
|
21
|
-
<h1>types plugin</h1>
|
22
|
-
<h2>Description</h2>
|
23
|
-
<div id="description">
|
24
|
-
<p>The <code>types</code> enables node types - each node can have a type, and you can define rules on how that type should behave - maximum children count, maximum depth, valid children types, selectable or not, etc.</p>
|
25
|
-
</div>
|
26
|
-
|
27
|
-
<h2 id="configuration">Configuration</h2>
|
28
|
-
<div class="panel configuration">
|
29
|
-
|
30
|
-
<h3>max_children</h3>
|
31
|
-
<p class="meta">A number. Default is <code>-1</code>.</p>
|
32
|
-
<p>Defines maximum number of root nodes (<code>-1</code> means unlimited, <code>-2</code> means disable max_children checking in the tree).</p>
|
33
|
-
|
34
|
-
<h3>max_depth</h3>
|
35
|
-
<p class="meta">A number. Default is <code>-1</code>.</p>
|
36
|
-
<p>Defines maximum depth of the tree (<code>-1</code> means unlimited, <code>-2</code> means disable max_depth checking in the tree).</p>
|
37
|
-
|
38
|
-
<h3>valid_children</h3>
|
39
|
-
<p class="meta">A string or array. Default is <code>"all"</code>.</p>
|
40
|
-
<p>Defines valid root node types (could be <code>"all"</code>, <code>"none"</code>, or an array of type strings).</p>
|
41
|
-
|
42
|
-
<h3>use_data</h3>
|
43
|
-
<p class="meta">A boolean. Default is <code>false</code>.</p>
|
44
|
-
<p>If set to <code>true</code> jstree will check every node for <code>$.metadata</code> or <code>$.data</code> for rules (valid_children, max_depth & the function rules). Keep in mind jstree will look for this data in <code>$("li-node-here").metadata().jstree.<em>rule_name</em></code> (or <code>$.data</code> respectively).</p>
|
45
|
-
|
46
|
-
<h3>type_attr</h3>
|
47
|
-
<p class="meta">A string. Default is <code>"rel"</code>.</p>
|
48
|
-
<p>Defines the attribute on each <code>li</code> node, where the type attribute will be stored. <em>For correct usage in IE - do not assign to <code>"type"</code> - it triggers an IE bug.</em></p>
|
49
|
-
|
50
|
-
<h3>types</h3>
|
51
|
-
<p class="meta">An object.</p>
|
52
|
-
<p>Defines all the active types in the tree. Each key is the type name, and each value represents the rules for this type. A <code>default</code> type is defined - all nodes with no explicit type set are treated as if they were of the <code>default</code> type.</p>
|
53
|
-
<div style="border:1px solid gray;">
|
54
|
-
<pre class="brush:js">
|
55
|
-
types : {
|
56
|
-
// the default type
|
57
|
-
"default" : {
|
58
|
-
"max_children" : -1,
|
59
|
-
"max_depth" : -1,
|
60
|
-
"valid_children": "all"
|
61
|
-
|
62
|
-
// Bound functions - you can bind any other function here (using boolean or function)
|
63
|
-
//"select_node" : true,
|
64
|
-
//"open_node" : true,
|
65
|
-
//"close_node" : true,
|
66
|
-
//"create_node" : true,
|
67
|
-
//"delete_node" : true
|
68
|
-
}
|
69
|
-
}
|
70
|
-
</pre>
|
71
|
-
</div>
|
72
|
-
<p>For <code>max_children</code>, <code>max_depth</code> & <code>valid_children</code> use the same values as for the tree, but the value you set will only apply for that node type.</p>
|
73
|
-
<p>You can set an <code>icon</code> key - it should be an object consisting of two keys - <code>image</code> (string - location of the image to be used as an icon) & <code>position</code> (string - left and top pixels of the image - 10px 40px, only useful when using sprites - omit otherwise).</p>
|
74
|
-
<p>You can set more keys in that object - each key should be a function name, and each value - either a boolean (in order to allow or disallow that operation, on that node type) or a function. If you supply a function - your function will be called with two arguments - the name of the called function (the key) and the arguments passed to that function - you can then decide whether to return <code>true</code> or <code>false</code>.</p>
|
75
|
-
<p class="note">For any type - for now you can control only functions that take the node being manipulated as the first argument.</p>
|
76
|
-
|
77
|
-
</div>
|
78
|
-
|
79
|
-
<h2 id="demos">Demos</h2>
|
80
|
-
<div class="panel">
|
81
|
-
<h3>Using the types plugin</h3>
|
82
|
-
|
83
|
-
<div id="demo1" class="demo">
|
84
|
-
<ul>
|
85
|
-
<li id="phtml_1" rel="root">
|
86
|
-
<a href="#">Root node 1</a>
|
87
|
-
<ul>
|
88
|
-
<li id="phtml_2">
|
89
|
-
<a href="#">Child node 1</a>
|
90
|
-
</li>
|
91
|
-
<li id="phtml_3">
|
92
|
-
<a href="#">Child node 2</a>
|
93
|
-
</li>
|
94
|
-
</ul>
|
95
|
-
</li>
|
96
|
-
<li id="phtml_4" rel="root">
|
97
|
-
<a href="#">Root node 2</a>
|
98
|
-
</li>
|
99
|
-
</ul>
|
100
|
-
</div>
|
101
|
-
<script type="text/javascript" class="source">
|
102
|
-
$(function () {
|
103
|
-
$("#demo1").jstree({
|
104
|
-
"types" : {
|
105
|
-
"valid_children" : [ "root" ],
|
106
|
-
"types" : {
|
107
|
-
"root" : {
|
108
|
-
"icon" : {
|
109
|
-
"image" : "http://static.jstree.com/v.1.0rc/_docs/_drive.png"
|
110
|
-
},
|
111
|
-
"valid_children" : [ "default" ],
|
112
|
-
"max_depth" : 2,
|
113
|
-
"hover_node" : false,
|
114
|
-
"select_node" : function () {return false;}
|
115
|
-
},
|
116
|
-
"default" : {
|
117
|
-
"valid_children" : [ "default" ]
|
118
|
-
}
|
119
|
-
}
|
120
|
-
},
|
121
|
-
"plugins" : ["themes","html_data","dnd","ui","types"]
|
122
|
-
});
|
123
|
-
});
|
124
|
-
</script>
|
125
|
-
|
126
|
-
</div>
|
127
|
-
|
128
|
-
<h2 id="api">API</h2>
|
129
|
-
<div class="panel api">
|
130
|
-
|
131
|
-
<h3 id="_get_type">._get_type ( node )</h3>
|
132
|
-
<p>Get the type of a node.</p>
|
133
|
-
<ul class="arguments">
|
134
|
-
<li>
|
135
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
136
|
-
<p>This can be a DOM node, jQuery node or selector pointing to the element.</p>
|
137
|
-
</li>
|
138
|
-
</ul>
|
139
|
-
|
140
|
-
<h3 id="set_type">.set_type ( type , node )</h3>
|
141
|
-
<p>Set the type of a node. Triggers an event.</p>
|
142
|
-
<ul class="arguments">
|
143
|
-
<li>
|
144
|
-
<code class="tp">string</code> <strong>type</strong>
|
145
|
-
<p>The new type.</p>
|
146
|
-
</li>
|
147
|
-
<li>
|
148
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
149
|
-
<p>This can be a DOM node, jQuery node or selector pointing to the element.</p>
|
150
|
-
</li>
|
151
|
-
</ul>
|
152
|
-
|
153
|
-
<h3 id="_check">._check ( rule , node , opts )</h3>
|
154
|
-
<p>Checks a rule on a give node. Used mostly internally.</p>
|
155
|
-
<ul class="arguments">
|
156
|
-
<li>
|
157
|
-
<code class="tp">string</code> <strong>rule</strong>
|
158
|
-
<p>The rule to check.</p>
|
159
|
-
</li>
|
160
|
-
<li>
|
161
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
162
|
-
<p>This can be a DOM node, jQuery node or selector pointing to the element.</p>
|
163
|
-
</li>
|
164
|
-
<li>
|
165
|
-
<code class="tp">mixed</code> <strong>opts</strong>
|
166
|
-
<p>Any additional options regarding the rule. Used internally.</p>
|
167
|
-
</li>
|
168
|
-
</ul>
|
169
|
-
|
170
|
-
<div style="height:1px; visibility:hidden;"><span id="check_move"> </span></div>
|
171
|
-
<h3 id="create_node">.create_node ( ), .check_move ( )</h3>
|
172
|
-
<p>Both functions are overwritten to accomodate the new functionality presented by the plugin.</p>
|
173
|
-
|
174
|
-
</div>
|
175
|
-
|
176
|
-
</div>
|
177
|
-
</body>
|
178
|
-
</html>
|
@@ -1,197 +0,0 @@
|
|
1
|
-
<!DOCTYPE html
|
2
|
-
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
3
|
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
4
|
-
<html xmlns="http://www.w3.org/1999/xhtml">
|
5
|
-
<head>
|
6
|
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
7
|
-
<title>jsTree v.1.0 - UI documentation</title>
|
8
|
-
<script type="text/javascript" src="../_lib/jquery.js"></script>
|
9
|
-
<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
|
10
|
-
<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
|
11
|
-
<script type="text/javascript" src="../jquery.jstree.js"></script>
|
12
|
-
|
13
|
-
<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
|
14
|
-
<link type="text/css" rel="stylesheet" href="!style.css"/>
|
15
|
-
<script type="text/javascript" src="syntax/!script.js"></script>
|
16
|
-
</head>
|
17
|
-
<body>
|
18
|
-
<div id="container">
|
19
|
-
|
20
|
-
<h1 id="dhead">jsTree v.1.0</h1>
|
21
|
-
<h1>ui plugin</h1>
|
22
|
-
<h2>Description</h2>
|
23
|
-
<div id="description">
|
24
|
-
<p>The <code>UI</code> plugin handles selecting, deselecting and hovering tree items.</p>
|
25
|
-
</div>
|
26
|
-
|
27
|
-
<h2 id="configuration">Configuration</h2>
|
28
|
-
<div class="panel configuration">
|
29
|
-
<h3>select_limit</h3>
|
30
|
-
<p class="meta">A number. Default is <code>-1</code>.</p>
|
31
|
-
<p>Defines how many nodes can be selected at a given time (<code>-1</code> means unlimited).</p>
|
32
|
-
|
33
|
-
<h3>select_multiple_modifier</h3>
|
34
|
-
<p class="meta">A string. Default is <code>"ctrl"</code>.</p>
|
35
|
-
<p>The special key used to make a click add to the selection and not replace it (<code>"ctrl"</code>, <code>"shift"</code>, <code>"alt"</code>, <code>"meta"</code>).<br />You can also set this to <code>"on"</code> making every click add to the selection.</p>
|
36
|
-
|
37
|
-
<h3>select_range_modifier</h3>
|
38
|
-
<p class="meta">A string. Default is <code>"shift"</code>.</p>
|
39
|
-
<p>The special key used to make a click expand a range from the last selected item (<code>"ctrl"</code>, <code>"shift"</code>, <code>"alt"</code>, <code>"meta"</code>).<br />Note that the last clicked elemtn should be a sibling of the currently clicked element so that a range will be created (same as common file explorers).</p>
|
40
|
-
|
41
|
-
<h3>selected_parent_close</h3>
|
42
|
-
<p class="meta">A string (or <code>false</code>). Default is <code>"select_parent"</code>.</p>
|
43
|
-
<p>What action to take when a selected node's parent is closed (making the selected node invisible). Possible values are <code>false</code> - do nothing, <code>"select_parent"</code> - select the closed node's parent and <code>"deselect"</code> - deselect the node.</p>
|
44
|
-
|
45
|
-
<h3>selected_parent_open</h3>
|
46
|
-
<p class="meta">A Boolean. Default is <code>true</code>.</p>
|
47
|
-
<p>When set to <code>true</code> when programatically selecting a node in the tree all of its closed parents are opened automatically.</p>
|
48
|
-
|
49
|
-
<h3>select_prev_on_delete</h3>
|
50
|
-
<p class="meta">A boolean. Default is <code>true</code>.</p>
|
51
|
-
<p>If set to <code>true</code> when a selected node is deleted, its previous sibling (or parent) is selected.</p>
|
52
|
-
|
53
|
-
<h3>disable_selecting_children</h3>
|
54
|
-
<p class="meta">A boolean. Default is <code>false</code>.</p>
|
55
|
-
<p>If set to <code>true</code> you will not be able to select children of already selected nodes.</p>
|
56
|
-
|
57
|
-
<h3>initially_select</h3>
|
58
|
-
<p class="meta">An array. Default is <code>[]</code>.</p>
|
59
|
-
<p>Defines which nodes are to be automatically selected when the tree finishes loading - a list of IDs is expected.</p>
|
60
|
-
|
61
|
-
</div>
|
62
|
-
|
63
|
-
<h2 id="demos">Demos</h2>
|
64
|
-
<div class="panel">
|
65
|
-
|
66
|
-
<h3>Using the UI plugin</h3>
|
67
|
-
<div id="demo1" class="demo">
|
68
|
-
<ul>
|
69
|
-
<li id="phtml_1">
|
70
|
-
<a href="#">Root node 1</a>
|
71
|
-
<ul>
|
72
|
-
<li id="phtml_2">
|
73
|
-
<a href="#">Child node 1</a>
|
74
|
-
</li>
|
75
|
-
<li id="phtml_3">
|
76
|
-
<a href="#">Child node 2</a>
|
77
|
-
</li>
|
78
|
-
</ul>
|
79
|
-
</li>
|
80
|
-
<li id="phtml_4">
|
81
|
-
<a href="#">Root node 2</a>
|
82
|
-
</li>
|
83
|
-
</ul>
|
84
|
-
</div>
|
85
|
-
<script type="text/javascript" class="source">
|
86
|
-
$(function () {
|
87
|
-
$("#demo1").jstree({
|
88
|
-
"ui" : {
|
89
|
-
"select_limit" : 2,
|
90
|
-
"select_multiple_modifier" : "alt",
|
91
|
-
"selected_parent_close" : "select_parent",
|
92
|
-
"initially_select" : [ "phtml_2" ]
|
93
|
-
},
|
94
|
-
"core" : { "initially_open" : [ "phtml_1" ] },
|
95
|
-
"plugins" : [ "themes", "html_data", "ui" ]
|
96
|
-
});
|
97
|
-
});
|
98
|
-
</script>
|
99
|
-
|
100
|
-
</div>
|
101
|
-
|
102
|
-
<h2 id="api">API</h2>
|
103
|
-
<div class="panel api">
|
104
|
-
|
105
|
-
<h3 id="_get_node">._get_node ( node , allow_multiple )</h3>
|
106
|
-
<p>Overrides the function from the <a href="core.html#_get_node">core</a> module.<br />if <code>node</code> is <code>undefined</code> or <code>null</code> and <code>allow_multiple</code> is <code>true</code> all the currently selected nodes are returned<br />if <code>node</code> is <code>undefined</code> or <code>null</code> and <code>allow_multiple</code> is NOT <code>true</code> only the last selected node is returned.</p>
|
107
|
-
<ul class="arguments">
|
108
|
-
<li>
|
109
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
110
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
111
|
-
</li>
|
112
|
-
<li>
|
113
|
-
<code class="tp">boolean</code> <strong>allow_multiple</strong>
|
114
|
-
<p>Whether to return all selected nodes or only the last selected one if <code>node</code> is <code>null</code>.</p>
|
115
|
-
</li>
|
116
|
-
</ul>
|
117
|
-
|
118
|
-
<h3 id="save_selected">.save_selected ( )</h3>
|
119
|
-
<p>Saves away the current selection state of the tree (saves it in a variable, so do not expect a restore after a refresh - for that functionality refer to the <a href="cookies.html">cookies plugin</a>. Used mostly internally. Triggers an event.</p>
|
120
|
-
|
121
|
-
<h3 id="reselect">.reselect ( )</h3>
|
122
|
-
<p>Restores the state of the tree using the variable saved in the above function. Used mostly internally. Triggers an event.</p>
|
123
|
-
|
124
|
-
<h3 id="refresh">.refresh ( node )</h3>
|
125
|
-
<p>Overrides the function form the <a href="core.html#refresh">core</a> module.<br />Enables saving the selection state before the refresh and restoring it afterwards.</p>
|
126
|
-
|
127
|
-
<h3 id="hover_node">.hover_node ( node )</h3>
|
128
|
-
<p>Sets the specified node as hovered. Triggers an event.</p>
|
129
|
-
<ul class="arguments">
|
130
|
-
<li>
|
131
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
132
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
133
|
-
</li>
|
134
|
-
</ul>
|
135
|
-
|
136
|
-
<h3 id="dehover_node">.dehover_node ( )</h3>
|
137
|
-
<p>Removes the hover state from the currently hovered node (if there is one). Triggers an event.</p>
|
138
|
-
|
139
|
-
|
140
|
-
<h3 id="select_node">.select_node ( node , check , event )</h3>
|
141
|
-
<ul class="arguments">
|
142
|
-
<li>
|
143
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
144
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
145
|
-
</li>
|
146
|
-
<li>
|
147
|
-
<code class="tp">bool</code> <strong>check</strong>
|
148
|
-
<p>Whether to check the specified rules and do appropriate actions (check <code>select_limit</code>, deselect other nodes respectively, etc) or to just force selection of the node regardless of <code>select_limit</code>.</p>
|
149
|
-
</li>
|
150
|
-
<li>
|
151
|
-
<code class="tp">event</code> <strong>event</strong>
|
152
|
-
<p>Used internally - when a click on a node caused this function to be executed.</p>
|
153
|
-
</li>
|
154
|
-
</ul>
|
155
|
-
|
156
|
-
<div style="height:1px; visibility:hidden; overflow:hidden;"><span id="toggle_select"> </span></div>
|
157
|
-
<h3 id="deselect_node">.deselect_node ( node ), .toggle_select ( node )</h3>
|
158
|
-
<p>There functions control the selected state on a node. <code>deselect_node</code> triggers an event.</p>
|
159
|
-
<ul class="arguments">
|
160
|
-
<li>
|
161
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
162
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
163
|
-
</li>
|
164
|
-
</ul>
|
165
|
-
|
166
|
-
<h3 id="deselect_all">.deselect_all ( context )</h3>
|
167
|
-
<p>Deselects all selected nodes. If context is set - only the selected nodes within that context are deselected. Triggers an event.</p>
|
168
|
-
<ul class="arguments">
|
169
|
-
<li>
|
170
|
-
<code class="tp">mixed</code> <strong>context</strong>
|
171
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
172
|
-
</li>
|
173
|
-
</ul>
|
174
|
-
|
175
|
-
<h3 id="get_selected">.get_selected ( context )</h3>
|
176
|
-
<p>Returns all selected nodes. If context is set - only the selected nodes within that context are returned.</p>
|
177
|
-
<ul class="arguments">
|
178
|
-
<li>
|
179
|
-
<code class="tp">mixed</code> <strong>context</strong>
|
180
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
181
|
-
</li>
|
182
|
-
</ul>
|
183
|
-
|
184
|
-
<h3 id="is_selected">.is_selected ( node )</h3>
|
185
|
-
<p>Returns whether the specified node is selected or not.</p>
|
186
|
-
<ul class="arguments">
|
187
|
-
<li>
|
188
|
-
<code class="tp">mixed</code> <strong>node</strong>
|
189
|
-
<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
|
190
|
-
</li>
|
191
|
-
</ul>
|
192
|
-
|
193
|
-
</div>
|
194
|
-
|
195
|
-
</div>
|
196
|
-
</body>
|
197
|
-
</html>
|