Portlet Actividades de Centros

De EduWiki
Saltar a: navegación, buscar

Portlet de desarrollo propio para publicar Actividades de Centros consultando directamente el esquema en la BD Oracle del actual Educarm. Permite visualizar un número limitado de actividades, ordenadas por fecha de publicación, en dos columnas.

Funciona exactamente igual que el portlet de noticias pero sin vista "Ampliado" Las plantillas que se usan son:

Listado

<source lang="html5"> <#ftl encoding="ISO-8859-1">

<#-- Incorporación de TLDS JSP a la plantilla --> <#assign aui = PortletJspTagLibs["/WEB-INF/tld/aui.tld"] /> <#assign portlet = PortletJspTagLibs["/WEB-INF/tld/liferay-portlet.tld"] /> <#assign cols = 2 /> <#assign contador = 0 />

<section class="portlet" id="portlet_<@portlet.namespace />" >

<header class="portlet-topper">

Actividades en los centros

</header>
<tbody> <#list listadoContenidos.ROWSET.ROW as c> <#if ((contador % cols) == 0) > </#if> <#if ((contador % cols) == 1) > </#if> <#assign contador = contador + 1 /> </#list> <#assign contador = contador - 1 /> <#if ((contador % cols) != 0) > </tr> </#if> </tbody>
               <a class="" style="text-decoration: none;" 
               href="${detalleURL}&p_p_state=maximized&codContenido=${c.CODIGO}" 
       <#if c.ENLACE_INTERNO == "N">
               title="${XMLUtils.obtenerHTMLdeXML(c.TITULO)}">
       <#else>
               title="${XMLUtils.obtenerHTMLdeXML(c.TITULO)}">
       </#if>
                   <img style="max-width:50px;" class="" src="http://www.educarm.es/${c.URL_IMAGEN}" style="vertical-align: middle;" />
               </a>
               ${XMLUtils.obtenerHTMLdeXML(c.TITULO)} 
               <a href="${detalleURL}&codContenido=${c.CODIGO}">(Ampliar)</a>
<footer class="portlet-footer">

<a href="/actividades-de-centros">Más actividades</a>

</footer>

</section> </source>

Detalle

<source lang="html5"> <#ftl encoding="ISO-8859-1">

<#-- Plantilla del detalle por defecto que utiliza todos campos del XML devuelto por el WebService -->

<#-- Incorporación de TLDS JSP a la plantilla --> <#assign aui = PortletJspTagLibs["/WEB-INF/tld/aui.tld"] /> <#assign portlet = PortletJspTagLibs["/WEB-INF/tld/liferay-portlet.tld"] />

<#-- Inicialización del la función que crea la galeria de imágenes --> <@aui.script>

   Liferay.provide(

window, 'crearGaleria', function(enlaces, titulo) { var A = AUI(); new A.ImageGallery( { links: enlaces, caption: titulo, captionFromTitle: true, preloadNeighborImages: true, preloadAllImages: true, showInfo: true } ).render(); }, ['aui-overlay-context', 'aui-overlay-manager', 'aui-image-viewer-gallery'] ); </@>

<#-- Macro para cargar imagenes pequeñas apartir de una grande (añadiendo "_P" al nombre) --> <#macro imgPequena img> <img src="${img?substring(0, img?last_index_of("."))}_P${img?substring(img?last_index_of("."))}" class="picture"/> </#macro>

<#assign c = contenido.ROWSET.ROW>

<section class="portlet" id="portlet_<@portlet.namespace />" >

<header class="portlet-topper">

Actividades en los centros

</header>

${XMLUtils.obtenerHTMLdeXML(c.TITULO)}

<#if c.ENLACE_INTERNO == "N">

<#if c.URL_IMAGEN??>

<img src="http://www.educarm.es/${c.URL_IMAGEN}" alt="${XMLUtils.obtenerHTMLdeXML(c.ALT_IMAGEN)}" />

</#if>

${XMLUtils.obtenerHTMLdeXML(c.AMPLIACION_CUERPO)}

<#-- Recorre e Incorpora las galerias de la noticia--> <#list c.GALERIAS.GALERIAS_ROW as galeria>

<#list galeria.ARCHIVOS.ARCHIVOS_ROW as imagen> <a href="http://www.educarm.es/${imagen.RUTA}" title="${XMLUtils.obtenerHTMLdeXML(imagen.DESCRIPCION)}"> <@imgPequena img="http://www.educarm.es/${imagen.RUTA}" /> </a> </#list>

<@aui.script> AUI().ready(function() {

crearGaleria('#galeria_${galeria.CODIGO} a', '${XMLUtils.obtenerHTMLdeXML(c.TITULO)}');

}); </@> </#list>

<#else>

<a href="${c.ENLACE}"> ${XMLUtils.obtenerHTMLdeXML(c.TITULO)} </a>

       <#if c.URL_IMAGEN??>
       	<img src="http://www.educarm.es/${c.URL_IMAGEN}"/>
       </#if>

${XMLUtils.obtenerHTMLdeXML(c.CUERPO)}

</#if>

<footer class="portlet-footer">
   <a href="<@portlet.renderURL windowState="NORMAL"/>">Volver</a>
</footer>

</section> </source>