Μενού πλοήγησης

 
 
 
 
 
 

test

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

----
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: ${BackgroundImageDesktop.getData()}  [in template "20116#20152#711321" at line 33, column 32]
----
1<style> 
2 
3    .red{ 
4        color: #eb2d32; 
5
6     
7    .terms_btn{ 
8        font-size: 11px !important; 
9        font-family: "OpapMediumItalic"; 
10        color: rgb(255, 255, 255); 
11        text-transform: none !important; 
12        line-height: 21px; 
13        text-align: center; 
14        background-color: rgb(35, 38, 51); 
15        height: 38px; 
16        margin-top: 20px; 
17        width: 300px; 
18        font-style: italic; 
19        border-radius: 4px; 
20
21     
22        .terms_btn:hover{ 
23            color: rgb(255, 255, 255); 
24
25    .bottom_ctas { 
26        position: absolute; 
27        left: 50%; 
28        transform: translateX(-50%); 
29        bottom: 200px; 
30
31     
32    body{ 
33        background-image: url("${BackgroundImageDesktop.getData()}"); 
34        background-repeat: no-repeat; 
35        background-position: center 0px; 
36        background-size: cover; 
37        background-color: #000210; 
38
39     
40     
41    .full_screen_container{ 
42        top: 5vh; 
43        position: relative; 
44        display: flex; 
45        flex-direction: row; 
46        flex-wrap: wrap; 
47        align-items: center; 
48        justify-content: space-around; 
49          min-height: 860px;   
50        margin-bottom: 50px !important; 
51
52     
53    .promo_container{ 
54        float: right; 
55        padding: 30px 0; 
56        background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0.4)); 
57        border-radius: 100px; 
58        border-right: 2px solid; 
59        border-left: 2px solid; 
60        border-left-color: red; 
61        border-right-color: red; 
62        height: 174px; 
63        margin-top: -600px; 
64
65     
66    .container_bottom{ 
67        position: relative; 
68        bottom: 10px; 
69
70     
71    .promo_text p{ 
72        font-size: 26px !important; 
73        font-family: "OpapMediumItalic"; 
74        color: rgb(255, 255, 255); 
75        text-transform: none !important; 
76        line-height: 34px; 
77        text-align: center; 
78        margin: 0 auto 5px auto; 
79        width: 85%; 
80        max-height: 235px; 
81        font-weight: 800; 
82        overflow: hidden; 
83        -webkit-line-clamp: 8; 
84        display: -webkit-box; 
85        line-clamp: 8; 
86        -webkit-box-orient: vertical; 
87        white-space: break-spaces; 
88
89     
90     .terms_link{ 
91        display: flex; 
92        justify-content: center; 
93
94    #footer{ 
95        display: none; 
96
97     
98 
99     
100  .green_container{ 
101        border-radius: 3px; 
102        background-color: rgb(27, 152, 0); 
103        margin: auto; 
104        text-align: center; 
105        width: 300px; 
106        height: 60px; 
107
108     
109     .green_container .btn{ 
110        font-size: 18px !important; 
111        font-family: "OpapMediumItalic"; 
112        color: rgb(255, 255, 255); 
113        font-weight: 800; 
114        text-transform: uppercase; 
115        line-height: 45px; 
116        text-align: center; 
117        font-style: italic; 
118
119     
120    .img_container{ 
121     
122
123     
124    .promo_img{ 
125        margin: auto; 
126        max-width: 100%; 
127
128     
129      
130    
131    .new_footer{ 
132        width: 100vw; 
133        position: fixed; 
134        bottom: -1px; 
135        left: 0; 
136        background-color: black; 
137        height: 38px; 
138        align-items: center; 
139        justify-content: center; 
140        opacity: 0; 
141        display: none; 
142
143     
144    .opac{ 
145            opacity: 1; 
146            display:flex; 
147
148     
149    .footer_text { 
150        font-family: "OPAPExt"; 
151        color: rgb(255, 255, 255); 
152        text-transform: uppercase; 
153        text-align: center; 
154        font-size: 14px; 
155
156     
157     
158    .footer_text .thumb_up_by_alex{ 
159      margin-left: 15px; 
160
161     
162    .collapsedlogin{ 
163        display: none !important; 
164
165     
166     
167      .order1{ 
168        padding: 0; 
169        order: 1; 
170        display: flex; 
171        align-items: center; 
172        justify-content: center; 
173        padding: 0; 
174        margin: -500px 0 0 0; 
175         
176
177    .order2{ 
178        padding: 0; 
179        order: 2; 
180        display: flex; 
181        align-items: center; 
182        justify-content: center; 
183        padding: 0; 
184         
185
186     
187     .order3 { 
188        padding: 0; 
189        order: 3; 
190        display: flex; 
191        flex-direction: column; 
192        align-items: center; 
193        justify-content: center; 
194        padding: 0; 
195
196 
197     
198        @media screen and (max-width: 1280px){ 
199     .promo_text p{ 
200        line-height: 30px; 
201
202
203      
204       
205      
206    @media screen and (max-width: 1024px){ 
207      body{ 
208      background-position: center right; 
209
210
211     
212      @media screen and (max-width: 1016px){ 
213        .promo_container{ 
214            padding: 15px 0; 
215
216 
217
218     
219     
220    @media screen and (max-width: 992px){ 
221        .promo_container{ 
222            padding: 30px 0; 
223
224       
225        .full_screen_container{ 
226            justify-content: center; 
227            margin-bottom: 75px !important; 
228
229         
230        .promo_img{ 
231            max-width: 100% !important; 
232            width: 100%; 
233
234        
235         
236        .img_container{ 
237            display: flex; 
238
239         
240        .marketing_title{ 
241            font-size: 36px; 
242            font-weight: 500; 
243            margin-bottom: 10px; 
244            line-height: 38px; 
245
246         
247        .marketing_sub{ 
248            font-size: 20px; 
249            line-height: 22px; 
250
251         
252        .thumb_up_by_alex{ 
253            margin: 10px 0; 
254
255         
256        .promo_container{ 
257            height: 200px; 
258
259
260     
261      
262    @media screen and (max-width: 767px){ 
263    
264       
265      body{ 
266            background-position: center right; 
267
268       
269        .new_footer { 
270            height: 80px; 
271            background-color: rgb(0, 2, 16);   
272
273         
274        .footer_text { 
275            padding: 0 20px; 
276
277          
278 
279      .bottom_ctas { 
280        bottom: 200px; 
281
282
283     
284  @media screen and (max-width: 560px){    
285   
286      
287
288 
289   
290  @media screen and (max-width: 411px){   
291         .new_footer { 
292        height: 100px; 
293
294
295  @media screen and (max-width: 500px){    
296     
297        body{ 
298            background-image: url("${BackgroundImageMobile.getData()}"); 
299            background-position: center -30px; 
300
301     
302     
303      .promo_text p{  
304        margin: 10px auto 5px auto; 
305        -webkit-line-clamp: 9; 
306        line-clamp: 9; 
307        width: 82%; 
308        font-weight: 700; 
309        line-height: 25px; 
310         
311
312      
313       
314      .cta_container { 
315         width: 100%; 
316
317         
318        .green_container{ 
319            width: 95%; 
320
321       
322     .bottom_ctas{ 
323        bottom: 165px; 
324
325     .promo_container { 
326        margin-top: -600px; 
327        border-radius: 87px; 
328        padding: 30px 0; 
329        height: 277px; 
330        background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0)); 
331 
332         
333
334      .terms_link{ 
335        padding: 0; 
336        width: 95%; 
337
338    
339    .terms_link a{ 
340    width: 100%; 
341
342     
343    .terms_btn{ 
344        width: 100%; 
345
346     
347    .order1{ 
348        margin: -590px 0 0 0; 
349
350
351   
352   
353   
354 
355     
356</style> 
357<#assign curLangId = themeDisplay.getLanguageId()> 
358<#assign twoLettersLang = curLangId?split("_")[0]> 
359<#assign  
360    termsTitle = "Terms & Conditions" 
361    regulate = "21+ | REGULATED BY: HELLENIC GAMING COMMISSION (HGC) | ADDICTION RISKS AND ASSET LOSS HELP LINE: 1114" 
362    image ="/documents/159260/0/rg-badge-footer-en.png" 
363/> 
364<#if twoLettersLang = "el"> 
365    <#assign  
366        termsTitle = "Όροι και Προϋποθέσεις" 
367        regulate = "ΑΡΜΟΔΙΟΣ ΡΥΘΜΙΣΤΗΣ ΕΕΕΠ | Η ΣΥΜΜΕΤΟΧΗ ΣΕ ΤΥΧΕΡΑ ΠΑΙΓΝΙΑ ΕΠΙΤΡΕΠΕΤΑΙ ΜΟΝΟ ΣΕ ΑΤΟΜΑ ΑΝΩ ΤΩΝ 21 ΕΤΩΝ Η ΣΥΧΝΗ ΣΥΜΜΕΤΟΧΗ ΕΝΕΧΕΙ ΚΙΝΔΥΝΟ ΕΘΙΣΜΟΥ ΚΑΙ ΑΠΩΛΕΙΑΣ ΠΕΡΙΟΥΣΙΑΣ | ΓΡΑΜΜΗ ΣΤΗΡΙΞΗΣ: 1114" 
368        image="/documents/159260/0/rg-badge-footer-gr.png" 
369    /> 
370</#if> 
371 
372<div class="row full_screen_container"> 
373    <div class="col-xs-12 col-sm-8 promo_container order2"> 
374        <div class="promo_text"> 
375            <div class="loggedOUT"> 
376                <#if TermsHref.TermsGuestText.getSiblings()?has_content> 
377    	               <#list TermsHref.TermsGuestText.getSiblings() as cur_TermsHref> 
378    	                    <p> 
379    		                    ${cur_TermsHref.getData()} 
380    		                </p> 
381    	                </#list> 
382                </#if> 
383            </div> 
384            <div class="loggedIN collapsedlogin"> 
385                <#if TermsHref.TermsLoggedInText.getSiblings()?has_content> 
386    	               <#list TermsHref.TermsLoggedInText.getSiblings() as cur_TermsHref2> 
387    	                    <p> 
388    		                    ${cur_TermsHref2.getData()} 
389    		                </p>       
390    	                </#list> 
391                </#if> 
392            </div> 
393        </div> 
394    </div> 
395    <div class="col-xs-12 order1"> 
396        <div class="img_container"> 
397            <#if getterUtil.getBoolean(HidePromoImageForGuest.getData())> 
398        	    <#if HidePromoImageForGuest.PromoImage.getData()?? && HidePromoImageForGuest.PromoImage.getData() != ""> 
399        	        <img class="promo_img" 
400        	        data-fileentryid="${HidePromoImageForGuest.PromoImage.getAttribute("fileEntryId")}"  
401        	        alt="${HidePromoImageForGuest.PromoImage.getAttribute("alt")}"  
402        	        src="${HidePromoImageForGuest.PromoImage.getData()}"  
403        	        /> 
404                </#if> 
405            </#if> 
406        </div> 
407    </div> 
408     <div class="col-xs-1 order4"> 
409    </div> 
410            <div class="col-xs-12 bottom_ctas order3"> 
411                <div class="cta_container"> 
412                    <a class="loggedOUT" href="${GreenCtAGuestHref.getData()}"> 
413                        <div class="green_container"> 
414                            <div class="btn"> 
415                                ${GreenCtAGuestHref.GreenCtAGuestText.getData()} 
416                            </div> 
417                        </div>     
418                    </a> 
419                    <a class="loggedIN collapsedlogin" href="${GreenCtALoggedInHref.getData()}"> 
420                        <div class="green_container"> 
421                            <div class="btn"> 
422                                ${GreenCtALoggedInHref.GreenCtALoggedInText.getData()} 
423                            </div> 
424                        </div>     
425                    </a> 
426                     
427                </div> 
428                <div class="col-xs-12 terms_link"> 
429                    <a href="${TermsHref.getData()}"> 
430                        <div class="btn terms_btn"> 
431                            ${termsTitle} 
432                        </div> 
433                    </a> 
434                </div> 
435            </div> 
436    </div> 
437<div class="new_footer"> 
438    <div class="footer_text"> 
439        ${regulate} <img class="thumb_up_by_alex" src=${image} alt=""/> 
440    </div>     
441<div> 
442 <script> 
443    var valid_session = "VALID_USER_SESSION"; 
444    var no_user = "NO_USER_SESSION"; 
445     
446    PubSub.subscribe(valid_session, function (msg, data) { 
447        if(msg === valid_session) { 
448            $(".loggedIN").each(function(){ 
449                $(this).removeClass("collapsedlogin") 
450            }) 
451            $(".loggedOUT").each(function(){ 
452                $(this).addClass("collapsedlogin") 
453            }) 
454
455    }); 
456     
457    PubSub.subscribe(no_user, function (msg, data) { 
458        if(msg === no_user) { 
459            $(".loggedIN").each(function(){ 
460                $(this).addClass("collapsedlogin") 
461            }) 
462            $(".loggedOUT").each(function(){ 
463                $(this).removeClass("collapsedlogin") 
464            }) 
465
466    }); 
467$(document.body).on('touchmove', onScroll); // for mobile 
468$(window).on('scroll', onScroll);  
469 
470// callback 
471function onScroll(){  
472    if( $(window).scrollTop() + window.innerHeight >= document.body.scrollHeight - 20 ) {  
473         $(".new_footer").addClass("opac") 
474        }else{ 
475            $(".new_footer").removeClass("opac") 
476
477
478     
479     
480     
481//js to change only "pamestoixima.gr color to red adding a span class  
482//first step: get parent element for logout 
483var promo_logoutElement = document.getElementsByClassName("loggedOUT")[0];     
484//second step: get paragraph of the parent element text 
485var text = promo_logoutElement.getElementsByTagName("p")[0].innerHTML; 
486 
487//set object to be replaced 'string' 
488var myObject = { 
489  name: 'Pamestoixima.gr' 
490
491 
492// maping the paragraph text with the string 
493var result = text.split(' ').map(function(word) { 
494  if (Object.values(myObject).includes(word)) { 
495    return '<span class="red">' + word + '</span>' 
496  } else { 
497    return word 
498
499}) 
500// final step: replace innerHTML of paragraph with the result of the map 
501promo_logoutElement.getElementsByTagName("p")[0].innerHTML = result.join(' '); 
502 
503//same for the loggedIN 
504var promo_loginElement = document.getElementsByClassName("loggedIN")[0];     
505//second step: get paragraph of the parent element text 
506var text = promo_loginElement.getElementsByTagName("p")[0].innerHTML; 
507 
508//set object to be replaced 'string' 
509var myObject = { 
510  name: 'Pamestoixima.gr' 
511
512 
513// maping the paragraph text with the string 
514var result = text.split(' ').map(function(word) { 
515  if (Object.values(myObject).includes(word)) { 
516    return '<span class="red">' + word + '</span>' 
517  } else { 
518    return word 
519
520}) 
521// final step: replace innerHTML of paragraph with the result of the map 
522promo_loginElement.getElementsByTagName("p")[0].innerHTML = result.join(' '); 
523 
524 
525</script>