Use checkbox tree rather than a simple array for element tags in dirtag.xul

[dirtag.git] / static / dirtag.xul

diff --git a/static/dirtag.xul b/static/dirtag.xul
index 7ee1f308b5fa66eae232aa19f5dc85a81ae1baa3..9481f341defcc169e6f9d96e8ecf545c268af531 100644 (file)
--- a/static/dirtag.xul
+++ b/static/dirtag.xul
@@ -106,13 +106,35 @@
       </tabbox>
     </groupbox>
     <splitter collapse="before"><grippy/></splitter>
-    <groupbox id="selected" flex="1" orient="horizontal">
+    <groupbox id="selected" flex="2" orient="horizontal">
       <caption label="&selected.caption;"/>
-      <groupbox id="tags" oncommand="tag_check(event);">
+      <groupbox id="tags" oncommand="tag_check(event);" flex="1">
        <caption label="&tags.caption;"/>
-       <checkbox id="tag-X" checked="true" label="tag-X" accesskey="1"/>
-       <checkbox id="tag-Y" checked="true" label="tag-Y" accesskey="2"/>
-       <checkbox id="tag-Z" checked="false" label="tag-Z" accesskey="3"/>
+       <tree id="checkbox-tree" rows="2" seltype="single" editable="true"
+             datasources="tag-tree.rdf raw-tree.rdf"
+             ref="http://dirtag.com/tag/files"
+             flags="dont-build-content" onselect="tag_check();" flex="1">
+         <treecols>
+           <treecol id="checkbox-tree-check-column" label="CK" type="checkbox"
+                    editable="true"/>
+           <treecol id="checkbox-tree-path-column" label="&path_column.label;"
+                    editable="true" primary="true"
+                    sort="rdf:http://dirtag.com/rdf#name" flex="1"/>
+           <splitter class="tree-splitter"/>
+         </treecols>
+         <template>
+           <rule iscontainer="true">
+             <treechildren>
+               <treeitem uri="rdf:*" open="true">
+                 <treerow>
+                   <treecell value="true"/>
+                   <treecell label="rdf:http://dirtag.com/rdf#name"/>
+                 </treerow>
+               </treeitem>
+             </treechildren>
+           </rule>
+         </template>
+       </tree>
       </groupbox>
       <iframe id="element" src="" flex="1"/>
     </groupbox>