Diferencia entre revisiones de «Portlet Actividades de Centros»

De EduWiki
Saltar a: navegación, buscar
 
Línea 1: Línea 1:
Portlet de desarrollo propio para publicar actividades de centros del actual Educarm desde la BD Oracle
+
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_Noticias|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">
 +
  <h1 class="portlet-title">
 +
  <span class="portlet-title-text">Actividades en los centros</span>
 +
  </h1>
 +
</header>
 +
<div class="portlet-content">
 +
  <div class=" portlet-content-container">
 +
  <div class="portlet-body">
 +
 
 +
    <table align="center" border="0" cellpadding="1" cellspacing="10" min-height="146px" width="100%">
 +
    <tbody>
 +
        <#list listadoContenidos.ROWSET.ROW as c>
 +
 
 +
        <#if ((contador % cols) == 0) >
 +
            <tr class="noticia">
 +
        </#if>
 +
 
 +
          <td style="width:8%" class="noticia-imagen">
 +
                <a class="" style="text-decoration: none;"
 +
                href="${detalleURL}&amp;p_p_state=maximized&amp;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>
 +
          </td>
 +
          <td style="width:42%" class="noticia-titulo">
 +
                ${XMLUtils.obtenerHTMLdeXML(c.TITULO)}
 +
                <a href="${detalleURL}&amp;codContenido=${c.CODIGO}">(Ampliar)</a>
 +
          </td>       
 +
 
 +
        <#if ((contador % cols) == 1) >
 +
            </tr>
 +
        </#if>
 +
 
 +
        <#assign contador = contador + 1 />
 +
  </#list>
 +
 
 +
  <#assign contador = contador - 1 />
 +
  <#if ((contador % cols) != 0) >
 +
    </tr>
 +
  </#if>
 +
   
 +
  </tbody>
 +
</table>
 +
 
 +
  </div>
 +
  </div>
 +
</div>
 +
<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">
 +
  <h1 class="portlet-title">
 +
  <span class="portlet-title-text">Actividades en los centros</span>
 +
  </h1>
 +
</header>
 +
 
 +
<div class="portlet-body">
 +
  <h3>
 +
    ${XMLUtils.obtenerHTMLdeXML(c.TITULO)}
 +
</h3>
 +
 +
<#if c.ENLACE_INTERNO == "N">
 +
 +
<#if c.URL_IMAGEN??>
 +
<div>
 +
<img src="http://www.educarm.es/${c.URL_IMAGEN}" alt="${XMLUtils.obtenerHTMLdeXML(c.ALT_IMAGEN)}" />
 +
</div>
 +
</#if>
 +
 +
<div>
 +
${XMLUtils.obtenerHTMLdeXML(c.AMPLIACION_CUERPO)}
 +
</div>
 +
 +
<#-- Recorre e Incorpora las galerias de la noticia-->
 +
<#list c.GALERIAS.GALERIAS_ROW as galeria>
 +
<div id="galeria_${galeria.CODIGO}" class="galllery">
 +
    <#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>
 +
</div>
 +
    <@aui.script>
 +
    AUI().ready(function() {
 +
   
 +
    crearGaleria('#galeria_${galeria.CODIGO} a', '${XMLUtils.obtenerHTMLdeXML(c.TITULO)}');
 +
 
 +
    });
 +
    </@>
 +
</#list>
 +
 +
<#else>
 +
 +
<h3 class="asset-title">
 +
    <a href="${c.ENLACE}">
 +
    ${XMLUtils.obtenerHTMLdeXML(c.TITULO)}
 +
    </a>
 +
    </h3>
 +
        <#if c.URL_IMAGEN??>
 +
        <img src="http://www.educarm.es/${c.URL_IMAGEN}"/>
 +
        </#if>
 +
        <div>
 +
${XMLUtils.obtenerHTMLdeXML(c.CUERPO)}
 +
</div>
 +
 +
</#if>
 +
 +
</div>
 +
<footer class="portlet-footer">
 +
    <a href="<@portlet.renderURL windowState="NORMAL"/>">Volver</a>
 +
</footer>
 +
</section>
 +
</source>
  
 
[[Categoría:Portlets]]
 
[[Categoría:Portlets]]

Última revisión de 18:01 10 jun 2013

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>