Etiquetas sede

Descripción

Implementeación

 
	<img  th:if="${#utils.desde('16-01-2025')}" alt="" class="img-responsive full-width object-fit-contain" src="/cont/vistas/portal/servicios-sociales/mujer/img/cursos-mujer-feb25general.jpg" style="max-height: 30em;" title=""/>;

 	<a href="enlace" th:if="${#utils.desde('13-03-2024 09:00')} and ${#utils.hasta('14-03-2024 23:59')}">Texto</a>
 	
 	<a th:if="${#utils.desde('16-01-2025')}" class="btn btn-primary margin-t1em" href="/contenidos/mujer/OF_FEB_2025_Cursos_Mujer.pdf"><span class="fa fa-file-pdf" aria-hidden="true"></span> Acceso al folleto</a>
		<a th:if="${#utils.hasta('15-01-2025 23:59')}" class="btn btn-primary margin-t1em" href="/contenidos/mujer/OF_SEPT_2024_Cursos_Mujer.pdf"><span class="fa fa-file-pdf" aria-hidden="true"></span> Acceso al folleto</a>

Descripción

Estas se generarán automáticamente dependiendo de "donde estemos" en la sede electrónica

Por defecto es un reflejo de la url actual. La sede electrónica utiliza una estructura de carpetas para definir la jerarquía de las páginas. Lo que se conoce como file-based routing

El formato en el que se haya definido el nombre del archivo se verá reflejada en los términos de la miga de pan

Para cambiar los términos definidos debemos usar el archivo /cont/vistas/i18n/messages_es.properties y definir una propiedad migapan.label

Implementación

<sede:miga-pan></sede:miga-pan>

Podemos definir una estructura a medida que no respete la estructura de archivos de dos maneras:

• Indicandole las rutas de las que depende:

  
  <th:block th:with="parentroutes=${ {
    {
      'label':'Cementerios',
      'url':'/sede/portal/cementerios/'
    }
  } }">
    <sede:miga-pan></sede:miga-pan>
  </th:block>
  
  

  /sede/portal/todos-santos/_template.xml

• Modificando su estructura por completo

  Alerta

  La siguiente funcionalidad debería usarse en casos muy concretos y siempre bajo condicionales que no limiten el funcionamiento del componente original

  
  <sede:miga-pan json="[
       {
        'label':'Infraestructuras',
        'url':'/sede/portal/infraestructuras/'
      },{
        'label':'Agua',
        'url':'/sede/portal/infraestructuras/agua/'
      },{
        'label':'${#tituloDePagina#}',
        'last':'true'
      }
  ]"></sede:miga-pan>
  
  

  No utilizar de forma independiente

  
  <th:block 
  th:with="isSerivicioPotabilizadora=${#strings.contains(#httpServletRequest.requestURI, '/servicio/potabilizadora/')}">
      <th:block th:if="${isSerivicioPotabilizadora}">
        <sede:miga-pan json="[
              {
                  'label':'Infraestructuras',
                  'url':'/sede/portal/infraestructuras/'
              },{
                  'label':'Agua',
                  'url':'/sede/portal/infraestructuras/agua/'
              },{
                  'label':'${#tituloDePagina#}',
                  'last':'true'
              }
          ]"></sede:miga-pan>
      </th:block>
      <th:block th:unless="${isSerivicioPotabilizadora}">
        <sede:miga-pan></sede:miga-pan>
      </th:block>
    </th:block>
  
  

  /sede/portal/infraestructuras/_template.xml

Descripción

Esta etiqueta permite definir dinámicamente estructuras reutilizables en las páginas de los distintos portales

Existe un set de componentes predefinidos que cubren la mayoría de casos aplicables a la sede electrónica

Deberían utilizarse en cualquier lugar que se detecte un patrón común en el etiquetado. De esta forma se facilitará la reutilización de elementos y futura actualización al tener definida la estructura en un solo lugar

Implementeación

<sede:component
  fragment="/fragmentos/componentes/v2/alert"
  title="Alerta"
></sede:component>

Componente alert

Creación de un componente

