[% cmsObjMessage %]

<div id="tree-content-list" class="workarea">

<div class="column-field-names">
<span class="node-id">Id</span>
<span class="node-name">
[% Cat.cmsPick({en => 'Name', es => 'Nombre' }) %]
</span>
[% FOREACH language IN Cat.getLanguages() %]
	<span class="node-properties">
	[% language.name() %]	
	</span>
[% END %]
</div>

<ul id="ul1" class="tree-list draglist">
<li class="list1 mainNode">
<span class="node_id">[% node.cmsobj_id() %]</span>
<img class="page-icon" src="[% node.type_id.icon %]" alt="[% Cat.cmsPick({en => 'Open node', es => 'Abrir nodo' }) %]" />
<span class="mainNode-name"><a id="node[% node.cmsobj_id() %]" onclick="javascript:showNodeMenu([% node.cmsobj_id() %],'[% Cat.getCmsLanguage() %]', [% node.getParent().cmsobj_id() %], [% node.type_id.edition_type %], [% node.type_id.cmsobjtype_id %])" href="javascript:void(0)" href="">[% node.name() %]</a></span>
<span class="node-translated-name">
[%
	value = node.getField('Name');
	IF value;
		value;
	ELSE;
		node.name();
	END;
%]
</span>
[% FOREACH language IN Cat.getLanguages() %]
	<span class="node-properties">
	[%	
	nodeProperties = node.search_related('cmsobjproperties',{language_id => language.language_id()});
	IF nodeProperties.published() AND nodeProperties.modified();
	%]
		<img src="/static/images/tree/modified.png" alt="[% Cat.cmsPick({en => 'Modified', es => 'Modificada' }) %]" />
	[% ELSIF nodeProperties.published() %]
		<img src="/static/images/tree/published.png" alt="[% Cat.cmsPick({en => 'Published', es => 'Publicado' }) %]" />
	[% ELSE %]
		<img src="/static/images/tree/nopublished.png" alt="[% Cat.cmsPick({en => 'Not published', es => 'No publicado' }) %]" />
	[% END %]
	<label for="active">[% Cat.cmsPick({en => 'Active', es => 'Activo' }) %]</label>
	<input type="checkbox" class="properties" id="[% node.cmsobj_id %]_[% language.language_id %]" name="active" [% IF nodeProperties.active() %]checked="checked"[% END %]/>
	<label for="visible">[% Cat.cmsPick({en => 'Visible', es => 'Visible' }) %]</label>
	<input type="checkbox" class="properties" id="[% node.cmsobj_id %]_[% language.language_id %]" name="visible" [% IF nodeProperties.visible() %]checked="checked"[% END %]"/>
	</span>
[% END %]
</li>
[%
	class = '';
	IF children;
		children = children.all;
	ELSE;
		children = childrenAjax;
	END;
	
	liCounter = 0;
	
	FOREACH child IN children;
	child = child.cmsobj_rel_id();
	liCounter = liCounter + 1;
%]
<li class="list1 tree-list[% class %] order[% child.cmsobj_id%]" id="li[% liCounter %]">
<span class="node_id">[% child.cmsobj_id() %]</span>
[% visible_children = child.search_related('cmsobjrelated_cmsobj_ids',
    {
        "type_id.visible_on_tree" => 1
    },
    {
        join => [
            {"cmsobj_rel_id" => "type_id"}
        ],
        order_by => 'me.ordervalue ASC'
    }
)
%]
[% IF visible_children %]
<a onclick="javascript:updateCMSContentFromTree([% child.cmsobj_id() %])" href="javascript:void(0)"><img class="page-icon" src="/static/images/tree/folder.png" alt="[% Cat.cmsPick({en => 'Open node', es => 'Abrir nodo' }) %]" /></a>
[% ELSE %]
<img class="page-icon" src="[% child.type_id.icon %]" alt="[% Cat.cmsPick({en => 'Open node', es => 'Abrir nodo' }) %]" />
[% END %]
<span class="node-name"><a class="node" id="node[% child.cmsobj_id() %]" onclick="javascript:showNodeMenu([% child.cmsobj_id() %],'[% Cat.getCmsLanguage() %]', [% node.cmsobj_id() %], [% child.type_id.edition_type %], [% child.type_id.cmsobjtype_id %])" href="javascript:void(0)">[% child.name() %]</a></span>
<span class="node-translated-name">
[%
	value = child.getField('Name');
	IF value;
		value;
	ELSE;
		child.name();
	END;
%]
</span>
[% FOREACH language IN Cat.getLanguages() %]
	<span class="node-properties">
	[%	
	childProperties = child.search_related('cmsobjproperties',{language_id => language.language_id()});
	IF childProperties.published() AND childProperties.modified();
	%]
		<img src="/static/images/tree/modified.png" alt="[% Cat.cmsPick({en => 'Modified', es => 'Modificada' }) %]" />
	[% ELSIF childProperties.published() %]
		<img src="/static/images/tree/published.png" alt="[% Cat.cmsPick({en => 'Published', es => 'Publicado' }) %]" />
	[% ELSE %]
		<img src="/static/images/tree/nopublished.png" alt="[% Cat.cmsPick({en => 'Not published', es => 'No publicado' }) %]" />
	[% END %]
	<label for="active">[% Cat.cmsPick({en => 'Active', es => 'Activo' }) %]</label>
	<input type="checkbox" class="properties" id="[% child.cmsobj_id %]_[% language.language_id %]" name="active" [% IF childProperties.active() %]checked="checked"[% END %]/>
	<label for="visible">[% Cat.cmsPick({en => 'Visible', es => 'Visible' }) %]</label>
	<input type="checkbox" class="properties" id="[% child.cmsobj_id %]_[% language.language_id %]" name="visible" [% IF childProperties.visible() %]checked="checked"[% END %]"/>
	</span>
[% END %]
</li>

[%
	IF class == '';
		class = ' odd';
	ELSE;
		class = '';
	END;
	END;
%]

</ul>
<p id="commit-new-order-nodes" style="display: none;"><a class="commit-link" href="#" onclick="javascript:YAHOO.example.DDApp.showOrder([% node.cmsobj_id() %])">[% Cat.cmsPick({en => 'Save new tree order', es => 'Guardar nuevo orden del árbol' }) %]</a></p>
</div>
<div id="node-legend">
<span><img src="/static/images/tree/published.png" alt="[% Cat.cmsPick({en => 'The page is published', es => 'La página está publicada' }) %]" />[% Cat.cmsPick({en => 'The page is published', es => 'La página está publicada' }) %]</span>
<span><img src="/static/images/tree/modified.png" alt="[% Cat.cmsPick({en => 'The page is published but with pending changes', es => 'La página está publicada pero con cambios pendientes' }) %]" />[% Cat.cmsPick({en => 'The page is published but with pending changes', es => 'La página está publicada pero con cambios pendientes' }) %]</span>
<span><img src="/static/images/tree/nopublished.png" alt="[% Cat.cmsPick({en => 'The page is not published', es => 'La página no está publicada' }) %]" />[% Cat.cmsPick({en => 'The page is not published', es => 'La página no está publicada' }) %]</span>
</div>

<div id="new-nodes_number" style="display:none">[% nodes_number %]</div>