<%
  import org.exoplatform.ecm.webui.component.browsecontent.UIToolBar ;
	import org.exoplatform.ecm.webui.component.browsecontent.UIDocumentDetail ; 	
	import org.exoplatform.ecm.webui.component.browsecontent.UISearchController ;
	import org.exoplatform.ecm.webui.utils.Utils ;
	import org.exoplatform.web.application.Parameter ;
	
	def subDocumentList =  uicomponent.getCurrentList() ;
	boolean hasNoDocument = subDocumentList.isEmpty() ;
	String componentName = uicomponent.getName() ;
  int totalPages = uicomponent.getNumberOfPage() ;
%>
<div class="UIBrowseContainer" id="$uicomponent.id">
  <%
  	if(uicomponent.isCommentAndVote()) uicomponent.renderChild(UIToolBar.class);  	
		uicomponent.renderChild(UIDocumentDetail.class) ;
		if(uicomponent.isShowDocumentList()) { 		  
	%>
		<div class="UIDocumentList">
			<%/*Begin UIEventViewer*/%>
			<div class="UIEventViewer">
		 	<%if(!hasNoDocument){%>
		 		<div class="ClearFix">
  				<div class="EventContent">
	      <%
	        for(Node doc in subDocumentList) {
	        	try {
		        	String viewAction = uicomponent.event("ChangeNode", Utils.formatNodeName(doc.getPath()), new Parameter("category", uicomponent.getCategoryPath()));
		          String iconName = uicomponent.getIcons(doc,"16x16Icon") ;
		          String docName = doc.getPath().substring(doc.getPath().lastIndexOf("/") + 1) ;
		          def viewNode = uicomponent.getViewNode(doc); 
		          if(viewNode != null) {
		      %>
			          <div class="EventContentDetail">
			            <div class="TopEventContentDetail">
			              <table>  
			                 <tr>
			                  <td>
			                    <div class="DocNodeIcon CBDefaultDocument16x16Icon $iconName">
				                    <%if(Utils.isSymLink(doc)) {%>
			                       <div class="LinkSmall"></div>
			                      <%}%>
			                    </div>
			                    <div class="EventDocumentLabel">
			                      <a onclick="$viewAction" style="cursor: pointer;"><%=docName%></a>
			                    </div>  
			                  </td>
			                  <td class="EventAuthorNameLabel">
			                  	<%=_ctx.appRes(componentName + ".label.author")%>:<%=uicomponent.getOwner(doc)%>
			                  </td>	                  
			                </tr>        
			              </table>
			            </div>
			            <div class="MainEventContent">
			              <div class="SummaryTitleLabel">
			              	<%=_ctx.appRes(componentName + ".label.summary")%>:
			                <%if(viewNode.hasProperty("exo:summary")){%>
			                 <%=viewNode.getProperty("exo:summary").getString()%>
			                <%}%>
			              </div>
			            </div>
			          </div>
	      <%
	            }
	          } catch(Exception e) {
	            continue ;
	          }
	        }
	      %>
   			</div>
   			<% if(totalPages>1){ %>
		    <div class="DocumentsPageIterator"><%_ctx.renderUIComponent(uicomponent.getUIPageIterator());%></div>
		    <% } %>
		    </div>
   		<%}%>
	    <div class="ViewPreviousDocument ClearFix"> 
	      <div class="BackIcon"><span></span></div>
	      <a href="<%=uicomponent.event('Back')%>">
	      	<%=_ctx.appRes(componentName + ".label.previous")%>
	      </a>
	      
	    </div>
			<%/*End UIEventViewer*/%>
			</div>
		</div>
	<%}%>
</div>