null
Indietro

Heraricarica Business Duplica 1

Si è verificato un errore nell'elaborarazione del modello.
com.liferay.journal.service.JournalArticleServiceUtil

----
FTL stack trace ("~" means nesting-related):
	- Failed at: journalArticleServiceUtil = objectUti...  [in template "20099#20135#93622" at line 29, column 5]
	- Reached through: #assign-container  [in template "20099#20135#93622" at line 21, column 1]
----
1<style> 
2    #tariffa-excerpt .quote-section { 
3        padding-top: 50px !important; 
4
5 
6    @media (max-width: 991px) { 
7        #tariffa-excerpt .quote-section { 
8            padding-top: 130px !important; 
9        }    
10         
11        .fixed-widget-offerta-container { 
12            margin-top:68% !important; 
13
14
15     
16    .safari .showmobilewidget .btn { 
17        width: 100% !important; 
18
19     
20</style> 
21<#assign  
22	title=.vars['reserved-article-title'].data 
23	urlcustom=themeDisplay.getURLCurrent()?keep_before("?") 
24	tryurl=themeDisplay.getPortalURL()+themeDisplay.getURLCurrent()  
25    showWidget=false  
26    showForm=false 
27    showWidgetCallBack = false 
28    colClassSoluzioni="col-lg-12" 
29    journalArticleServiceUtil=objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
30    assetVocabularyServiceUtil=objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil")  
31    vocabularyId=0 
32    docCompare1="HC"  
33    docCompare2="HC"  
34/> 
35 
36<#assign solsottoscrizione=urlcustom+ "/sottoscrizione" /> 
37<#--  <#assign solnoproblemluce=urlcustom+ "/sottoscrizione-luce" /> 
38<#assign solnoproblemgas=urlcustom+ "/sottoscrizione-gas" />   --> 
39 
40<#if tryurl?contains("heracomm-nordest")> 
41 <#assign docCompare1="HNE" /> 
42 <#assign docCompare2="HNE" /> 
43 </#if> 
44 <#if urlcustom?contains("cmvenergia")> 
45 <#assign docCompare1="CMV" /> 
46 <#assign docCompare2="CMV" /> 
47 </#if> 
48 <#if tryurl?contains("heracomm-marche")> 
49    <#assign docCompare1="HCM" docCompare2="HCM" /> 
50</#if> 
51 <#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
52 	<#assign 
53 		vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroup().getParentGroupId()) 
54 		journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
55 	/> 
56 <#else> 
57 	<#assign 
58 		vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
59 		journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
60 	/> 
61 </#if> 
62 <#assign  
63 	assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
64    journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
65    hasLuce=false  
66    hasGas=false  
67    valueLuce=0  
68    valueGas=0 
69    formUrl = "soluzioni-sostenibili/sottoscrizione"  
70    target=""  
71    subtarget="" 
72	offerta = urlcustom?keep_after_last("/soluzioni-sostenibili/") 
73	prefUrl = urlcustom?keep_before("/soluzioni-sostenibili/") 
74	prefUrlCondividi = themeDisplay.getPortalURL() 
75 /> 
76 <#list vocabulariesList as vocabulary> 
77     <#assign vocabularyName = vocabulary.getName() /> 
78     <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
79         <#assign vocabularyId = vocabulary.getVocabularyId() /> 
80     </#if> 
81 </#list> 
82 <#if urlcustom?contains("/business/")> 
83     <#assign 
84         isCasa = false 
85         target = "business" 
86     /> 
87 	<#if urlcustom?contains("/business/")> 
88 		<#assign 
89 			subtarget = urlcustom?keep_after_last("/business/") 
90 			subtarget = subtarget?keep_before("/soluzioni-sostenibili/") 
91 		/> 
92 	</#if> 
93 <#else> 
94     <#assign 
95         isCasa = true 
96         target = "casa" 
97     /> 
98 </#if> 
99 <#assign 
100     formUrl = prefUrl + "/" + formUrl 
101     formSottoscriviUrl = urlcustom + "/richiesta-informazioni" 
102     completeUrl = prefUrlCondividi + urlcustom 
103 /> 
104 <#list journalArticleCategories as category> 
105     <#if category.vocabularyId == vocabularyId> 
106         <#switch category.name?lower_case> 
107             <#case "luce"> 
108                 <#assign 
109                     hasLuce = true 
110                     valueLuce = 1 
111                 /> 
112                 <#break /> 
113             <#case "gas"> 
114                 <#assign 
115                     hasGas = true 
116                     valueGas = 1 
117                 /> 
118                 <#break /> 
119             <#default> 
120                 <#break /> 
121         </#switch> 
122     </#if> 
123 </#list> 
124 <#if MostraWidgetAttivaOra??> 
125     <#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
126         <#assign 
127             showWidget = true 
128             colClassSoluzioni="col-lg-8" 
129         /> 
130     <#elseif MostraFormDiSottoscrizione??> 
131         <#if MostraFormDiSottoscrizione.getData()?? && MostraFormDiSottoscrizione.getData() == "si"> 
132             <#assign 
133                 showForm = true 
134                 colClassSoluzioni="col-lg-8" 
135             /> 
136         </#if> 
137     </#if> 
138 </#if> 
139 <#assign  
140 	showWidgetCallBack = MostraWidgetCallBack.getData() 
141 	titoloCallBack = "" 
142 	sottotitoloCallBack = "" 
143 /> 
144 <#-- Widget CallBack --> 
145 <#if showWidgetCallBack  == "si"> 
146 <#if TitoloWidgetCallBack?? && TitoloWidgetCallBack.SottotitoloWidgetCallBack??> 
147 	<#assign  
148 		titoloCallBack = TitoloWidgetCallBack.getData() 
149 		sottotitoloCallBack = TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData() 
150         colClassSoluzioni="col-lg-8" 
151 	/> 
152 </#if> 
153 <section id="widget-offerta" class="d-none d-lg-block"> 
154  		<div class="container position-relative"> 
155  			<div class="row"> 
156  				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3"> 
157  					<div class="fixed-widget-offerta-container py-5 text-center"> 
158  						<div class="fixed-widget-offerta-inner-container white-box position-relative px-4 pt-4 pb-3 mt-4" style="width: 300px;"> 
159  							<h4 class="gradient-text text-uppercase small bolder mb-1">${TitoloWidgetCallBack.getData()}</h4> 
160  							<div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
161                              <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 hide"> 
162                                  Hai scelto <strong class="offerta-type">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</strong> clicca su informazioni per continuare. 
163                              </div> 
164  						</div> 
165              <div class="white-two-bg position-relative px-4 pb-3" style="width: 300px;"> 
166                  <div class="pb-2"> 
167  					<div class="black-three bold letter-spacing-sm mb-2">SEI INTERESSATO?</div> 
168                    <a id="tichiamiamooff" class="btn gradient white font-weight-bold" href="#" style="font-size:14px"> 
169                        <i class="icon-phone-call title-mid white big align-sub mr-1"></i>Fatti richiamare 
170                      </a> 
171                  </div> 
172                  <div id="vvc-activate-box"> 
173                  </div> 
174                  <!-- <div class="col-xl-6 pb-2"> 
175                    <a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
176                      <i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
177                    </a> 
178                  </div> --> 
179                </div> 
180              </div> 
181  					</div> 
182  				</div> 
183  			</div> 
184  	</section> 
185  	<!-- Mobile--> 
186      <section class="container mobile d-lg-none"> 
187  		<div class="container position-relative"> 
188  			<div class="row"> 
189  				<div class="offset-lg-8 col-lg-4 px-0 px-sm-3"> 
190  					<div class="fixed-widget-offerta-container" style="margin-top: 0px;"> 
191  						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center px-4 pt-4 pb-3 mt-4"> 
192  							<h4 class="gradient-text text-uppercase small bolder mb-1">${TitoloWidgetCallBack.getData()}</h4> 
193  							<div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
194                              <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 hide"> 
195                                  Hai scelto <strong class="offerta-type">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</strong> clicca su informazioni per continuare. 
196                              </div> 
197  						</div> 
198              <div class="white-two-bg position-relative text-center px-2 pb-3"> 
199      					<div class="row"> 
200      						<div class="col-xs-12 text-center pb-2"> 
201  									<div class="black-three bold letter-spacing-sm mb-2">SEI INTERESSATO?</div> 
202      							<a id="tichiamiamooff" class="btn gradient white letter-spacing-sm font-weight-bold mt-4" href="#" style="font-size:15px"> 
203      									<i class="icon-phone-call title-mid white big align-sub mr-1"></i>Fatti richiamare 
204      								</a> 
205      						</div> 
206      						<div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
207      						</div> 
208      						<!-- <div class="col-xs-12 text-center pb-2"> 
209      							<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
210      								<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
211      							</a> 
212      						</div> --> 
213      					</div> 
214      				</div> 
215  					</div> 
216  				</div> 
217  			</div> 
218  		</div> 
219  	</section> 
220  	<!--div class="showmobilewidget mobile d-lg-none container gradient active" 
221      style="position: fixed;bottom: 0px;z-index: 50;"> 
222      <div class="px-5 justify-content-center d-flex"> 
223          <a href="${formUrl}" class="white text-center bold x-bigger my-2"> Richiedi informazioni </a> 
224      </div> 
225  </div--> 
226  
227 <#-- Widget Attiva ora --> 
228 <#elseif showWidget || showForm> 
229 	<section id="widget-offerta" class="d-none d-lg-block"> 
230 		<div class="container position-relative py-5"> 
231  
232 			<div class="row"> 
233 				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3"> 
234                 	<div class="fixed-widget-offerta-container"> 
235                 		<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4"> 
236                 			<h4 class="darkish-pink text-uppercase small bolder mb-1">${title}</h4> 
237                             <#if showWidget> 
238                     			<form action="${formUrl}" method="GET"> 
239                     				<div class="row px-0 big letter-spacing-sm l12"> 
240                     				    <div class="col-md-6 text-left"> 
241                     				        <div class="greyish-brown my-3"> 
242                     					        Disponibile per: 
243                     				        </div> 
244                     				    </div> 
245                     				    <div class="col-md-6 pt-3 text-right"> 
246                     				        <#if hasLuce> 
247                     				            <span class="gradient-text pt-1"> 
248                             					    <i class="icon-energia normal"></i> Luce 
249                             				    </span> 
250                             				</#if> 
251                             				<#if hasGas> 
252                             				    <#assign marginCustom = "" /> 
253                             				    <#if hasLuce> 
254                             				        <#assign marginCustom = "ml-2" /> 
255                             				    </#if> 
256                             				    <span class="gradient-text pt-1"> 
257                             					    <i class="icon-gas normal ${marginCustom}"></i> Gas 
258                             					</span> 
259                         					</#if> 
260                     				    </div> 
261     									<input type="hidden" name="target" value="${target}" required /> 
262     									<input type="hidden" name="subtarget" value="${subtarget}" required /> 
263     									<input type="hidden" name="offerta" value="${offerta}" required /> 
264     									<input type="hidden" name="luce" value="${valueLuce}" required /> 
265     									<input type="hidden" name="gas" value="${valueGas}" required /> 
266                     				</div> 
267                     				<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
268                     					Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
269                     				</div> 
270                     				<div class="justify-content-center"> 
271                                        <#--  <#if urlcustom?contains("hera-no-problem-acqua")> 
272                                        <#assign fullurlluce = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
273                                        <#assign fullurlgas = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" />  --> 
274                                        <#--  <div class="row"> 
275                                            <div class="col-md-6"> 
276                                                <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurlluce}">Attiva ora Luce!</a> 
277                                            </div> 
278                                            <div class="col-md-6"> 
279                                            <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurlgas}">Attiva ora Gas!</a> 
280                                            </div> 
281                                        </div> 
282 
283                                        <#else>  --> 
284                                        <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione" /> 
285 
286                                        <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurl}">Attiva ora!</a> 
287                                        <#--  </#if>  --> 
288     								<!--div class="justify-content-center"> 
289                     				<a id="myBtn" class="gradient-text big bold letter-spacing-sm pt-1" href="#"> 
290                     					<i class="icon-share mr-1 bigger align-text-bottom"></i> Condividi 
291                 					</a> 
292     								</div--> 
293									 </div> 
294                     			</form> 
295                             <#elseif showForm> 
296                            <h4 class="gradient-text text-uppercase small bolder mb-1">SOLUZIONI SOSTENIBILI</h4> 
297                             <div class="black-three big letter-spacing-sm">${TitoloWidgetCallBack.SottotitoloWidgetCallBack.getData()}</div> 
298                                 <div class="row px-0 big letter-spacing-sm l12"> 
299                                     <div class="col-md-6 text-left"> 
300                                         <div class="greyish-brown my-3"> 
301                                             Disponibile per: 
302                                         </div> 
303                                     </div> 
304                                     <div class="col-md-6 pt-3 text-right"> 
305                                         <#if hasLuce> 
306                                             <span class="gradient-text pt-1"> 
307                                                 <i class="icon-energia normal"></i> Luce 
308                                             </span> 
309                                         </#if> 
310                                         <#if hasGas> 
311                                             <#assign marginCustom = "" /> 
312                                             <#if hasLuce> 
313                                                 <#assign marginCustom = "ml-2" /> 
314                                             </#if> 
315                                             <span class="gradient-text pt-1"> 
316                                                 <i class="icon-gas normal ${marginCustom}"></i> Gas 
317                                             </span> 
318                                         </#if> 
319                                     </div> 
320                                 </div> 
321                                 <div class="x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
322                                     Hai scelto <strong>${title}</strong> clicca su attiva per continuare. 
323                                 </div> 
324                                 <div class="justify-content-center"> 
325									<a data-senna-off="true" href="${formSottoscriviUrl}" 
326										style="color:white;border-radius:5px" 
327										class="btn gradient white px-5 justify-content-center mt-3 mb-3" 
328										id="attivaora"> 
329										Attiva ora! 
330									</a>                                 </div> 
331                             </#if> 
332                 		</div> 
333                 		<div class="white-two-bg position-relative text-center px-4 pb-3"> 
334                 			<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
335                 			<div class="row text-left"> 
336                 				<div class="col-xl-12 pb-2 text-center"> 
337                 					    <a id="tichiamiamosol" class="gradient-text letter-spacing-sm font-weight-bold" 
338                                            href="#"> 
339                                            <i class="icon-phone-call big align-sub mr-1"></i> Ti chiamiamo noi 
340                                        </a> 
341                 				</div> 
342                                 <div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
343         						</div> 
344                 				<!-- <div class="col-xl-6 pb-2 d-none"> 
345                 					<a class="gradient-text letter-spacing-sm font-weight-bold" href="#"> 
346             							  <i class="icon-info-alt big align-sub mr-1"></i> Attiva la chat 
347             						  </a> 
348             					</div> --> 
349             				</div> 
350             			</div> 
351             		</div> 
352             	</div> 
353 			</div> 
354 		</div> 
355 	</section> 
356  
357 	<!-- Mobile --> 
358 	<section class="container mobile d-lg-none" style="margin-top: -7.5rem !important;"> 
359 		<div class="container position-relative py-5"> 
360 			<div class="row"> 
361 				<div class="offset-lg-8 col-lg-4 px-0 px-sm-3"> 
362                 	<div class="fixed-widget-offerta-container"> 
363                 		<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4"> 
364                 			<h4 class="darkish-pink text-uppercase small bolder mb-1">${title}</h4> 
365                             <#if showWidget> 
366                     			                              <!-- 
367                                    <form action="${formUrl}" method="GET"> 
368                                        <div class="row px-0 big letter-spacing-sm l12"> 
369                                            <div class="col-xs-6 text-left"> 
370                                                <div class="greyish-brown my-3"> 
371                                                    Disponibile per: 
372                                                </div> 
373                                            </div> 
374                                            <div class="col-xs-6 pt-3 text-right"> 
375                                                <#if hasLuce> 
376                                                    <span class="gradient-text pt-1"> 
377                                                        <i class="icon-energia normal"></i> Luce 
378                                                    </span> 
379                                                </#if> 
380                                                <#if hasGas> 
381                                                    <#assign marginCustom="" /> 
382                                                    <#if hasLuce> 
383                                                        <#assign marginCustom="ml-2" /> 
384                                                    </#if> 
385                                                    <span class="gradient-text pt-1"> 
386                                                        <i class="icon-gas normal ${marginCustom}"></i> Gas 
387                                                    </span> 
388                                                </#if> 
389                                            </div> 
390     									<input type="hidden" name="target" value="${target}" required /> 
391     									<input type="hidden" name="subtarget" value="${subtarget}" required /> 
392     									<input type="hidden" name="offerta" value="${offerta}" required /> 
393     									<input type="hidden" name="luce" value="${valueLuce}" required /> 
394     									<input type="hidden" name="gas" value="${valueGas}" required /> 
395                                        </div> 
396                                        <div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
397                                            Hai scelto <strong class="offerta-name">${title}</strong> <strong 
398                                                class="offerta-type"></strong> clicca su attiva per continuare. 
399                                        </div> 
400                                        <div class="justify-content-center"> 
401                                            <input 
402                                                class="attivaorasolmobile btn gradient white w-100 justify-content-center mt-3 mb-3" 
403                                                type="submit" value="Attiva ora!" /> 
404                                        </div> 
405   
406                                    </form> 
407                                    --> 
408									<div clas="d-flex justify-content-center text-center"> 
409                                        <#--  <#if (solsottoscrizione?contains("hera-no-problem")) && 
410                                            (!solsottoscrizione?contains("hera-no-problem-acqua")) 
411                                        >  --> 
412                                        <#--  <#if urlcustom?contains("hera-no-problem-acqua")> 
413                                        <#assign fullurlluce = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
414                                        <#assign fullurlgas = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" />  --> 
415                                        <#--  <div class="row"> 
416                                            <div class="col-md-6"> 
417                                                <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurlluce}">Attiva ora Luce!</a> 
418                                            </div> 
419                                            <div class="col-md-6"> 
420                                            <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurlgas}">Attiva ora Gas!</a> 
421                                            </div> 
422                                        </div> 
423 
424                                        <#else>  --> 
425                                        <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione" /> 
426 
427                                        <a id="attivaora" class="btn gradient white w-100 justify-content-center mt-3 mb-4" href="${fullurl}">Attiva ora!</a> 
428                                        <#--  </#if>  --> 
429                                    </div> 
430                             <#elseif showForm> 
431                                 <div class="row px-0 big letter-spacing-sm l12"> 
432                                     <div class="col-md-6 text-left"> 
433                                         <div class="greyish-brown my-3"> 
434                                             Disponibile per: 
435                                         </div> 
436                                     </div> 
437                                     <div class="col-md-6 pt-3 text-right"> 
438                                         <#if hasLuce> 
439                                             <span class="gradient-text pt-1"> 
440                                                 <i class="icon-energia normal"></i> Luce 
441                                             </span> 
442                                         </#if> 
443                                         <#if hasGas> 
444                                             <#assign marginCustom = "" /> 
445                                             <#if hasLuce> 
446                                                 <#assign marginCustom = "ml-2" /> 
447                                             </#if> 
448                                             <span class="gradient-text pt-1"> 
449                                                 <i class="icon-gas normal ${marginCustom}"></i> Gas 
450                                             </span> 
451                                         </#if> 
452                                     </div> 
453                                 </div> 
454                                 <div class="x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
455                                     Hai scelto <strong>${title}</strong> clicca su attiva per continuare. 
456                                 </div> 
457                                 <div class="justify-content-center"> 
458                                 <a data-senna-off="true" href="${formSottoscriviUrl}" 
459								style="color:white;border-radius:5px" 
460								class="btn gradient white px-5 justify-content-center mt-3 mb-4" 
461								id="attivaora"> 
462								Attiva ora! 
463								</a>                                  
464							</div> 
465                             </#if> 
466                 		</div> 
467                 		<div class="white-two-bg position-relative text-center px-4 pb-3"> 
468                 			<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
469                 			<div class="row text-left"> 
470                 				<div class="col-xs-12 pb-2 text-center"> 
471                 					<a id="tichiamiamosol" class="gradient-text letter-spacing-sm font-weight-bold" 
472                                            href="#"> 
473                                            <i class="icon-phone-call big align-sub mr-1"></i> Ti chiamiamo noi 
474                                        </a> 
475                 				</div> 
476                                 <div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
477                                 </div> 
478                                 <!-- <div class="col-xl-6 pb-2 d-none"> 
479                 					<a class="gradient-text letter-spacing-sm font-weight-bold" href="#"> 
480             							  <i class="icon-info-alt big align-sub mr-1"></i> Attiva la chat 
481             						  </a> 
482             					</div> --> 
483             				</div> 
484             			</div> 
485             		</div> 
486             	</div> 
487 			</div> 
488 		</div> 
489         <div class="showmobilewidget mobile d-lg-none container gradient" 
490             style="position: fixed;bottom: 0px;z-index: 50;margin-left: -16px;"> 
491             <div class="row px-5 justify-content-center"> 
492                     <div class="col-xs-12 pb-3"> 
493                     <form action="${formUrl}" method="GET"> 
494                        <input type="hidden" name="target" value="${target}" required /> 
495                        <input type="hidden" name="subtarget" value="${subtarget}" required /> 
496                        <input type="hidden" name="offerta" value="${offerta}" required /> 
497                        <input type="hidden" name="luce" value="${valueLuce}" required /> 
498                        <input type="hidden" name="gas" value="${valueGas}" required /> 
499 
500                        <#--  <#if (solsottoscrizione?contains("hera-no-problem")) && 
501                        (!solsottoscrizione?contains("hera-no-problem-acqua")) 
502                        >  --> 
503						<#--  <#if urlcustom?contains("hera-no-problem-acqua")> 
504                        <#assign fullurlluce = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
505                        <#assign fullurlgas = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" />  --> 
506                        <#--  <div class="row"> 
507                            <div class="col-md-6"> 
508                                <a id="attivaora"  
509                                class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1"  
510                                href="${fullurlluce}" style="width: 100% !important">Attiva ora Luce!</a> 
511                            </div> 
512                            <div class="col-md-6"> 
513                            <a id="attivaora"  
514                            class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1"  
515                            href="${fullurlgas}"  style="width: 100% !important">Attiva ora Gas!</a> 
516                            </div> 
517                        </div> 
518                        <#else>  --> 
519                        <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione" /> 
520 
521                        <a id="attivaora" class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1" 
522                        href="${fullurl}">Attiva ora!</a> 
523                        <!-- 
524                        <a class="btn btn-border darkish-color white-bg w-100 justify-content-center mt-3 mb-1" 
525                            href="${formUrl}" data-tipoofferta="luce e gas"> 
526                            Attiva Ora 
527                        </a> 
528                        --> 
529                        <#--  </#if>  --> 
530                     </form> 
531                     </div> 
532                 </div> 
533             </div> 
534         </div> 
535 	</section> 
536 <#else> 
537 </#if> 
538  
539    <#-- ************* Modale per avviso Condividi ************** --> 
540 <style> 
541     /* The Modal (background) */ 
542     .offerta-modal { 
543         display: none; /* Hidden by default */ 
544         position: fixed; /* Stay in place */ 
545         z-index: 1; /* Sit on top */ 
546         padding-top: 300px; /* Location of the box */ 
547         left: 0; 
548         top: 0; 
549         width: 100%; /* Full width */ 
550         height: 100%; /* Full height */ 
551         overflow: auto; /* Enable scroll if needed */ 
552         background-color: rgb(0,0,0); /* Fallback color */ 
553         background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
554
555  
556     /* Modal Content */ 
557     .offerta-modal-content { 
558         background-color: #fefefe; 
559         margin: auto; 
560         padding: 20px; 
561         border: 1px solid #888; 
562         width: 80%; 
563
564  
565     /* The close_offerta Button */ 
566     .close_offerta { 
567         color: #aaaaaa; 
568         float: right; 
569         font-size: 28px; 
570         font-weight: bold; 
571
572  
573     .close_offerta:hover, 
574     .close_offerta:focus { 
575         color: #000; 
576         text-decoration: none; 
577         cursor: pointer; 
578
579 </style> 
580  
581 <!-- The Modal --> 
582 <div id="myModal" class="modal offerta-modal" style="z-index:100"> 
583     <!-- Modal content --> 
584     <div class="modal-content offerta-modal-content col-lg-3"> 
585 	    <span class="close_offerta text-right" style="color:red;">&times;</span> 
586 	    <div> 
587 	        <h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
588 	        <input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
589 	    </div> 
590 	    <div class="text-center"> 
591 		    <button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
592 	    </div> 
593     </div> 
594 </div> 
595  
596 <script> 
597     // Get the modal 
598     var modal = document.getElementById("myModal"); 
599     // Get the button that opens the modal 
600     var btn = document.getElementById("myBtn"); 
601     var btnMobile = document.getElementById("myBtn_mobile"); 
602     // Get the <span> element that closes the modal 
603     var span = document.getElementsByClassName("close_offerta")[0]; 
604  
605     if (btn !== null) { 
606         // When the user clicks the button, open the modal 
607         btn.onclick = function() { 
608             modal.style.display = "block"; 
609             $("#copyLinkButton").prop( "disabled", false ); 
610
611
612  
613     if (btnMobile !== null) { 
614         btnMobile.onclick = function() { 
615         modal.style.display = "block"; 
616             $("#copyLinkButton").prop( "disabled", false ); 
617
618
619  
620     // When the user clicks on <span> (x), close the modal 
621     span.onclick = function() { 
622         modal.style.display = "none"; 
623         $("#copiedToClipboard").remove(); 
624
625  
626     // When the user clicks anywhere outside of the modal, close it 
627     window.onclick = function(event) { 
628         if (event.target == modal) { 
629             modal.style.display = "none"; 
630
631
632  
633     function copyToClipBoard() { 
634         /* Get the text field */ 
635         var copyText = document.getElementById("myInput"); 
636  
637         /* Select the text field */ 
638         copyText.select(); 
639  
640         /* Copy the text inside the text field */ 
641         document.execCommand("copy"); 
642  
643         /* Alert the copied text */ 
644  
645         $("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
646         $("#copyLinkButton").prop( "disabled", true ); 
647
648 </script> 
649  
650 <#-- Sezione "Tariffa Except" --> 
651 <#if TitoloIntroComune??> 
652        <section id="tariffa-excerpt" class="quote-section"> 
653            <div class="container position-relative py-5"> 
654                <div class="row"> 
655 			<div class="col-lg-8"> 
656 				<div class="row"> 
657 					<div class="${colClassSoluzioni}"> 
658 					    <#if TitoloIntroComune?has_content>								 
659 						<h3 class="firstTitle--withCircle gradient-text title-big letter-spacing-sm bolder">${TitoloIntroComune.getData()}</h3> 
660 						</#if> 
661 					</div> 
662 				</div> 
663 				<#assign counter = 0/> 
664 				<#list TitoloIntro.getSiblings() as checkTitoloIntro> 
665 					<#assign counter = counter +1/>			   
666 				</#list> 
667 				<#if counter == 1 > 
668 					<#list TitoloIntro.getSiblings()?chunk(2) as titoloIntro> 
669 					<div class="row"> 
670 						<div class="${colClassSoluzioni}"> 
671 						<#if titoloIntro?has_content> 	 
672 							<#list titoloIntro as titolo> 
673 								<#if titolo??> 
674 									<#if titolo.getData() !=""> 
675 										<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${titolo.getData()}</h3> 
676 									</#if> 
677 								</#if> 
678 								<#if titolo.DescrizioneIntro??> 
679 									<#if titolo.DescrizioneIntro.getData() !=""> 
680 										<#if titolo.DescrizioneIntro.getData() !=""> 
681 											<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5"> 
682 												${titolo.DescrizioneIntro.getData()} 
683 											</blockquote> 
684 										</#if> 
685 									</#if> 
686 								</#if> 
687 							</#list>				   
688 						</#if> 
689 						</div> 
690 					</div> 
691 					</#list> 
692 				<#else> 
693 					<#list TitoloIntro.getSiblings()?chunk(2) as titoloIntro> 
694 					<div class="row"> 
695 						<#if titoloIntro?has_content> 	 
696 							<#list titoloIntro as titolo>								 
697 								<div class="col-lg-6"> 
698 								<#if titolo??> 
699 									<#if titolo.getData() !=""> 
700 										<h4 class="hc-pdp-subtitle bolder gradient-text">${titolo.getData()}</h4> 
701 									</#if> 
702 								</#if> 
703 								<#if titolo.DescrizioneIntro??> 
704 									<#if titolo.DescrizioneIntro.getData() !=""> 
705 										<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${titolo.DescrizioneIntro.getData()}</blockquote> 
706 									</#if> 
707 								</#if> 
708 								</div> 
709 							</#list>				   
710 						</#if> 
711 					</div> 
712 					</#list> 
713 				</#if> 
714 			</div> 
715 		</div> 
716 	</div> 
717 </section> 
718 </#if> 
719  
720 <#-- Sezione "Premio Annuo" --> 
721 <#if DescrizioneTestoEvidenza.getData() != ""> 
722 	<section id="premio-annuo" class="d-none d-lg-block"> 
723 		<div class="container position-relative py-5"> 
724 			<div class="row mt-5 py-5"> 
725 				<div class="${colClassSoluzioni}" style="padding-top: 50px ;"> 
726 					${DescrizioneTestoEvidenza.getData()} 
727 					<#if InfoTestoEvidenza??> 
728 						<#if InfoTestoEvidenza.getData()?? && InfoTestoEvidenza.getData() != ""> 
729 							<hr class="my-3" /> 
730 							${InfoTestoEvidenza.getData()} 
731 						</#if> 
732 					</#if> 
733 				</div> 
734 			</div> 
735 		</div> 
736 	</section> 
737  
738 
739            <!-- Mobile --> 
740 	<section id="premio-annuo-mobile" class="mobile d-lg-none" style="background-image: linear-gradient(281deg,#9b3cb7 0%,#f24474 60%);background-repeat: no-repeat;background-size: 100vw 100%;background-position: top left;"> 
741 		<div class="container position-relative"> 
742 			<div class="row"> 
743 				<div class="${colClassSoluzioni}" style="padding-top: 50px ;"> 
744 					${DescrizioneTestoEvidenza.getData()} 
745 					<#if InfoTestoEvidenza??> 
746 						<#if InfoTestoEvidenza.getData()?? && InfoTestoEvidenza.getData() != ""> 
747 							<hr class="my-3" /> 
748 							${InfoTestoEvidenza.getData()} 
749 						</#if> 
750 					</#if> 
751 				</div> 
752 			</div> 
753 		</div> 
754 	</section> 
755 </#if> 
756  
757 <#-- ************* Sezione "Coperture" ************* --> 
758 <#if TitoloTestoAggiuntivo??> 
759 	<#if TitoloTestoAggiuntivo.getData()?? && TitoloTestoAggiuntivo.getData() != ""> 
760 		<section id="coperture"> 
761 			<div class="container py-5"> 
762 				<div class="row"> 
763 					<div class="${colClassSoluzioni}"> 
764 						<h3 class="title-big black-three letter-spacing-sm bolder pb-4">${TitoloTestoAggiuntivo.getData()}</h3> 
765 						<#if DescrizioneTestoAggiuntivo.getData()?? && DescrizioneTestoAggiuntivo.getData() != ""> 
766 							${DescrizioneTestoAggiuntivo.getData()} 
767 						</#if> 
768 					</div> 
769 				</div> 
770 			</div> 
771 		</section> 
772 	</#if> 
773 </#if> 
774  
775 <#-- ************* Sezione "L'offerta nel Dettaglio" ************* --> 
776 <#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() != ""> 
777 	<section id="list" class="white-two-bg py-5 d-none d-lg-block"> 
778 		<div class="container py-3"> 
779 			<h3 class="title-big black-three letter-spacing-sm bolder">Ulteriori dettagli</h3> 
780 			<div class="row mt-4 pt-3"> 
781 				<div class="${colClassSoluzioni}"> 
782 					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
783 						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
784 							<#assign colorCheck = cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
785 							<#if colorCheck == "verde"> 
786 								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
787 							<#else> 
788 								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
789 							</#if> 
790 						</#list> 
791 					</ul> 
792 				</div> 
793 			</div> 
794 		</div> 
795 	</section> 
796  
797 	<!-- Mobile --> 
798 	<section id="list" class="white-two-bg pt-5 mobile d-lg-none"> 
799 		<div class="container py-3"> 
800 			<h3 class="title-big black-three letter-spacing-sm bolder">Ulteriori dettagli</h3> 
801 			<#if urlcustom?contains("hera-caldaia-sicura")> 
802     			<div class="container"> 
803     			    <div class="row col-lg-12 black-three big letter-spacing-sm l15 pr-lg-5 mt-4"> 
804     			        <p><strong>Nell'offerta è inclusa* una polizza per i primi 24 mesi che copre i piccoli guasti: invio di un tecnico qualificato manodopera e pezzi di ricambio inclusi, fino a 2 interventi all'anno.</strong></br></p><p>Quali sono i tecnici inclusi?</p> 
805     			    </div> 
806     			</div> 
807 			</#if> 
808 			<div class="row mt-4 pt-3"> 
809 				<div class="${colClassSoluzioni}"> 
810 					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
811 						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
812 							<#assign colorCheck = cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
813 							<#if colorCheck == "verde"> 
814 								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
815 							<#else> 
816 								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
817 							</#if> 
818 						</#list> 
819 					</ul> 
820 				</div> 
821 			</div> 
822 		</div> 
823 	</section> 
824 </#if> 
825  
826 <#-- ************* Banner Curvo ************* --> 
827 <#if SottoscrizioneAdOffertaHeraObbligatoria??> 
828 	<#if SottoscrizioneAdOffertaHeraObbligatoria.getData() == 'si'> 
829 		<section class="waves-banner white-waves-bg pt-5 d-none d-lg-block" id="vuoi-risparmiare-tempo"> 
830 			<div class="container pt-5"> 
831 				<div class="row align-items-left"> 
832 					<div class="col-lg-12"> 
833 						<p class="black-three big letter-spacing-sm">La soluzione innovativa può essere acquistata <strong>se hai già attiva una nostra offerta</strong></p> 
834 						<h3 class="x-bigger bolder letter-spacing-sm d-inline-block mr-4 gradient-text pb-2">Non hai ancora una fornitura HERA attiva?</h3> 
835 						<br /> 
836 						<#if urlcustom?contains("/business/")> 
837 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas/partite-iva-professionisti"><span>Passa a Hera</span></a> 
838 						<#else> 
839 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas"><span>Passa a Hera</span></a> 
840 						</#if> 
841 					</div> 
842 				</div> 
843 			</div> 
844 		</section> 
845  
846         <!-- Mobile --> 
847 		<section class="waves-banner white-waves-bg pt-5 mobile d-lg-none" id="vuoi-risparmiare-tempo"> 
848 			<div class="container"> 
849 				<div class="row align-items-left"> 
850 					<div class="col-lg-12"> 
851 						<p class="black-three big letter-spacing-sm">La soluzione innovativa può essere acquistata <strong>se hai già attiva una nostra offerta</strong></p> 
852 						<h3 class="x-bigger bolder letter-spacing-sm d-inline-block mr-4 gradient-text pb-2">Non hai ancora una fornitura HERA attiva?</h3> 
853 						<br /> 
854 						<#if urlcustom?contains("/business/")> 
855 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas/partite-iva-professionisti"><span>Passa a Hera</span></a> 
856 						<#else> 
857 						      <a class="btn gradient white mb-2" href="${prefUrl}/offerte-luce-gas"><span>Passa a Hera</span></a> 
858 						</#if> 
859 					</div> 
860 				</div> 
861 			</div> 
862 		</section> 
863 	</#if> 
864 </#if> 
865  
866 <#-- ************* Sezione "Documenti e Modulistica" ************* --> 
867 <#if DocumentiEModulistica??> 
868     <#if DocumentiEModulistica.getData() != ""> 
869       	<#if DocumentiEModulistica.getSiblings()?has_content> 
870       		<section id="doc-list" class="pt-5 pb-4" > 
871       			<div class="container py-5"> 
872       				<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3">Documenti e Modulistica</h3> 
873       				<div class="row"> 
874       					<div class="${colClassSoluzioni}"> 
875       						<div class="row mt-5 pl-lg-5"> 
876       							<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
877       								<#assign dlFileEntryService = objectUtil("com.liferay.document.library.kernel.service.DLFileEntryServiceUtil") /> 
878       								<#if cur_documentoAllegato.getData() != ""> 
879       									<#assign counterDocAll = 0 /> 
880       									<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
881       										<#if counterDocAll == 2> 
882       											<#assign groupIdDocAll = xDocAll?number /> 
883       										</#if> 
884       										<#if counterDocAll == 5> 
885       											<#assign uuIdDocAll = xDocAll /> 
886       											<#assign counterUuIdDocAll = 0 > 
887       											<#list "${xDocAll}"?split("?") as xUuIdDocAll> 
888       												<#if counterUuIdDocAll == 0> 
889       													<#assign uuIdDocAll = xUuIdDocAll /> 
890       												</#if> 
891       												<#assign counterUuIdDocAll = counterUuIdDocAll + 1 /> 
892       											</#list> 
893       										</#if> 
894       										<#assign counterDocAll = counterDocAll + 1 /> 
895       									</#list> 
896       									<#assign fileDocAll = dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
897 
898                                         <#assign firstdocchars=fileDocAll.fileName?keep_before("_") /> 
899                                         <#if (firstdocchars != "HC" && firstdocchars != "CMV" && 
900                                         firstdocchars != "HCNE" && firstdocchars != "HCM")> 
901                                         <div class="col-md-4 col-sm-6"> 
902 											<div class="row mb-3"> 
903 												<div class="col-2 text-xl-center"> 
904 													<i class="icon-doc gradient-text x-bigger"></i> 
905 												</div> 
906 												<div class="col-10 pl-md-0"> 
907 													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
908 														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
909 													</a> 
910 												</div> 
911 											</div> 
912 										</div> 
913                                         <#else> 
914                                          
915                                         <#if (firstdocchars==docCompare1) || (firstdocchars==docCompare2)> 
916 										<div class="col-md-4 col-sm-6"> 
917 											<div class="row mb-3"> 
918 												<div class="col-2 text-xl-center"> 
919 													<i class="icon-doc gradient-text x-bigger"></i> 
920 												</div> 
921 												<div class="col-10 pl-md-0"> 
922 													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
923 														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
924 													</a> 
925 												</div> 
926 											</div> 
927 										</div> 
928 									    </#if> 
929 									   </#if> 
930       									 
931       									 
932       									 
933       									 
934       								</#if> 
935       							</#list> 
936       						</div> 
937       					</div> 
938       				</div> 
939       			</div> 
940       		</section> 
941       	</#if> 
942     </#if> 
943 </#if>