Summer 2022 Title Top HTML

      
Κάθε μέρα, ένα νέο νησί με κρυμμένους θησαυρούς

Εκδότης Αντικειμένων

Ένα σφάλμα εμφανίστηκε κατά την επεξεργασία του προτύπου.
The following has evaluated to null or missing:
==> offerArray[2]  [in template "20116#20152#754091" at line 540, column 21]

----
Tip: It's the final [] step that caused this error, not those before it.
----
Tip: If the failing expression is known to be 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: #assign offerDay = offerArray[2]?number  [in template "20116#20152#754091" at line 540, column 1]
----
1<style> 
2.date_container{ 
3    position: relative; 
4    width: 100%; 
5
6 
7#the_sea{ 
8    display: none; 
9
10.terms-container{ 
11    font-weight: 400; 
12
13.linkback_span{ 
14    padding-left: 6px; 
15
16 
17.no-padds{ 
18    padding-left: 0 !important; 
19    padding-right: 0 !important; 
20
21 
22.glyphicon{ 
23    font-size: 16px; 
24    display: inline-block; 
25    font-family: "Glyphicons Halflings"; 
26    font-style: normal; 
27    font-weight: normal; 
28    line-height: 1; 
29    -webkit-font-smoothing: antialiased; 
30
31 
32    .taglib-social-bookmarks{ 
33        display: none; 
34
35     
36    .terms-content ol li{ 
37        padding-left: 10px; 
38
39 
40    .portlet-asset-publisher .portlet-title-text, 
41    .portlet-asset-publisher .header-title, 
42    .portlet-asset-publisher .h2 { 
43        display: none; 
44
45     
46    .terms-content p:last-child{ 
47    margin-bottom: 0px!important; 
48
49     
50    .img-container { 
51        position: relative; 
52        overflow: hidden; 
53        width: 100%; 
54        height: 470px; 
55        background-position: center !important; 
56        background-repeat: no-repeat !important; 
57        font-family: 'OPAPExt'; 
58        border-radius: 8px; 
59
60     
61    .old { 
62        filter: grayscale(100%) 
63
64     
65    .img-container:after { 
66        content:''; 
67        position:absolute; 
68        left:0;  
69        top:0; 
70        width:100%;  
71        height:100%; 
72        display:inline-block; 
73        // background: rgb(255,158,3); 
74        // background: -moz-linear-gradient(180deg, rgba(0,2,16,0) 0%, rgba(204,4,4,1) 100%); 
75        // background: -webkit-linear-gradient(180deg, rgba(0,2,16,0) 0%, rgba(204,4,4,1) 100%); 
76        // background: linear-gradient(180deg, rgba(0,2,16,0) 0%, rgba(204,4,4,1) 100%); 
77           background-color: rgb(0, 0, 0); opacity: 0.502; 
78        // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff9e03",endColorstr="#ff0a00",GradientType=1); 
79
80     
81    .old:after { 
82 
83
84         
85    .img-container .corner-ribbon { 
86		width: 15%; 
87	    background: #ffbc5d; 
88	    color: #ffbc5d; 
89	    position: absolute; 
90	    top: 25px; 
91	    line-height: 32px; 
92	    right: -6px; 
93	    -ms-transform: rotate(45deg); 
94	    -webkit-transform: rotate(45deg); 
95	    transform: rotate(45deg); 
96	    z-index: 1; 
97
98	 
99	.img-container .corner-ribbon:before, 
100	.img-container .corner-ribbon:after { 
101		content: ''; 
102		position: absolute; 
103		top:0; 
104		margin: 0 -1px; /* tweak */ 
105		width: 100%; 
106		height: 100%; 
107		background: #ffbc5d; 
108
109	 
110	.img-container .ribbon_old:before, 
111	.img-container .ribbon_old:after{ 
112	    filter: grayscale(1); 
113
114	 
115	.img-container .corner-ribbon:before { 
116		right:100%; 
117
118	 
119	.img-container .corner-ribbon:after { 
120		left:100%; 
121
122	 
123	.img-container .external-url { 
124        padding: 7px 50px; 
125        border: 1px solid rgb(204, 4, 4); 
126        background-color: rgb(204, 4, 4); 
127        z-index: 1; 
128        color: #fff !important; 
129        text-decoration: none !important; 
130        font-family: 'SourceSansPro'; 
131        font-weight: bold; 
132        font-size: 28px; 
133        border-radius: 8px; 
134
135	 
136	.img-container .url_old { 
137        filter: grayscale(1); 
138        background: transparent !important; 
139        pointer-events: none; 
140        cursor: default; 
141        border: 1px solid rgb(255 255 255); 
142
143	 
144	.date-text { 
145	    font-family: 'SourceSansPro'; 
146	    position: absolute; 
147        z-index: 1; 
148        top: 43px; 
149        background: #fff; 
150        left: 5%; 
151        text-align: center; 
152        width: 95px; 
153        text-transform: uppercase; 
154        height: 110px; 
155        color: #404952; 
156        font-weight: bold; 
157        font-size: 18px; 
158        border-bottom-left-radius: 8px; 
159        border-bottom-right-radius: 8px; 
160        padding-top: 10px; 
161 
162
163	 
164	.date_old{ 
165	    filter: grayscale(1); 
166	    background: #fff; 
167
168	 
169    .date-text .date-div { 
170        font-size: 42px; 
171        font-weight: 700; 
172        margin: -11%; 
173
174	 
175	.day-div{ 
176	    margin-top: 5%; 
177
178	 
179	.img-container .offer-title { 
180	    font-family: 'SourceSansPro'; 
181	    position: absolute; 
182        top: 45%; 
183        left: 50%; 
184        border-radius: 5px; 
185        -webkit-transform: translate(-50%, -40%); 
186        -moz-transform: translate(-50%, -40%); 
187        -ms-transform: translate(-50%, -40%); 
188        -o-transform: translate(-50%, -40%); 
189        transform: translate(-50%, -40%); 
190        color: #fff; 
191        font-weight: bold; 
192        font-size: 48px; 
193        z-index: 1; 
194        width: 90%; 
195        max-width: 90%; 
196        padding: 5px 80px; 
197        text-align: center; 
198        text-shadow: 2px 2px black; 
199        line-height: 48px; 
200        -webkit-line-clamp: 2; 
201        -line-clamp: 2; 
202        display: -webkit-box; 
203        -webkit-box-orient: vertical; 
204        overflow: hidden; 
205
206	 
207	.img-container .offer-description { 
208	    font-family: 'SourceSansPro'; 
209        color: #fff; 
210        font-weight: 400; 
211        font-size: 30px; 
212        z-index: 1; 
213        width: 90%; 
214        text-align: center; 
215        text-shadow: 2px 2px rgb(0 0 0); 
216        line-height: 1.1; 
217        margin: 0 auto 30px; 
218        display: -webkit-box; 
219        -webkit-line-clamp: 4; 
220        -webkit-box-orient: vertical; 
221        overflow: hidden; 
222        text-overflow: ellipsis; 
223
224	 
225	.img-container .desc-url-container { 
226	    position: absolute; 
227        bottom: 20px; 
228        left: 50%; 
229        -webkit-transform: translateX(-50%); 
230        -moz-transform: translateX(-50%); 
231        -ms-transform: translateX(-50%); 
232        -o-transform: translateX(-50%); 
233        transform: translateX(-50%); 
234        z-index: 1; 
235        width: 100%; 
236        text-align: center; 
237        padding: 10px 0; 
238
239	 
240	.terms-container { 
241	    overflow: hidden; 
242        margin: 25px 0; 
243        color: #fff; 
244        background-color: rgba(0,0,0,.6); 
245        padding: 40px; 
246        border-radius: 8px; 
247        height: 722px; 
248        max-height: 722px; 
249
250	 
251	.terms-container .terms-title { 
252	    text-align: center; 
253        font-weight: bold; 
254        font-size: 32px; 
255        margin-bottom: 40px; 
256        font-weight: 700; 
257
258	 
259	.terms-container .terms-content { 
260	    overflow-y: auto; 
261        max-height: 550px; 
262        padding-right: 40px; 
263        overflow-x: hidden; 
264
265	 
266	.terms-content p{ 
267	    font-size: 16px; 
268
269	 
270.terms-container .terms-content::-webkit-scrollbar { 
271    width: 12px; 
272    scrollbar-width: auto; 
273    scrollbar-color: #000000 #ffffff; 
274
275 
276/* Track */ 
277.terms-container .terms-content::-webkit-scrollbar-track { 
278    -webkit-box-shadow: inset 0 0 6px #ffffff;  
279    border-radius: 10px; 
280    background: #ffffff;  
281
282      
283/* Handle */ 
284.terms-container .terms-content::-webkit-scrollbar-thumb { 
285    -webkit-border-radius: 10px; 
286    border-radius: 10px; 
287    background: #404952; 
288    border: 2.5px solid #ffffff; 
289
290     
291.terms-container .terms-content::-webkit-scrollbar-thumb:window-inactive { 
292    background: #404952; 
293
294     
295.terms-container .terms-content{ 
296    scrollbar-width: thin; 
297    scrollbar-color: #404952 rgba(255,255,255,0.8);  
298
299     
300    .terms-container .read-more, 
301    .show-more-terms{ 
302        display: none; 
303
304     
305    .back-link-row { 
306        margin: 0 20px 20px 35px; 
307        display: flex; 
308        align-items: center; 
309        gap: 5px; 
310        color: white; 
311
312     
313    .back-link-row a { 
314        color: #404952; 
315        text-shadow: 2px 2px rgb(0 0 0 / 30%);   
316        font-weight: 400; 
317        display: flex; 
318        align-items: center; 
319
320     
321    .faq-container p{ 
322        font-size: 20px; 
323
324     
325    .back-link-row a:hover{ 
326        text-decoration: none; 
327
328     
329    .back-link-row .glyphicon-chevron-left:hover{ 
330        text-decoration: none;   
331
332     
333    .back-link-row .linkback_span:hover { 
334        color: #eb2627 !important; 
335        text-decoration: underline; 
336
337     
338    .img-container .corner-ribbon-image { 
339        position: absolute; 
340	    top: -4px; 
341	    right: -4px; 
342
343     
344    abbr { 
345        text-decoration: none !important; 
346        border: none !important; 
347
348     
349    @media screen and (max-width: 1200px) { 
350        .img-container .offer-title { 
351            top: 40%; 
352
353        
354         .terms-container{ 
355             margin: 10px 0 60px 0; 
356
357
358    @media screen and (max-width: 992px) { 
359        .no-padds{ 
360            padding-left: 20px !important; 
361            padding-right: 20px !important; 
362        }     
363
364     
365    @media screen and (max-width: 768px) { 
366         
367         .back-link-row{ 
368           margin: 0 20px 20px 0; 
369
370
371    @media screen and (max-width: 767px) { 
372        .back-link-row { 
373            margin: 20px -15px; 
374
375         
376        .terms-content p{ 
377            font-size: 16px; 
378
379         
380        .terms-container{ 
381            padding: 20px; 
382            height: auto; 
383            max-height: none; 
384
385         
386         
387        .terms-container .terms-title { 
388            text-align: left; 
389            font-size: 18px; 
390            margin-bottom: 20px; 
391            line-height: 20px; 
392            margin-left: 5px; 
393
394    	 
395    	.terms-container .terms-content { 
396    	    margin-left: -10px; 
397    	    overflow: hidden; 
398            position: relative; 
399            max-height: 250px; 
400            padding-right: 0px; 
401            -webkit-mask-image: -webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); 
402            -webkit-transition: all 0.3s ease-in; 
403            -moz-transition: all 0.3s ease-in; 
404            -o-transition: all 0.3s ease-in; 
405            transition: all 0.3s ease-in; 
406
407    	 
408    	 
409    	.show-more-terms { 
410    	    display: block; 
411            width: 100%; 
412            text-align: center; 
413            padding: 5px 0; 
414            border: 1px solid #fff; 
415            margin-top: 15px; 
416            cursor: pointer; 
417            border-radius: 12.5px; 
418            font-weight: 400; 
419            width: 95%; 
420            margin: auto; 
421
422         
423        .img-container{ 
424            background-repeat: no-repeat !important; 
425            height: 380px; 
426            background-size: cover !important; 
427            background-position-x: center !important; 
428
429 
430         
431        .date-text { 
432            padding: 2px 10px; 
433            font-size: 16px; 
434            width: 75px; 
435            height: 74px; 
436            top: 0; 
437
438         
439        .date-text .date-div { 
440    	    font-size: 28px; 
441    	    margin: -17%; 
442
443    	 
444    .img-container .offer-title { 
445        font-size: 30px; 
446        top: 23%; 
447        width: 95%; 
448        left: 5%; 
449        -webkit-transform: none; 
450        -moz-transform: none; 
451        -ms-transform: none; 
452        -o-transform: none; 
453        transform: none; 
454        text-align: left; 
455        padding: 0; 
456        display: -webkit-box; 
457        -webkit-line-clamp: 3; 
458        line-clamp: 3; 
459        -webkit-box-orient: vertical; 
460        overflow: hidden; 
461        text-overflow: ellipsis; 
462        line-height: 30px; 
463
464    	 
465    	.img-container .desc-url-container { 
466    	    bottom: 0; 
467            padding: 15px; 
468            background: #0a7991;; 
469            width: 101%; 
470
471    	 
472    	.img-container .offer-description { 
473    	    font-size: 16px; 
474            width: 100%; 
475            margin: 0 3% 20px; 
476            text-align: left; 
477            line-height: 20px; 
478            padding-right: 25px; 
479
480    	 
481    	 .faq-container b{ 
482            font-weight: normal !important; 
483
484    	.img-container .external-url { 
485    	    padding: 5px 30px; 
486            font-size: 18px; 
487            display: block; 
488            border-radius: 12.5px; 
489            margin: auto; 
490            width: 95%; 
491
492    	.img-container .external-urlOld { 
493    	    padding: 5px 30px; 
494            font-size: 18px; 
495            display: block; 
496
497    	 
498    	.img-container .corner-ribbon { 
499    	    width: 20%; 
500    	    line-height: 25px; 
501
502    	 
503    	.img-container .corner-ribbon-image { 
504    	    max-width: 90px !important; 
505
506
507    @media screen and (max-width: 500px) { 
508      
509        .back-link-row{ 
510            margin: 10px 0px 20px -15px; 
511
512         
513        .linkback_span { 
514         padding-left: 5px; 
515
516
517</style> 
518 
519<#assign curLangId = themeDisplay.getLanguageId()> 
520<#assign twoLettersLang = curLangId?split("_")[0]> 
521<#assign backText = "Back to Home (Calendar)"/> 
522<#assign termsTitle = "TERMS & CONDITIONS"/> 
523<#assign termsButtonText = "SHOW ALL TERMS"/> 
524<#if twoLettersLang = "el"> 
525    <#assign backText = "Επιστροφή στην Αρχική (Ημερολόγιο)"/> 
526    <#assign termsTitle = "ΟΡΟΙ KAI ΠΡΟΫΠΟΘΕΣΕΙΣ"/> 
527    <#assign termsButtonText = "ΔΕΙΤΕ ΠΕΡΙΣΣΟΤΕΡΟΥΣ ΟΡΟΥΣ"/> 
528</#if> 
529<#assign aDateTime = .now> 
530<#assign aDate = aDateTime?date?iso_local> 
531<#assign dateFormat1 = "EEE"/> 
532<#assign dateFormat1Full = "EEEEE"/> 
533<#assign dateFormat2 = "dd" /> 
534<#assign dateFormat3 = "MMM" /> 
535<#assign dateFormat3Full = "MMMMM" /> 
536<#assign offerDate_Data = getterUtil.getString(offerDate.getData())/> 
537<#assign offerDay = offerDate_Data /> 
538<#assign todayDay = aDate /> 
539<#assign offerArray = offerDate_Data?split("-") /> 
540<#assign offerDay = offerArray[2]?number /> 
541<#assign offerMonth = offerArray[1]?number /> 
542<#assign offerYear = offerArray[0]?number /> 
543<#assign currentArray = aDate?split("-") /> 
544<#assign todayDay = currentArray[2]?number /> 
545<#assign todayMonth = currentArray[1]?number /> 
546<#assign todayYear = currentArray[0]?number /> 
547<div class="container-fluid-1280 no-padds"> 
548    <div class="row"> 
549        <div class="col-sm-12 back-link-row"> 
550            <a href="/ps-summer-treasures"> 
551            <span class="glyphicon glyphicon-chevron-left"></span> 
552            <span class="linkback_span">${backText}</span></a> 
553        </div> 
554    <#if (offerYear > todayYear)> 
555        <#assign containerClass = "img-container" /> 
556        <#assign dateClass = "date-text" /> 
557        <#assign externalClass = "external-url" /> 
558        <#assign ribbonClass = "corner-ribbon-image" /> 
559        <#if twoLettersLang = "el"> 
560            <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
561        <#else>     
562            <#assign externalUrlText = "CLICK HERE"/> 
563        </#if> 
564    <#elseif offerYear == todayYear> 
565        <#if (offerMonth > todayMonth)> 
566            <#assign containerClass = "img-container" /> 
567            <#assign dateClass = "date-text" /> 
568            <#assign externalClass = "external-url" /> 
569            <#assign ribbonClass = "corner-ribbon-image" /> 
570            <#if twoLettersLang = "el"> 
571                <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
572            <#else>     
573                <#assign externalUrlText = "CLICK HERE"/> 
574            </#if> 
575        <#elseif offerMonth == todayMonth>       
576            <#if offerDay < todayDay> 
577                <#assign containerClass = "img-container old" /> 
578                <#assign dateClass = "date-text date_old" /> 
579                <#assign externalClass = "external-url url_old" /> 
580                <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
581                <#if twoLettersLang = "el"> 
582                    <#assign externalUrlText = "ΕΛΗΞΕ"/> 
583                <#else>     
584                    <#assign externalUrlText = "EXPIRED"/> 
585                </#if> 
586            <#else> 
587                <#assign containerClass = "img-container" /> 
588                <#assign dateClass = "date-text" /> 
589                <#assign externalClass = "external-url" /> 
590                <#assign ribbonClass = "corner-ribbon-image" /> 
591                <#if twoLettersLang = "el"> 
592                    <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
593                <#else>     
594                    <#assign externalUrlText = "CLICK HERE"/> 
595                </#if> 
596            </#if> 
597        <#else>         
598            <#assign containerClass = "img-container old" /> 
599            <#assign dateClass = "date-text date_old" /> 
600            <#assign externalClass = "external-url url_old" /> 
601            <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
602            <#if twoLettersLang = "el"> 
603                <#assign externalUrlText = "ΕΛΗΞΕ"/> 
604            <#else>     
605                <#assign externalUrlText = "EXPIRED"/> 
606            </#if> 
607        </#if>     
608    <#else>         
609        <#assign containerClass = "img-container old" /> 
610        <#assign dateClass = "date-text date_old" /> 
611        <#assign externalClass = "external-url url_old" /> 
612        <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
613        <#if twoLettersLang = "el"> 
614            <#assign externalUrlText = "ΕΛΗΞΕ"/> 
615        <#else>     
616            <#assign externalUrlText = "EXPIRED"/> 
617        </#if> 
618    </#if> 
619    <div class="row day-div"> 
620        <div class=""> 
621            <div class="date_container"> 
622                <div class="${dateClass}"> 
623                    <#if validator.isNotNull(offerDate_Data)> 
624                        <#assign offerDate_DateObj = dateUtil.parseDate("yyyy-MM-dd", offerDate_Data, locale)> 
625                        <div class=""> 
626                            <abbr title="${dateUtil.getDate(offerDate_DateObj, dateFormat1Full, locale)}"> 
627                                ${dateUtil.getDate(offerDate_DateObj, dateFormat1, locale)} 
628                            </abbr> 
629                        </div> 
630                        <div class="date-div"> 
631                            ${dateUtil.getDate(offerDate_DateObj, dateFormat2, locale)} 
632                        </div> 
633                        <div class="month-div"> 
634                            <abbr title="${dateUtil.getDate(offerDate_DateObj, dateFormat3Full, locale)}"> 
635                                ${dateUtil.getDate(offerDate_DateObj, dateFormat3, locale)} 
636                            </abbr>                              
637                        </div> 
638                    </#if> 
639                </div> 
640            </div> 
641            <div class="${containerClass}" style="background: url('${landingPageImage.getData()}')"> 
642                <div class="offer-title">${offerTitle.getData()}</div> 
643                <div class="desc-url-container"> 
644                    <div class="offer-description">${offerDescription.getData()}</div> 
645                    <a href="${offerURL.getData()}" class="${externalClass}" target="_self"> 
646                        ${externalUrlText} 
647                    </a> 
648                </div> 
649            </div> 
650             
651            <div class="terms-container" id="terms-container"> 
652                <div class="terms-title">${termsTitle}</div> 
653                <div class="terms-content"> 
654                    ${offerTerms.getData()} 
655                </div> 
656                <div class="show-more-terms">${termsButtonText}</div> 
657            </div> 
658        </div> 
659    </div> 
660</div> 
661 
662<script> 
663    $(document).on('click', '.show-more-terms', function() { 
664        $('.terms-content').css('-webkit-mask-image', 'unset'); 
665        $('.terms-content').css('max-height', '9999px'); 
666        $(this).hide(); 
667    }) 
668     
669    $(document).on('click', '.external-url', function(e) { 
670        e.preventDefault(); 
671        if (window.outerWidth >= 768) { 
672            window.location = '${offerURL.getData()}'; 
673
674        else { 
675            if ('${offerURLMobile.getData()}' !== '') { 
676                window.location = '${offerURLMobile.getData()}'; 
677
678            else { 
679                window.location = '${offerURL.getData()}'; 
680
681
682    }) 
683</script>