<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/" type="text/css"?>

<!DOCTYPE window
[
	<!ENTITY numberColumn.label "Number">
	<!ENTITY nameColumn.label "Name">
	<!ENTITY activeColumn.label "Active">
	<!ENTITY newButton.label "New">
	<!ENTITY editButton.label "Edit">
	<!ENTITY deleteButton.label "Delete">
	<!ENTITY logFilterUseCheckbox.label "Log Filter Use">
	<!ENTITY viewLogButton.label "View Log">
	<!ENTITY description.label "Description">
    <!ENTITY filterHeader.label "Filters will be applied in the following order:">
]>

<window
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:html="http://www.w3.org/TR/REC-html40"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<html:script language="JavaScript" src="FilterListDialog.js"/>
<box align="vertical" style="width: 100%">
  <box align="horizontal" flex="100%">
    <box align="vertical" style="width:100%;" flex="100%" class="cleanborder">
    <html:div>&filterHeader.label;</html:div>
    <tree id="filterTree" flex="100%" style="width: 100%;">
      <treecol id="numColumn" style="width: 10%"/>
      <treecol rdf:resource="http://home.netscape.com/NC-rdf#Name" id="nameColumn" style="width: 80%"/>
      <treecol id="activeColumn" style="width: 10%"/>

      <treehead>
        <treerow>
         <treecell>&numberColumn.label;</treecell>
         <treecell>&nameColumn.label;</treecell>
         <treecell>&activeColumn.label;</treecell>
        </treerow>
      </treehead>
      <treechildren>
        <treeitem open="true">
		  <treerow>
		    <treecell/>
		    <treecell><treeindentation/>Sample Server 1</treecell>
		    <treecell/>
		  </treerow>
          <treechildren>
            <treeitem>
			  <treerow>
                <treecell/>
                <treecell><treeindentation/>People from work</treecell>
                <treecell/>
			  </treerow>
            </treeitem>
            <treeitem>
			  <treerow>
                <treecell/>
                <treecell><treeindentation/>People from work</treecell>
                <treecell/>
			  </treerow>
            </treeitem>
          </treechildren>
        </treeitem>

        <treeitem open="true">
		  <treerow>
            <treecell/>
            <treecell><treeindentation/>Sample Server 2</treecell>
            <treecell/>
		  </treerow>
          <treechildren>
            <treeitem>
			  <treerow>
                <treecell/>
                <treecell><treeindentation/>People from college</treecell>
                <treecell/>
			  </treerow>
            </treeitem>
            <treeitem>
			  <treerow>
                <treecell/>
                <treecell><treeindentation/>SPAM</treecell>
                <treecell/>
			  </treerow>
            </treeitem>
          </treechildren>
        </treeitem>

    </treechildren>

    </tree>
    </box>
    <box align="vertical" class="padded">
      <titledbutton class="push" value="&newButton.label;" onclick="NewFilter();"/>
      <titledbutton class="push" value="&editButton.label;" onclick="EditFilter();"/>
      <titledbutton class="push" value="&deleteButton.label;" onclick="DeleteFilter();"/>
    </box>
  </box>
  <box align="horizontal" class="padded">
    <checkbox/>
    <spring class="spacer"/>
    <html:div>&logFilterUseCheckbox.label;</html:div>
    <spring flex="100%"/>
    <titledbutton class="push" value="&viewLogButton.label;"/>
  </box>
  <box align="vertical" class="cleanborder">
    <html:div>&description.label;</html:div>
    <html:div>(description goes here..)</html:div>
  </box>
</box>

</window>
