Widget de eventos culturales
El widget de Kulturklik permite insertar en un sitio web información sobre los eventos culturales programados en cualquier localidad de Araba, Bizkaia, Gipuzkoa y Nafarroa. Gracias a este widget es posible parametrizar qué eventos culturales deseamos mostrar y visualizarlos en forma de listado o en un mapa.
La inserción de este widget en una web resulta muy sencilla y su parametrización intuitiva.
Una vez insertado y configurado el widget en un sitio web se puede visualizar tal como se muestra aquí. Puedes mostrar los eventos culturales en forma de listado o en un mapa, y también es posible filtrar los eventos que se van a visualizar (por tipo de evento, territorio, municipio, fecha, etc.).
Cómo insertar el widget en una web
Importamos las librerías JS y CSS de terceros en el HEAD:
<link rel="stylesheet" type="text/css" href="https://geo.euskadi.eus/bisorea/v3/css/GeoeuskadiLoadingSplash_c.css">
<link rel="stylesheet" href="https://euskadi.eus/contenidos/recurso_tecnico/widget_culturales/es_def/styles/app.css">
<script type="text/javascript" src="https://geo.euskadi.eus/bisorea/v3/js/main-compiled.js"></script>
<script type="text/javascript" src="https://geo.euskadi.eus/bisorea/v3/js/imports_lite.js"></script>Incluimos los ficheros JS principales al final de la página (una vez que el contenido se ha cargado):
<script src="https://euskadi.eus/contenidos/recurso_tecnico/widget_culturales/es_def/scritps/chunk-vendors.js" charset="UTF-8"></script>
<script src="https://euskadi.eus/contenidos/recurso_tecnico/widget_culturales/es_def/scripts/app.js" charset="UTF-8"></script>
Añadimos el widget donde queramos mostrar los resultados de eventos culturales (el id debe ser "culturalEventsWidget")
<div id="culturalEventsWidget"></div>Configuración
Para configurar el comportamiento del widget es posible parametrizar diferentes opciones mediante tags HTML:
- ui-type: seleccionamos qué tipo de interfaz queremos mostrar: lista o mapa. Valores permitidos [ "map", "list" (default), "listmap", "maplist" ]
- displayed-items: número de elementos por página.
- show-filters: se configura cuando queremos que el usuario/a pueda cambiar los filtros de la búsqueda. Valores permitidos [ "true", "false" (default) ]
- province: territorio seleccionado por defecto. Valores permitidos [1-Araba/Álaba, 20-Gipuzkoa, 31-Navarra, 48-Bizkaia]
- municipality: municipio seleccionado por defecto (más información > Lista de municipios)
- year: año seleccionado por defecto.
- month: mes seleccionado por defecto (1 -> January, 12 -> December)
- day: día seleccionado por defecto.(1-31)
- event-type: tipo de evento seleccionado por defecto (más información > Lista de tipos de eventos)
- event-lang: idioma de los eventos. Valores permitidos [es-Spanish, eu-Euskara, en-English, fr-French, de-German, bl-Bilingual, na-None]
- lang: idioma del widget
Ejemplos
Muestra todos los conciertos musicales para el año 2021 en forma de listado y sin las opciones de filtrado de resultados:
<div id="culturalEventsWidget" year="2021" event-type="1"></div>Muestra todos los eventos del mes de mayo en forma de mapa con las opciones de filtrado de resultados:
<div id="culturalEventsWidget" ui-type="map" month="5" show-filters="true"></div>Muestra los eventos teatratales de mayo de 2021 en el territorio de Gipuzkoa en formato mapa y sin filtros:
<div id="culturalEventsWidget" ui-type="map" year="2021" month="5" show-filters="false" event-type="2" province="20"></div>