Eventos - Ninos Osi
Próximos eventos
Aquí encontrarás la información de los eventos en donde estaré compartiendo con todos mis amiguit@s que se encuentran hospitalizados en nuestras Clínicas de la ciudad de Bogotá.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> entry [in template "3451201#3451242#3849344" at line 2, column 11]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${entry.classPK} [in template "3451201#3451242#3849344" at line 2, column 9]
----
1<span class="v-c-calendar-filter--marker d-none">
2 ${entry.classPK}
3</span>
4
5 <div class="v-c-calendar-filter">
6
7 <div class="v-c-calendar-filter__contain container">
8
9 <div class="v-c-calendar-filter__calendar-zone">
10 <div id="v-c-calendar-filter__vanilla-calendar" class="v-c-calendar-filter__vanilla-calendar vanilla-calendar">
11
12 </div>
13 <div class="v-c-calendar-filter__vanilla-calendar-footer-divider-line bg-color-white-osi">
14 <div style="width: 85%; height: 1px;" class="bg-color-white_2">
15
16 </div>
17 </div>
18 <div class="v-c-calendar-filter__vanilla-calendar-footer-zone bg-color-white-osi">
19
20 <div class="v-c-calendar-filter__vanilla-calendar-footer-selected-date-info">
21 <div class="v-c-calendar-filter__vanilla-calendar-footer-selected-date-ball"></div>
22 <span>Fecha seleccionada</span>
23 </div>
24
25 <div class="v-c-calendar-filter__vanilla-calendar-footer-event-date-info">
26 <div class="v-c-calendar-filter__vanilla-calendar-footer-event-date-ball"></div>
27 <span>Eventos</span>
28 </div>
29 </div>
30 </div>
31
32 <div class="v-c-calendar-filter__showing-events">
33
34 <div class="v-c-calendar-filter__card-space">
35
36 </div>
37
38 <br/>
39 <br/>
40
41 <div class="v-js-paginator__pagination-container container v-o-pagination__grid-cards">
42 <nav class="v-o-pagination">
43 <ul class="pagination">
44 <li class="pagination-item-first grid-pagination-arrow">
45 <a class="page-link" href="#" aria-label="Primera">
46 <span aria-hidden="true">
47 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
48 <path d="m13.707 4.707-1.414-1.414L3.586 12l8.707 8.707 1.414-1.414L6.414 12l7.293-7.293z"/>
49 <path d="m19.707 4.707-1.414-1.414L9.586 12l8.707 8.707 1.414-1.414L12.414 12l7.293-7.293z"/>
50 </svg>
51 </span>
52 </a>
53 </li>
54
55 <li class="pagination-item-previous grid-pagination-arrow">
56 <a class="page-link" href="#" aria-label="Anterior">
57 <span aria-hidden="true">
58 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
59 <path d="M15.293 3.293 6.586 12l8.707 8.707 1.414-1.414L9.414 12l7.293-7.293-1.414-1.414z"/>
60 </svg>
61 </span>
62 </a>
63 </li>
64
65
66
67 <li class="pagination-item-next grid-pagination-arrow">
68 <a class="page-link" href="#" aria-label="Siguiente">
69 <span aria-hidden="true">
70 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
71 <path d="M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293 7.293 4.707z"/>
72 </svg>
73 </span>
74 </a>
75 </li>
76
77 <li class="pagination-item-last grid-pagination-arrow">
78 <a class="page-link" href="#" aria-label="Última">
79 <span aria-hidden="true">
80 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
81 <path d="m11.707 3.293-1.414 1.414L17.586 12l-7.293 7.293 1.414 1.414L20.414 12l-8.707-8.707z"/>
82 <path d="M5.707 3.293 4.293 4.707 11.586 12l-7.293 7.293 1.414 1.414L14.414 12 5.707 3.293z"/>
83 </svg>
84 </span>
85 </a>
86 </li>
87
88 </ul>
89 </nav>
90 </div>
91 </div>
92 </div>
93
94 </div>
95
96<script>
97
98 var validColors = [
99 {
100 "value": "primary_blue",
101 "label": "Azul primario",
102 },
103 {
104 "value": "primary_green",
105 "label": "Verde primario",
106 },
107 {
108 "value": "primary_blue_soft",
109 "label": "Azul primario suave",
110 },
111 {
112 "value": "primary_blue_strong",
113 "label": "Azul primario fuerte",
114 },
115 {
116 "value": "primary_green_soft",
117 "label": "Verde primario suave",
118 },
119 {
120 "value": "primary_green_strong",
121 "label": "Verde primario fuerte",
122 },
123 {
124 "value": "secondary_blue",
125 "label": "Azul secundario",
126 },
127 {
128 "value": "secondary_blue_soft",
129 "label": "Azul secundario suave",
130 },
131 {
132 "value": "secondary_blue_strong",
133 "label": "Azul secundario fuerte",
134 },
135 {
136 "value": "secondary_cyan",
137 "label": "Cian",
138 },
139 {
140 "value": "secondary_cyan_soft",
141 "label": "Cian suave",
142 },
143 {
144 "value": "secondary_cyan_strong",
145 "label": "Cian fuerte",
146 },
147 {
148 "value": "transparente",
149 "label": "Transparente",
150 },
151 {
152 "value": "error",
153 "label": "Error",
154 },
155 {
156 "value": "success-osi",
157 "label": "Éxito",
158 },
159 {
160 "value": "warning-osi",
161 "label": "Advertencia",
162 },
163 {
164 "value": "information",
165 "label": "Información",
166 },
167 {
168 "value": "error_soft",
169 "label": "Error suave",
170 },
171 {
172 "value": "error_mid_soft",
173 "label": "Error medio suave",
174 },
175 {
176 "value": "error_mid_strong",
177 "label": "Error medio fuerte",
178 },
179 {
180 "value": "error_strong",
181 "label": "Error fuerte",
182 },
183 {
184 "value": "success_soft",
185 "label": "Éxito suave",
186 },
187 {
188 "value": "success_mid_soft",
189 "label": "Éxito medio suave",
190 },
191 {
192 "value": "success_mid_strong",
193 "label": "Éxito medio fuerte",
194 },
195 {
196 "value": "success_strong",
197 "label": "Éxito fuerte",
198 },
199 {
200 "value": "warning_soft",
201 "label": "Advertencia suave",
202 },
203 {
204 "value": "warning_mid_soft",
205 "label": "Advertencia medio suave",
206 },
207 {
208 "value": "warning_mid_strong",
209 "label": "Advertencia medio fuerte",
210 },
211 {
212 "value": "warning_strong",
213 "label": "Advertencia fuerte",
214 },
215 {
216 "value": "information_soft",
217 "label": "Información suave",
218 },
219 {
220 "value": "information_mid_soft",
221 "label": "Información medio suave",
222 },
223 {
224 "value": "information_mid_strong",
225 "label": "Información medio fuerte",
226 },
227 {
228 "value": "information_strong",
229 "label": "Información fuerte",
230 },
231 {
232 "value": "pale_aqua",
233 "label": "Agua pálida",
234 },
235 {
236 "value": "navy_blue",
237 "label": "Azul marino",
238 },
239 {
240 "value": "white-osi",
241 "label": "Blanco",
242 },
243 {
244 "value": "white_2",
245 "label": "Blanco 2",
246 },
247 { "value": "gray", "label": "Gris",},
248 {
249 "value": "gray_2",
250 "label": "Gris 2",
251 },
252 {
253 "value": "gray_3",
254 "label": "Gris 3",
255 },
256 {
257 "value": "gray_4",
258 "label": "Gris 4",
259 },
260 { "value": "dark-osi", "label": "Dark"}
261 ];
262 var titleAlingOptions = [
263 {
264 "value": "center",
265 "label": "Centrado",
266 },
267 {
268 "value": "left",
269 "label": "Izquierda",
270 }
271 ];
272 var buttonTargetOptions = [
273 {
274 "value": "_self",
275 "label": "Misma pestaña",
276 },
277 {
278 "value": "_blank",
279 "label": "Nueva pestaña",
280 }
281 ];
282 var buttonTypes = [
283 {
284 "value": "primary",
285 "label": "Primario",
286 },
287 {
288 "value": "secondary",
289 "label": "Secundario",
290 },
291 {
292 "value": "primary--green",
293 "label": "Primario verde",
294 },
295 {
296 "value": "secondary--green",
297 "label": "Secundario verde",
298 }
299 ];
300
301 var pkEvent = $(".v-c-calendar-filter--marker");
302 var eventsCardsZone = $(".v-c-calendar-filter .v-c-calendar-filter__contain .v-c-calendar-filter__showing-events .v-c-calendar-filter__card-space");
303
304 var pkId = pkEvent.text().trim();
305
306 initCalendarFilter(pkId);
307
308function initCalendarFilter(pk){
309
310 Liferay.Util.fetch('/o/headless-delivery/v1.0/structured-contents/'+pk+'?fields=contentStructureId', {
311 method: 'GET',
312 headers: {
313 'Authorization': 'Basic YW5kcmVzZmVnYXJjaWFAa2VyYWx0eS5jb206QWRtaW4uMTIzKg=='
314 }
315})
316.then(response => {
317 if (response.ok) {
318 return response.json();
319 } else {
320 return response.text();
321 }
322})
323.then(data => {
324 var contentStructureId = data.contentStructureId;
325
326 var parsedEvents = Liferay.Util.fetch('/o/headless-delivery/v1.0/content-structures/'+contentStructureId+'/structured-contents?fields=contentFields.name%2CcontentFields.contentFieldValue%2CcontentFields.nestedContentFields', {
327 method: 'GET',
328 headers: {
329 'Authorization': 'Basic YW5kcmVzZmVnYXJjaWFAa2VyYWx0eS5jb206QWRtaW4uMTIzKg=='
330 }
331 })
332 .then(response => {
333 if (response.ok) {
334 return response.json();
335 } else {
336 return response.text();
337 }
338 })
339 .then(data =>{
340 var response = data.items;
341
342 const parsedResponse = response.map(item => {
343 const objectReduced = item.contentFields.reduce((acc, field) => {
344
345 if (field.name === 'eventDate' && (isDateValid(field.contentFieldValue.data))) {
346 acc[field.name] = field.contentFieldValue;
347 } else if (field.name === 'ButtonGroup') {
348 acc[field.name] = field.nestedContentFields;
349 } else if (field.name !== 'eventDate' && field.name !== 'ButtonGroup') {
350 acc[field.name] = field.contentFieldValue;
351 }
352 return acc;
353 }, {});
354 return Object.keys(objectReduced).length > 0 ? objectReduced : null;
355
356 }).filter(item => (item !== null) && item.eventDate);
357
358 const datesWithEvents = getDatesOnEvents(parsedResponse);
359
360 if(datesWithEvents.length > 0){
361 createCalendar(datesWithEvents, parsedResponse);
362 createEventCards(datesWithEvents[0], parsedResponse);
363 paginationCreator('v-c-calendar-filter__showing-events', 2);
364 }else{
365 simpleCalendar();
366 }
367
368 });
369});
370}
371
372function isDateValid(dateFromDB) {
373 const dbDate = new Date(dateFromDB);
374
375 const currentDate = new Date();
376 currentDate.setHours(0, 0, 0, 0);
377
378 return dbDate >= currentDate;
379}
380
381function isTheSameDate(selectedDate, dateToCompare) {
382
383 const newSelectedDate = new Date(selectedDate);
384 const newDateToCompare = new Date(dateToCompare);
385
386 newSelectedDate.setHours(0, 0, 0, 0);
387 newDateToCompare.setHours(0, 0, 0, 0);
388
389 return newSelectedDate == newDateToCompare;
390}
391
392function getDatesOnEvents(eventsInformation){
393
394 const eventDates = eventsInformation.map(item => item.eventDate ? item.eventDate.data.slice(0, 10) : null).filter(date => date !== null);
395
396 var eventDatesSortedAndCleaned = [...new Set(eventDates)].sort((a, b) => new Date(a) - new Date(b));
397
398 return eventDatesSortedAndCleaned;
399}
400
401function simpleCalendar(){
402 const calendar = new VanillaCalendar('#v-c-calendar-filter__vanilla-calendar', {
403 date: {
404 min: '1970-01-01',
405 max: '2470-12-31',
406 today: new Date(),
407 },
408 settings: {
409 selection: {
410 day: 'single',
411 month: true,
412 year: true,
413 time: false,
414 controlTime: 'all',
415 stepHours: 1,
416 stepMinutes: 1,
417 cancelableDay: false,
418 },
419 lang: 'define',
420 visibility: {
421
422 // show the days of the past and next month.
423 daysOutside: false,
424 },
425
426 },locale: {
427 months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
428 weekday: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
429 },
430 actions: {
431
432 clickMonth(event, self) {
433 setTimeout(() => {
434 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
435 }, 0);
436 },
437 clickYear(event, self) {
438 setTimeout(() => {
439 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
440 }, 0);
441 },
442 },
443 CSSClasses: {
444
445 weekDay: 'vanilla-calendar-week__day v-c-calendar-filter__custom-week-day',
446 },
447 });
448
449 calendar.init();
450
451 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
452}
453
454function createCalendar(eventsDate, allEvents){
455
456 var currentDate = new Date(eventsDate[0] ? eventsDate[0] : '');
457
458 var formattedCurrentDate = currentDate.setDate(currentDate.getDate() + 1);
459
460 const calendar = new VanillaCalendar('#v-c-calendar-filter__vanilla-calendar', {
461 date: {
462 min: '1970-01-01',
463 max: '2470-12-31',
464 today: new Date(formattedCurrentDate),
465 },
466 settings: {
467 selected: {
468 dates: [eventsDate[0]],
469 holidays: eventsDate,
470 },
471 selection: {
472 day: 'single',
473 month: true,
474 year: true,
475 time: false,
476 controlTime: 'all',
477 stepHours: 1,
478 stepMinutes: 1,
479 cancelableDay: false,
480 },
481 lang: 'define',
482 visibility: {
483
484 // show the days of the past and next month.
485 daysOutside: false,
486 },
487
488 },locale: {
489 months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
490 weekday: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
491 },
492 actions: {
493 clickDay(event, self) {
494 var target= event.target;
495 var isDayWithEvents = $(target).hasClass('vanilla-calendar-day__btn_holiday');
496
497 if(isDayWithEvents){
498 createEventCards(self.selectedDates[0], allEvents);
499 paginationCreator('v-c-calendar-filter__showing-events', 2);
500 }
501 },
502 clickMonth(event, self) {
503
504 setTimeout(() => {
505 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
506 }, 0);
507
508 },
509 clickYear(event, self) {
510 setTimeout(() => {
511 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
512 }, 0);
513 },
514 },
515 CSSClasses: {
516
517 weekDay: 'vanilla-calendar-week__day v-c-calendar-filter__custom-week-day',
518 },
519 });
520
521 calendar.init();
522
523 $('#v-c-calendar-filter__vanilla-calendar').attr('data-calendar-theme', 'light');
524
525}
526
527function createEventCards(eventDateTarget, allEvents){
528
529 eventsCardsZone.empty();
530 var eventNumber = 0;
531 allEvents.forEach(event =>{
532
533 if(eventDateTarget == event.eventDate.data.slice(0, 10)){
534 eventNumber = eventNumber + 1;
535
536 const bgColorcard = getValueByLabel(event.bgColor.data, validColors);
537 const bgColorTitleZone = getValueByLabel(event.bgColorTitleZone.data, validColors);
538 const titleColor = getValueByLabel(event.titleColor.data, validColors);
539 const titleAling = getValueByLabel(event.titleAling.data, titleAlingOptions);
540
541 const buttonType = getValueByLabel(event.ButtonGroup[0].contentFieldValue.data, buttonTypes);
542 const buttonTarget = getValueByLabel(event.ButtonGroup[1].contentFieldValue.data, buttonTargetOptions);
543 const buttonTxt = event.ButtonGroup[2].contentFieldValue.data;
544 const buttonURL = event.ButtonGroup[3].contentFieldValue.data;
545
546 var titleAlingTxt = "c"
547
548 switch (titleAling) {
549 case "center":
550 var titleAlingTxt = "c"
551 break;
552 case "left":
553 var titleAlingTxt = "l"
554 break;
555 default:
556 var titleAlingTxt = "c"
557 }
558
559 let eventCardHTML = `
560 <div class="v-c-calendar-filter__card-item v-js-paginator__item" paginated-item-order="`+eventNumber+`">
561 <section class="v-c-cards-eventos">
562 <div class="v-c-cards-eventos--box v-c-cards-eventos--box-h">
563 <figure class="v-c-cards-eventos--picture v-c-cards-eventos--sm">
564 <img loading="lazy" class="v-c-cards-eventos--picture-img" src="`+(event.cardImg.image.contentUrl)+`" alt="`+(event.cardImg.image.description)+`">
565 </figure>
566 <div class="v-c-cards-eventos--head bg-color-`+bgColorTitleZone+` v-c-cards-eventos--align-`+titleAling+`">
567 <h5 class="f-w-b f-s-32 txt-al-`+titleAlingTxt+` f-s-r-20 txt-color-`+titleColor+` my-0 r-j-max-char" data-max-char="30">`+(event.titleTxt.data)+`</h5>
568 </div>
569 <div class="v-c-cards-eventos--flex v-c-cards-eventos--flex-left bg-color-`+bgColorcard+`">
570 <figure class="v-c-cards-eventos--picture v-c-cards-eventos--lg">
571 <img loading="lazy" class="v-c-cards-eventos--picture-img" src="`+(event.cardImg.image.contentUrl)+`" alt="`+(event.cardImg.image.description)+`">
572 </figure>
573 <div class="v-c-cards-eventos--content">
574 <div class="v-c-cards-eventos--content-info">
575 <div class="v-c-cards-eventos--content-info-item">
576 <svg class="v-c-cards-eventos--content-icon" xmlns="http://www.w3.org/2000/svg" width="21.6" height="24" viewBox="0 0 21.6 24">
577 <path id="event_24dp_5F6368_FILL0_wght400_GRAD0_opsz24" d="M133.8-860.8a2.9,2.9,0,0,1-2.13-.87,2.9,2.9,0,0,1-.87-2.13,2.9,2.9,0,0,1,.87-2.13,2.9,2.9,0,0,1,2.13-.87,2.9,2.9,0,0,1,2.13.87,2.9,2.9,0,0,1,.87,2.13,2.9,2.9,0,0,1-.87,2.13A2.9,2.9,0,0,1,133.8-860.8ZM122.4-856a2.311,2.311,0,0,1-1.695-.7,2.311,2.311,0,0,1-.7-1.7v-16.8a2.311,2.311,0,0,1,.7-1.7,2.311,2.311,0,0,1,1.695-.7h1.2V-880H126v2.4h9.6V-880H138v2.4h1.2a2.311,2.311,0,0,1,1.695.7,2.311,2.311,0,0,1,.705,1.7v16.8a2.311,2.311,0,0,1-.705,1.7,2.311,2.311,0,0,1-1.695.7Zm0-2.4h16.8v-12H122.4Zm0-14.4h16.8v-2.4H122.4Zm0,0v0Z" transform="translate(-120 880)" fill="#069"/>
578 </svg>
579
580 <p class="v-c-cards-eventos--content-txt my-0 f-s-16 f-s-r-16 txt-color-dark">
581 <span class="f-w-b">Fecha:</span> <span class="f-w-r">`+(event.eventDateOnTxt.data)+`</span>
582 </p>
583 </div>
584 <div class="v-c-cards-eventos--content-info-item">
585 <svg class="v-c-cards-eventos--content-icon" xmlns="http://www.w3.org/2000/svg" width="19.2" height="24" viewBox="0 0 19.2 24">
586 <path id="location_on_24dp_5F6368_FILL0_wght400_GRAD0_opsz24" d="M169.6-868a2.311,2.311,0,0,0,1.695-.7,2.311,2.311,0,0,0,.705-1.7,2.311,2.311,0,0,0-.705-1.7,2.311,2.311,0,0,0-1.695-.705,2.311,2.311,0,0,0-1.7.705,2.311,2.311,0,0,0-.705,1.7,2.311,2.311,0,0,0,.705,1.7A2.311,2.311,0,0,0,169.6-868Zm0,8.82a33.024,33.024,0,0,0,5.43-6.1,9.317,9.317,0,0,0,1.77-4.875,7.249,7.249,0,0,0-2.085-5.355A6.955,6.955,0,0,0,169.6-877.6a6.954,6.954,0,0,0-5.115,2.085,7.249,7.249,0,0,0-2.085,5.355,9.317,9.317,0,0,0,1.77,4.875A33.023,33.023,0,0,0,169.6-859.18Zm0,3.18a39.892,39.892,0,0,1-7.215-7.635A11.873,11.873,0,0,1,160-870.16a9.28,9.28,0,0,1,2.9-7.17A9.59,9.59,0,0,1,169.6-880a9.59,9.59,0,0,1,6.7,2.67,9.28,9.28,0,0,1,2.9,7.17,11.873,11.873,0,0,1-2.385,6.525A39.893,39.893,0,0,1,169.6-856ZM169.6-870.4Z" transform="translate(-160 880)" fill="#069"/>
587 </svg>
588 <p class="v-c-cards-eventos--content-txt my-0 f-s-16 f-s-r-16 txt-color-dark">
589 <span class="f-w-b">Lugar:</span> <span class="f-w-r">`+(event.eventPlace.data)+`</span>
590 </p>
591 </div>
592 <div class="v-c-cards-eventos--content-info-item">
593 <svg class="v-c-cards-eventos--content-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
594 <path id="schedule_24dp_5F6368_FILL0_wght400_GRAD0_opsz24" d="M95.96-862.36l1.68-1.68-4.44-4.44V-874H90.8v6.48ZM92-856a11.685,11.685,0,0,1-4.68-.945,12.118,12.118,0,0,1-3.81-2.565,12.119,12.119,0,0,1-2.565-3.81A11.685,11.685,0,0,1,80-868a11.686,11.686,0,0,1,.945-4.68,12.118,12.118,0,0,1,2.565-3.81,12.116,12.116,0,0,1,3.81-2.565A11.685,11.685,0,0,1,92-880a11.685,11.685,0,0,1,4.68.945,12.116,12.116,0,0,1,3.81,2.565,12.118,12.118,0,0,1,2.565,3.81A11.686,11.686,0,0,1,104-868a11.685,11.685,0,0,1-.945,4.68,12.119,12.119,0,0,1-2.565,3.81,12.118,12.118,0,0,1-3.81,2.565A11.685,11.685,0,0,1,92-856ZM92-868Zm0,9.6a9.254,9.254,0,0,0,6.795-2.8,9.255,9.255,0,0,0,2.8-6.8,9.254,9.254,0,0,0-2.8-6.795A9.255,9.255,0,0,0,92-877.6a9.255,9.255,0,0,0-6.795,2.8A9.254,9.254,0,0,0,82.4-868a9.255,9.255,0,0,0,2.8,6.8A9.254,9.254,0,0,0,92-858.4Z" transform="translate(-80 880)" fill="#069"/>
595 </svg>
596 <p class="v-c-cards-eventos--content-txt my-0 f-s-16 f-s-r-16 txt-color-dark">
597 <span class="f-w-b">Hora:</span> <span class="f-w-r">`+(event.eventTime.data)+`</span>
598 </p>
599 </div>
600 </div>
601 <div class="v-c-cards-eventos--content-cta">
602 <a class="v-c-cards-eventos--content-btn v-o-button__size-n v-o-button__`+buttonType+`" target="`+buttonTarget+`" href="`+buttonURL+`" title="`+buttonTxt+`">`+buttonTxt+`</a>
603 </div>
604 </div>
605 </div>
606 </div>
607 </section>
608 </div>
609 `;
610 eventsCardsZone.append(eventCardHTML);
611 }
612 });
613}
614
615function getValueByLabel(selectedLabel, options) {
616 const foundItem = options.find(item => item.label === selectedLabel);
617 return foundItem ? foundItem.value : null;
618}
619
620
621</script>
Galería de fotos
-
Evento Medellín 2018
Fecha: 17/12/2018
Fotos del evento en Medellín con nuestros amiguitos del programa
-
-
Tarjetas de mis cumpleaños
Fecha: 04/12/2018
Mira aquí las tarjetas que me enviaron mis amiguit@s en mi cumpleaños. Muchas gracias a todos.