1<#if ! themeDisplay ? has_content> 

2       <#assign liferay_theme = PortletJspTagLibs["/META-INF/liferay-theme.tld"] /> 

3       <@liferay_theme["defineObjects"] /> 

4</#if> 

5 

6<div class="wrap-content mB30 clearfix contenido-tablas-wrapper"> 

7	<div class="container">	 

8		<div class="row"> 

9			<div class="col-12"> 

10			    <#if tituloBloqueTablas.getData()?has_content> 

11			    	<h3 class="title">${tituloBloqueTablas.getData()}</h3> 

12	    		</#if> 

13				<section class="content-tables"> 

14					<#if tituloBloqueTablas.tituloTabla.getSiblings()?has_content> 

15						<#list tituloBloqueTablas.tituloTabla.getSiblings() as cur_tituloTabla> 

16							<#if cur_tituloTabla.fila.getSiblings()?size gt 1>  

17								<table class="table table-striped"> 

18									<#assign arrayCabecera=[]> 

19									<#if cur_tituloTabla.getData()?has_content> 

20								    	<caption>${cur_tituloTabla.getData()}</caption> 

21									</#if> 

22									<#if cur_tituloTabla.fila.getSiblings()?has_content> 

23										<#list cur_tituloTabla.fila.getSiblings() as cur_fila> 

24											<#if getterUtil.getBoolean(cur_fila.esCabecera.getData())><#-- cabecera --> 

25												<thead> 

26													<tr> 

27														<#if cur_fila.columna.getSiblings()?has_content> 

28															<#list cur_fila.columna.getSiblings() as cur_columna> 

29																<th>${cur_columna.contenido.getData()}</th> 

30																<#assign arrayCabecera = arrayCabecera + [cur_columna.contenido.getData()]> 

31															</#list> 

32														</#if> 

33													</tr> 

34												</thead> 

35												<tbody> 

36											<#else> 

37												<tr> 

38													<#if cur_fila.columna.getSiblings()?has_content> 

39														<#list cur_fila.columna.getSiblings() as cur_columna> 

40															<td> 

41																<div class="column-title visible-only-mobile"> 

42																	${arrayCabecera[cur_columna?index]} 

43																</div> 

44																<div class="table-data"> 

45																	<#if cur_columna.linkDetalle.getData?? && cur_columna.linkDetalle.getData() != "" && cur_columna.linkDetalle.getData() != "{}"> 

46																		<a href="${cur_columna.linkDetalle.getFriendlyUrl()}">${cur_columna.contenido.getData()}</a> 

47																	<#elseif cur_columna.contenido.getData()?? && cur_columna.contenido.getData() != ""> 

48																		${cur_columna.contenido.getData()} 

49																	<#else> 

50																		${cur_columna.contentHTML.getData()} 

51																	</#if> 

52																<div> 

53															</td> 

54														</#list> 

55													</#if> 

56												</tr> 

57											</#if> 

58										</#list> 

59									</#if> 

60									</tbody> 

61								</table> 

62							</#if> 

63						</#list> 

64					</#if> 

65				</section> 

66			</div> 

67		</div> 

68		<#if tituloBoton?? && tituloBoton.getData()?? && tituloBoton.getData() != ""> 

69            <div class="links-container"> 

70            					 

71            		<#if tituloBoton.enlaceBoton.getData()?? && tituloBoton.enlaceBoton.getData() != ""> 

72            			 <div class="results-header text-right"> 

73            				<h2> 

74            					<a href="${tituloBoton.enlaceBoton.getData()}" target="_parent" title="" class="button-primary">${tituloBoton.getData()}</a> 

75            				</h2> 

76            			</div> 

77            		</#if>			 

78            		 

79            </div> 

80        </#if> 

81	</div> 

82</div> 

83 

84<script type="text/javascript"> 

85 

86var contenidoTablasChecked = false; 

87 

88$( document ).ready(function() { 

89	if (!Liferay.ThemeDisplay.isSignedIn()){ 

90		if (!contenidoTablasChecked) { 

91    // Obtener todos los divs con la clase "contenido-tablas-wrapper" 

92		const divsContenido = document.querySelectorAll('.contenido-tablas-wrapper'); 

93 

94		// Crear un objeto para almacenar las tablas agrupadas 

95		const tablasAgrupadas = {}; 

96 

97		// Recorrer los divs y agrupar las tablas por su valor de <caption> y <thead> 

98		divsContenido.forEach(div => { 

99			const tablas = div.querySelectorAll('table'); 

100			tablas.forEach(tabla => { 

101				const caption = tabla.querySelector('caption'); 

102				const clave = caption.textContent; 

103 

104				if (!tablasAgrupadas[clave]) { 

105					tablasAgrupadas[clave] = []; 

106				} 

107 

108				tablasAgrupadas[clave].push(tabla); 

109			}); 

110		}); 

111 

112 

113		for (let clave in tablasAgrupadas) { 

114						if (tablasAgrupadas[clave].length > 1){ 

115										for (let i = 1 ; i < tablasAgrupadas[clave].length ; i++) { 

116														let filasHijas = tablasAgrupadas[clave][i].querySelectorAll("tbody tr"); 

117														for (let k = 0 ; k < filasHijas.length ; k++){ 

118																		tablasAgrupadas[clave][0].querySelector('tbody').appendChild(filasHijas[k].cloneNode(true)); 

119														} 

120														tablasAgrupadas[clave][i].closest(".table-striped").classList.add("d-none")  

121										} 

122								contenidoTablasChecked = true; 

123						} 

124		} 

125		} 

126 } 

127}); 

128</script>