<th:block th:fragment="custom" th:with="
    title=${#maps.containsKey(attrs, 'title')}? ${attrs.title} :  ${props != null and props.has('title')? props.get('title'): ''},
  ">
    <section class="p-relative mb-2 pb-1">
      <h2 th:text="${title}"></h2>
    </section>
</th:block>

Definición de custom.component.xml

<sede:component
  fragment="/ruta-al-componente/custom.component"
  title="Lorem ipsum"
></sede:component>

Uso de custom.component.xml

Ejemplos

• Auditorio - instalaciones - etopia

  Todos las instalaciones de etopia tienen un estructura común (Título, Galería de imágenes, Descripción):

  Se definió el componente espacios.component.xml

Descripción

Implementeación

<sede:include th:include="/ruta-a-otro-contenido"></sede:include>

<sede:include th:include="${otrocontenido}"></sede:include>

Descripción

Implementeación

<sede:meta
  title="..."
  description="..."
  keywords="..."
  last-modified="..."
></sede:meta>

Descripción

Sirve para redirigir al usuario a otra url

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<!DOCTYPE html>
<html>
...
<body>
	<sede:content>
		...
	</sede:content>
</body>
</html>

Descripción

Recupera actividades por fecha y filtra basado en temáticas, destinatarios y valores

Implementeación

<sede:actividad-educacion year="2024"/> 

Descripción

Recupera los Adjuntos según los parámetros entity e id

Implementeación

<sede:adjunto fragment="servicio/cultura/evento/adjunto-image" entity="org.sede.servicio.actividades.entity.Acto" id="${registro.body.id}" />

servicio/cultura/evento

Descripción

Implementeación

<sede:agenda numero="4" portal="26"></sede:agenda>

servicio/cultura/evento

Descripción

Implementeación

<sede:agendainstitucional hoy="s" autor="Gabinete de Prensa" numero="40"/>

Descripción

Implementeación

<sede:alojamientojuventud numero="1" carpeta="/sede/portal/jovenes/"></sede:alojamientojuventud>

Descripción

Implementeación

<sede:animal carpeta="/sede/portal/proteccion-animal/" fragment="/fragmentos/proteccion-animal/list2" imagen="s" numero="6" enlace="true" estado="Perdido"></sede:animal>

Descripción

Retorna una cuenta de la cantidad de animales adoptados y recuperados

Implementeación

<sede:animal-dato />

Descripción

Implementeación

<sede:anunciojuventud carpeta="/sede/portal/juventud/" clasificacion="Prácticas en Empresas (oferta)" fragment="/fragmentos/juventud/custom-list-anuncio" listado="s" numero="1" titulo="Prácticas en empresas"></sede:anunciojuventud>

Descripción

Implementeación

<sede:artepublico emplazamiento="termas" numero="3" fragment="/fragmentos/artepublico/list-museo-termas" />

Descripción

Implementeación

<sede:aviso fragment="/fragmentos/aviso/aviso-biblioteca-municipal" portal="Avisos Bibliotecas Municipales" nresultados="12"> </sede:aviso>

Descripción

Implementeación

<sede:bloquez16 clase="col-xs-12 col-sm-6 col-md-4 mb-1 actividades" tema="Juventud" vermas="s" numero="100" carpeta="/sede/portal/sectores/juventud/z16/"></sede:bloquez16>

Descripción

Estos atributos son utilizados en el código para generar dinámicamente un bloque de migas de pan con un marcado compatible con schema.org y RDFa, lo que mejora la estructura semántica y el SEO de la página.

Implementeación

<sede:breadcrumb title="Ayuntamiento de Zaragoza" link="https://www.zaragoza.es/sede/" value="[{'link':'https://www.zaragoza.es/sede/', 'text':'zaragoza.es'},{'link':'/sede/portal/gobierno-abierto/', 'text':'Gobierno Abierto'}]" />

Descripción

Implementeación

<sede:calendario-agenda portal="13"></sede:calendario-agenda>

servicio/portal/bibliotecas-municipales

Descripción

Implementeación

<sede:calidad-aire></sede:calidad-aire>

Descripción

Implementeación

<sede:calidad-aire-avisos fecha="n" tipo="1"></sede:calidad-aire-avisos>

Descripción

Implementeación

<sede:contrato entidad="2" numero="3"></sede:contrato>

Descripción

Implementeación

<sede:edu-buscador-actividades/>

Descripción

Implementeación

<sede:enlaceinteres usuario="2" espacio="2" tema="Alojamiento" fragment="fragmentos/enlacesinteres/list-no-agrup"></sede:enlaceinteres>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:entidadz16 clase="col-xs-12 col-sm-6 col-md-4 mb-1" tema="Juventud" vermas="s" numero="300" carpeta="/sede/portal/sectores/juventud/z16/"></sede:entidadz16>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:formulario id="5701"></sede:formulario>

<!-- o -->

<sede:formulario id1="1" id2="2" />

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>

Descripción

Implementeación

<sede:redirect url="..."></sede:redirect>