<div>

  <div class="list-title">
    <div class="node-path" data-controller="nodes">
      <%= tree_title(@node) %>          
    </div>
    
  </div>

  <div class="list tree-children">
    <div class="list-header">
      <div class="cell"><%= t(:'activerecord.attributes.node.title') %></div>
      <div class="cell flags"></div>  
      <div class="cell"></div>        	  
      <div class="cell"><%= t(:'ui.updated') %></div>    	  
      <div class="cell actions"></div>
    </div>

    <div id="tree-nodes" data-controller="sort" data-sortable-url="<%= url_for(controller: 'nodes', action: 'sort') %>">
      <%= render partial: 'tree_node', collection: @node ? @node.children.ordered : Node.roots.ordered, as: 'node' %>
    </div>
  </div>

</div>