Para Desenvolvedores

Estilo exeplo para a interface List serviço de documentos

Pessoal, 

Alguém teria um exemplo de um estilo para a interface de lista (list) do serviço de documentos?

No arquivo em anexo, já temos o html para a interface.

 

 

Por Rogerio Rodrigues

Em 25/11/20 09:38

Acompanhar pergunta

1 resposta(s):

Ordenar por:

Fiz o XSL, para pesquisar pelo título, sem problema, mas quando clico em algumas das pastas, nada acontece.

<!-- $Revision: 22923 $ $Date: 2019-07-11 19:53:41 +0000 (Thu, 11 Jul 2019) $ -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
	<xsl:import href="/lumis/doui/style/DouiControls.xsl" />

	<xsl:template name="lum_formBodyControls">

		<div class="row"> 
			<div class="col-lg-3"> 
				<div class="ibox "> 
					<div class="ibox-content"> 
						<div class="file-manager">
							<h5>Pesquisa</h5>
							<ul class="folder-list" style="padding: 0; margin-bottom: 50px;">
								<form role="form">
									<div class="form-group">									
										<input type="text" placeholder="" class="form-control" name="list.filters.title.value" id="list.filters.title.value" value="{//control[@id='list.filters.title.value']/data/value}" />
									</div>                                    
									<div>
										<button class="btn btn-sm btn-primary float-right m-t-n-xs" type="button" onclick="{//control[@id='list.filters.applyFilter']/data/onclick}">
											<strong>Pesquisar</strong>
										</button>                                        
									</div>
								</form>
							</ul>

							<h5>Pasta(s)</h5>
							<ul class="folder-list" style="padding: 0"> 
								<xsl:for-each select="//data/row">
									
									<xsl:variable name="onclick"><xsl:value-of select="title/@onClick" /></xsl:variable>
									
									<xsl:if test="type = 1">
										<li>
											<a href="" onclick="{title/@onClick}">
												<i class="fa fa-folder"></i> 
												<xsl:value-of select="title" />												
											</a>
										</li>
									</xsl:if> 
								</xsl:for-each>								
							</ul> 							 
							<div class="clearfix"></div> 
						</div> 
					</div> 
				</div> 
			</div> 
			<div class="col-lg-9 animated fadeInRight"> 
				<div class="row"> 
					<div class="col-lg-12"> 

						<xsl:for-each select="//data/row">							

							<xsl:choose>

								<xsl:when test="type = 1">

								</xsl:when>

								<xsl:when test="documentFile/contentType = 'application/x-tika-msoffice'">
									<div class="file-box"> 
										<div class="file"> 
											<a href="{documentFile/downloadHref}"> 
												<span class="corner"></span> 
												<div class="icon"> 
													<i class="fa fa-file"></i> 
												</div> 
												<div class="file-name">
													<xsl:value-of select="title" />
													<br /> 
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small> 
												</div> 
											</a> 
										</div> 
									</div>									
								</xsl:when>

								<xsl:when test="documentFile/contentType = 'application/x-tika-ooxml'">
									<div class="file-box"> 
										<div class="file"> 
											<a href="{documentFile/downloadHref}"> 
												<span class="corner"></span> 
												<div class="icon"> 
													<i class="fa fa-file"></i> 
												</div> 
												<div class="file-name">
													<xsl:value-of select="title" />
													<br /> 
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small>
												</div> 
											</a> 
										</div> 
									</div>									
								</xsl:when>

								<xsl:when test="documentFile/contentType = 'image/jpeg'">
									<div class="file-box">
										<div class="file">
											<a href="{documentFile/downloadHref}">
												<span class="corner"></span>												
												<div class="image">
													<img alt="{documentFile/name}" class="img-fluid" src="{documentFile/href}" />
												</div>
												<div class="file-name">
													<xsl:value-of select="title" />
													<br/>
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small>
												</div>
											</a>											
										</div>
									</div>									
								</xsl:when>

								<xsl:when test="documentFile/contentType = 'image/png'">
									<div class="file-box">
										<div class="file">
											<a href="{documentFile/downloadHref}">
												<span class="corner"></span>												
												<div class="image">
													<img alt="{documentFile/name}" class="img-fluid" src="{documentFile/href}" />
												</div>
												<div class="file-name">
													<xsl:value-of select="title" />
													<br/>
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small>
												</div>
											</a>											
										</div>
									</div>									
								</xsl:when>

								<xsl:when test="documentFile/contentType = 'text/plain'">
									<div class="file-box">
										<a href="{documentFile/downloadHref}">
											<div class="file">
												<span class="corner"></span>												
												<div class="icon">
													<i class="fa fa-bar-chart-o"></i>
												</div>
												<div class="file-name">
													<xsl:value-of select="title" />
													<br/>
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small>
												</div>
											</div>
										</a>
									</div>									
								</xsl:when>

								<xsl:when test="documentFile/contentType = 'application/pdf'">
									<div class="file-box">
										<a href="{documentFile/downloadHref}">
											<div class="file">
												<span class="corner"></span>												
												<div class="icon"> 
													<i class="fa fa-file"></i> 
												</div>
												<div class="file-name">
													<xsl:value-of select="title" />
													<br/>
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small>
												</div>
											</div>
										</a>
									</div>									
								</xsl:when>

								<xsl:otherwise>
									<div class="file-box"> 
										<div class="file"> 
											<a href="{documentFile/downloadHref}"> 
												<span class="corner"></span> 
												<div class="icon"> 
													<i class="fa fa-file"></i> 
												</div> 
												<div class="file-name">
													<xsl:value-of select="title" />
													<br /> 
													<small>Adicionado: <xsl:value-of select="createdDate/value" /></small> 
												</div> 
											</a> 
										</div> 
									</div>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:for-each>						

					</div> 
				</div> 
			</div> 
		</div>

	</xsl:template>

</xsl:stylesheet>

Como fazer para que abra a pasta com seus arquivos?

Por Rogerio Rodrigues

Em 26/11/20 11:23

Entrar

Interaja com a comunidade e tenha acesso a conteúdos exclusivos.

Houve algum erro ao acessar o banco de dados. Tente novamente mais tarde.