Gruppo Hera Luce e GasCasaLuce e GasSimply Hera

Simply Hera

Simply Hera

Con Simply Hera hai un servizio commerciale di assistenza telefonica multilingua

Chiama il numero verde:

800.087.868

Richiedi il support sulle tue forniture ai nostri operatori che ti risponderanno nella tua lingua. Il Servizio è attivo dal lunedì al venerdì, dalle ore 9 alle ore 13.

Gruppo Hera Luce e GasCasaLuce e GasSimply Hera

Simply Hera

Con Simply Hera hai un servizio commerciale di assistenza telefonica multilingua

Chiama il numero verde:

800.087.868

Richiedi il support sulle tue forniture ai nostri operatori che ti risponderanno nella tua lingua. Il Servizio è attivo dal lunedì al venerdì, dalle ore 9 alle ore 13.

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#93612" at line 11, column 9]
	- Reached through: #assign-container  [in template "20099#20135#93612" at line 1, column 1]
----
1<#assign 
2	infoAgg = false 
3	offertaGas = false 
4	offertaLuce = false 
5	classCol = "col-lg-12" 
6	title = .vars['reserved-article-title'].data 
7	urlcustom = themeDisplay.getURLCurrent()?keep_before("?") 
8	showWidget = false 
9	colClassOfferta = "col-lg-12" 
10																											  
11	journalArticleServiceUtil = objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
12	assetVocabularyServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil") 
13	vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
14	vocabularyId = 0 
15																												    
16	journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
17	assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
18	journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
19	hasLuce = false 
20	hasGas = false 
21	formUrl = "offerte-luce-gas/sottoscrizione" 
22	target = "" 
23	subtarget = "" 
24	offerta = urlcustom?keep_after_last("/offerte-luce-gas/") 
25	prefUrl = "" 
26	prefUrlCondividi = "heracomm.gruppohera.it" 
27/> 
28<#list vocabulariesList as vocabulary> 
29    <#assign vocabularyName = vocabulary.getName() /> 
30    <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
31        <#assign vocabularyId = vocabulary.getVocabularyId() /> 
32    </#if> 
33</#list> 
34<#if urlcustom?contains("/web/heracomm-staging/")> 
35	<#assign prefUrl="/web/heracomm-staging" /> 
36<#elseif urlcustom?contains("/web/heracomm/")> 
37	<#assign prefUrl="/web/heracomm" /> 
38</#if> 
39<#if urlcustom?contains("/business/")> 
40	<#assign 
41		isCasa = false 
42		target = "business" 
43		subtarget = urlcustom?keep_after_last("/business/offerte-luce-gas/") 
44		subtarget = subtarget?keep_before("/") 
45		offerta = urlcustom?keep_after_last("/" + subtarget + "/") 
46	/> 
47<#else> 
48	<#assign 
49		isCasa = true 
50		target = "casa" 
51	/> 
52</#if> 
53<#assign formUrl = "/" + target + "/" + formUrl /> 
54<#if prefUrl !=""> 
55	<#assign formUrl=prefUrl + formUrl /> 
56</#if> 
57<#list journalArticleCategories as category> 
58	<#if category.vocabularyId == vocabularyId> 
59		<#switch category.name?lower_case> 
60			<#case "luce"> 
61				<#assign hasLuce=true /> 
62				<#break /> 
63			<#case "gas"> 
64				<#assign hasGas=true /> 
65				<#break /> 
66			<#default> 
67				<#break /> 
68		</#switch> 
69	</#if> 
70</#list> 
71<#if TipologiaOffertaGas?? || TipologiaOffertaLuce??> 
72	<#if TipologiaOffertaGas.getData() != "" || TipologiaOffertaLuce.getData() != ""> 
73		<#assign infoAgg=true /> 
74		<#if TitoloIntro.getData() != "" || DescrizioneIntro.getData() != ""> 
75			<#assign classCol="col-lg-6" /> 
76		</#if> 
77		<#if TipologiaOffertaGas.getData() != ""> 
78		<#assign offertaGas=true> 
79		</#if> 
80		<#if TipologiaOffertaLuce.getData() != ""> 
81		<#assign offertaLuce=true> 
82		</#if> 
83 
84	</#if> 
85</#if> 
86<#if MostraWidgetAttivaOra??> 
87	<#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
88		<#assign 
89			showWidget = true 
90			colClassOfferta = "col-lg-8" 
91		/> 
92	</#if> 
93</#if> 
94<#-- Widget --> 
95<#if showWidget> 
96	<section id="widget-offerta"> 
97		<div class="container position-relative py-5 d-none d-sm-block"> 
98			<div class="row"> 
99				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3 d-none d-lg-block"> 
100					<div class="fixed-widget-offerta-container"> 
101						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4" style="box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);"> 
102							<h4 class="darkish-pink text-uppercase small bolder mb-1">Offerta</h4> 
103							<div class="black-three x-bigger bolder letter-spacing-sm mb-3">Scegli la fornitura</div> 
104							<form action="${formUrl}" method="GET"> 
105								<div class="row px-4"> 
106									<#if hasLuce> 
107										<div class="col-lg-6 pb-3"> 
108											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce"> 
109												<i class="icon-energia mr-2"></i> Luce 
110											</a> 
111										</div> 
112									</#if> 
113									<#if hasGas> 
114										<div class="col-lg-6 pb-3"> 
115											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="gas"> 
116												<i class="icon-gas mr-2"></i> Gas 
117											</a> 
118										</div> 
119									</#if> 
120									<#if hasLuce && hasGas> 
121										<div class="col-lg-12 pb-1"> 
122											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce-gas"> 
123												<i class="icon-energia mr-1"></i><i class="icon-gas mr-2"></i>Luce &amp; Gas 
124											</a> 
125										</div> 
126									</#if> 
127									<input type="hidden" name="target" value="${target}" required /> 
128									<input type="hidden" name="subtarget" value="${subtarget}" required /> 
129									<input type="hidden" name="offerta" value="${offerta}" required /> 
130									<input type="hidden" name="luce" value="0" required /> 
131									<input type="hidden" name="gas" value="0" required /> 
132								</div> 
133								<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
134									Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
135								</div> 
136								<div class=" col-lg-12 justify-content-center"> 
137									<input class="btn gradient white w-100 justify-content-center mt-3 mb-3" type="submit" value="Attiva ora!" id="attivaora"/> 
138								</div> 
139								<!--div class=" col-lg-12 justify-content-center"> 
140									<a id="myBtn" class="gradient-text big bold letter-spacing-sm pt-1" href="#"> 
141										<i class="icon-share mr-1 bigger align-text-bottom" style="vertical-align:middle !important"></i> Condividi 
142									</a> 
143								</div--> 
144							</form> 
145						</div> 
146						<div class="white-two-bg position-relative text-center px-4 pb-3"> 
147							<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
148							<div class="row text-left"> 
149								<div class="col-xl-12  text-center pb-2"> 
150									<a id="tichiamiamooff" class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
151										<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i>Ti chiamiamo noi 
152									</a> 
153								</div> 
154								<!-- <div class="col-xl-6 pb-2"> 
155									<a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
156										<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
157									</a> 
158								</div> --> 
159							</div> 
160						</div> 
161					</div> 
162				</div> 
163			</div> 
164		</div> 
165	</section> 
166	<!-- widget mobile--> 
167	<section class="container"> 
168		<div class="mobile d-lg-none white" style="background-color: white;"> 
169			<div class="fixed-widget-offerta-container container text-center" style="margin-top: 0px!important;"> 
170				<form action="${formUrl}" method="GET"> 
171					<div class="row px-4 pt-4 justify-content-center"> 
172						<div class="col-xs-12"> 
173							<p class="darkish-pink bold">OFFERTA</p> 
174							<p class="black bold x-bigger pb-2" style="margin-top: -15px;">Scegli la fornitura</p> 
175						</div> 
176						<div class="row px-4"> 
177							<#if hasLuce> 
178								<div class="col-xs-6 pb-3"> 
179									<a class="btn btn-border darkish-color white-bg w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce"> 
180										<i class="icon-energia mr-2"></i> Luce 
181									</a> 
182								</div> 
183							</#if> 
184							<#if hasGas> 
185								<div class="col-xs-6 pb-3"> 
186									<a class="btn btn-border darkish-color white-bg w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="gas"> 
187										<i class="icon-gas mr-2"></i> Gas 
188									</a> 
189								</div> 
190							</#if> 
191							<#if hasLuce && hasGas> 
192								<div class="col-lg-12 pb-1"> 
193									<a class="btn btn-border darkish-color white-bg mb-2 w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="luce-gas"> 
194										<i class="icon-energia mr-1"></i><i class="icon-gas mr-2"></i> Luce &amp; Gas 
195									</a> 
196								</div> 
197							</#if> 
198							<input type="hidden" name="target" value="${target}" required /> 
199							<input type="hidden" name="subtarget" value="${subtarget}" required /> 
200							<input type="hidden" name="offerta" value="${offerta}" required /> 
201							<input type="hidden" name="luce" value="0" required /> 
202							<input type="hidden" name="gas" value="0" required /> 
203						</div> 
204						<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 my-3"> 
205							Hai scelto <strong class="offerta-name">${title}</strong> <strong class="offerta-type"></strong> clicca su attiva per continuare. 
206						</div> 
207						<input class="btn gradient white w-100 justify-content-center mt-3 mb-3 border-0 mw-100" type="submit" value="Attiva ora!"/> 
208						<!--a id="myBtn_mobile" class="gradient-text big bold letter-spacing-sm justify-content-center col-xs-12 pt-3" href="#"> 
209							<i class="icon-share mr-1 bigger align-text-bottom"></i> Condividi 
210						</a--> 
211					</form> 
212				</div> 
213			</div> 
214			<div class="white-two-bg position-relative text-center px-2 pb-3"> 
215				<h4 class="greyish-brown text-uppercase small bolder mb-3 text-center mt-4 pt-3">Hai bisogno di aiuto?</h4> 
216				<div class="row"> 
217					<div class="col-xs-12 text-center pb-2"> 
218						<a id="tichiamiamooff" class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
219							<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i> 
220							Ti chiamiamo noi 
221						</a> 
222					</div> 
223					<!-- <div class="col-xs-12 text-center pb-2"> 
224						<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
225							<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
226						</a> 
227					</div> --> 
228				</div> 
229			</div> 
230		</div> 
231	</section> 
232</#if> 
233 
234<#-- ************* Modale per avviso Condividi ************** --> 
235<style> 
236	/* The Modal (background) */ 
237	.offerta-modal { 
238		display: none; /* Hidden by default */ 
239		position: fixed; /* Stay in place */ 
240		z-index: 1; /* Sit on top */ 
241		padding-top: 300px; /* Location of the box */ 
242		left: 0; 
243		top: 0; 
244		width: 100%; /* Full width */ 
245		height: 100%; /* Full height */ 
246		overflow: auto; /* Enable scroll if needed */ 
247		background-color: rgb(0,0,0); /* Fallback color */ 
248		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
249
250 
251	/* Modal Content */ 
252	.offerta-modal-content { 
253	  	background-color: #fefefe; 
254	  	margin: auto; 
255	  	padding: 20px; 
256	  	border: 1px solid #888; 
257	  	width: 80%; 
258
259 
260	/* The close_offerta Button */ 
261	.close_offerta { 
262	  	color: #aaaaaa; 
263	  	float: right; 
264	  	font-size: 28px; 
265	  	font-weight: bold; 
266
267 
268	.close_offerta:hover, 
269	.close_offerta:focus { 
270	  	color: #000; 
271	  	text-decoration: none; 
272	  	cursor: pointer; 
273
274</style> 
275<#assign completeUrl = prefUrlCondividi + urlcustom /> 
276 
277<!-- The Modal --> 
278<div id="myModal" class="modal offerta-modal" style="z-index:100"> 
279  <!-- Modal content --> 
280  <div class="modal-content offerta-modal-content col-lg-3"> 
281	   <span class="close_offerta text-right" style="color:red;">&times;</span> 
282		<div> 
283			<h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
284			<input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
285		</div> 
286		<div class="text-center"> 
287			<button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
288		</div> 
289  	</div> 
290</div> 
291 
292<script> 
293	// Get the modal 
294	var modal = document.getElementById("myModal"); 
295	// Get the button that opens the modal 
296	var btn = document.getElementById("myBtn"); 
297	var btnMobile = document.getElementById("myBtn_mobile"); 
298	// Get the <span> element that closes the modal 
299	var span = document.getElementsByClassName("close_offerta")[0]; 
300 
301	// When the user clicks the button, open the modal 
302	btn.onclick = function() { 
303  		modal.style.display = "block"; 
304   		$( "#copyLinkButton" ).prop( "disabled", false ); 
305
306 
307	btnMobile.onclick = function() { 
308  		modal.style.display = "block"; 
309   		$( "#copyLinkButton" ).prop( "disabled", false ); 
310
311 
312	// When the user clicks on <span> (x), close the modal 
313	span.onclick = function() { 
314  		modal.style.display = "none"; 
315  		$("#copiedToClipboard").remove(); 
316
317 
318	// When the user clicks anywhere outside of the modal, close it 
319	window.onclick = function(event) { 
320  		if (event.target == modal) { 
321    		modal.style.display = "none"; 
322
323
324 
325	function copyToClipBoard() { 
326  		/* Get the text field */ 
327  		var copyText = document.getElementById("myInput"); 
328 
329  		/* Select the text field */ 
330  		copyText.select(); 
331 
332  		/* Copy the text inside the text field */ 
333  		document.execCommand("copy"); 
334 
335  		/* Alert the copied text */ 
336 
337  		$("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
338  		$("#copyLinkButton").prop( "disabled", true ); 
339
340</script> 
341 
342<#-- ************* Sezione "Informazioni offerta e snippet HTML" ************* --> 
343<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !="" || infoAgg> 
344	<section id="tariffa-chart"> 
345		<div class="container position-relative py-5"> 
346			<div class="row"> 
347				<div class="${colClassOfferta}"> 
348					<div class="row"> 
349						<#if TitoloIntro.getData() !="" || DescrizioneIntro.getData() !=""> 
350							<div class="${classCol}"> 
351								<#if TitoloIntro??> 
352									<#if TitoloIntro.getData() !=""> 
353										<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${TitoloIntro.getData()}</h3> 
354									</#if> 
355								</#if> 
356								<#if DescrizioneIntro??> 
357									<#if DescrizioneIntro.getData() !=""> 
358										<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${DescrizioneIntro.getData()}</blockquote> 
359									</#if> 
360								</#if> 
361							</div> 
362						</#if> 
363						<#if infoAgg> 
364 
365						<div class="col-lg-6"> 
366							<nav class="chart-tabs"> 
367								<div class="nav nav-tabs align-items-center mt-2 mb-5 ml-3" id="nav-tab" role="tablist"><a class="nav-item nav-link active" data-toggle="tab" href="#chart-luce" id="chartofferteluce"><i class="icon-energia"></i> Luce</a> 
368								<a class="nav-item nav-link" data-toggle="tab" href="#chart-gas" id="chartoffertegas"><i class="icon-gas"></i> Gas</a></div> 
369							</nav> 
370							<#if offertaGas> 
371							<div id="tabella-offerte-gas"> 
372							<#if TipologiaOffertaGas.getSiblings()?has_content> 
373								<#list TipologiaOffertaGas.getSiblings() as cur_TipologiaOffertaGas> 
374									<div class="row"> 
375									<#if cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()?? && cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()!=""> 
376											<div class="col-lg-3 d-none d-lg-block"> 
377												<img src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" /> 
378											</div> 
379											<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
380											${cur_TipologiaOffertaGas.getData()} 
381											</div> 
382											<!-- Mobile --> 
383											<div class="mobile d-lg-none"> 
384												<img src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" style="max-width:80%;"/> 
385											</div> 
386											<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
387											${cur_TipologiaOffertaGas.getData()} 
388											</div> 
389									<#else> 
390									<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
391											${cur_TipologiaOffertaGas.getData()} 
392											</div> 
393									</#if> 
394									</div> 
395 
396								<div> 
397								${cur_TipologiaOffertaGas.TabellaTipologiaOffertaGas.getData()} 
398								</div> 
399 
400								</#list> 
401							</#if> 
402						<hr class="w-100"> 
403 
404						<#if FooterTipologiaOffertaGas.getData() != ""> 
405						${FooterTipologiaOffertaGas.getData()} 
406						</#if> 
407							</div> 
408 
409							</#if> 
410 
411 
412							<#if offertaLuce> 
413							<div id="tabella-offerte-luce"> 
414 
415 
416							<#if TipologiaOffertaLuce.getSiblings()?has_content> 
417								<#list TipologiaOffertaLuce.getSiblings() as cur_TipologiaOffertaLuce> 
418									<div class="row"> 
419 
420									<#if cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()?? && cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()!=""> 
421											<div class="col-lg-3 d-none d-lg-block"> 
422												<img src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" /> 
423											</div> 
424											<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
425											${cur_TipologiaOffertaLuce.getData()} 
426											</div> 
427 
428											<!-- Mobile --> 
429 
430											<div class="mobile d-lg-none"> 
431												<img src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" style="max-width:80%;"/> 
432											</div> 
433											<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
434											${cur_TipologiaOffertaLuce.getData()} 
435											</div> 
436 
437									<#else> 
438											<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
439											${cur_TipologiaOffertaLuce.getData()} 
440											</div> 
441									</#if> 
442									</div> 
443 
444								<div> 
445								${cur_TipologiaOffertaLuce.TabellaTipologiaOffertaLuce.getData()} 
446								</div> 
447 
448								</#list> 
449							</#if> 
450 
451						<hr class="w-100"> 
452 
453						<#if FooterTipologiaOffertaLuce.getData() != ""> 
454						${FooterTipologiaOffertaLuce.getData()} 
455						</#if> 
456							</div> 
457						</div> 
458							</#if> 
459 
460 
461 
462 
463						</#if> 
464 
465					</div> 
466				</div> 
467			</div> 
468		</div> 
469	</section> 
470</#if> 
471 
472<#-- ************* Sezione "Servizi e tool inclusi nell'offerta" ************* --> 
473<#if ServizioToolIncluso.getSiblings()?has_content> 
474	<section id="gestire-energia"> 
475		<#assign title="Inclusi nell'offerta" /> 
476		<#if urlcustom?contains("simply-hera")> 
477			<#assign title = "Conosci la tua energia?" /> 
478		</#if> 
479		<div class="container"> 
480			<div class="row align-items-center d-none d-lg-block"> 
481				<div class="${colClassOfferta}"> 
482					<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${title}</h3> 
483				</div> 
484			</div> 
485			<div class="row align-items-center mobile d-lg-none pt-5"> 
486				<div class="${colClassOfferta}"> 
487					<h3 class="gradient-text title-big letter-spacing-sm bolder">${title}</h3> 
488				</div> 
489			</div> 
490			<div class="row"> 
491				<#assign istanceCounter = 0 /> 
492				<#list ServizioToolIncluso.getSiblings() as cur_ServizioToolIncluso> 
493					<#assign firstTimeServizioToolIncluso=true /> 
494					<#if cur_ServizioToolIncluso??> 
495						<#if cur_ServizioToolIncluso.getData() !=""> 
496							<#assign 
497								actServizioToolIncluso = cur_ServizioToolIncluso.getData()?eval 
498								actServizioToolInclusoClassPK = actServizioToolIncluso.classPK?number 
499								journalArticleServizioToolIncluso = journalArticleServiceUtil.getLatestArticle(actServizioToolInclusoClassPK) 
500								docXmlServizioToolIncluso = saxReaderUtil.read(journalArticleServizioToolIncluso.getContentByLocale(locale.toString())) 
501								immagineSoIn = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='imageSoIn']/dynamic-content/text()") 
502								immagineMob = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='ImmagineMob']/dynamic-content/text()") 
503																															  
504												    
505								title = journalArticleServizioToolIncluso.getTitle(locale) 
506								summary = journalArticleServizioToolIncluso.getDescription(locale) 
507								firstTimeServizioToolIncluso = false 
508							/> 
509							<#if immagineSoIn == ""> 
510								<#assign immagineSoIn = immagineMob	/> 
511							</#if> 
512							<#list "${immagineSoIn}" ?split(",") as imageTmpSingleVar> 
513								<#assign imageSingleVar=imageTmpSingleVar?split(":") /> 
514								<#if imageSingleVar[0]?contains("groupId")> 
515									<#assign immagineStrGroupID=imageSingleVar[1]?replace('"', '' ) /> 
516								<#elseif imageSingleVar[0]?contains("name")> 
517									<#assign 
518										immagineStrName=imageSingleVar[1]?replace('"', '' ) 
519										immagineStrName=immagineStrName?replace(' ', ' +') 
520									/> 
521								<#elseif imageSingleVar[0]?contains("uuid")> 
522									<#assign immagineStrUUID=imageSingleVar[1]?replace('"', '') /> 
523								</#if> 
524							</#list> 
525							<#assign immagineUrl="" /> 
526							<#if immagineStrGroupID?? && immagineStrName?? && immagineStrUUID??> 
527								<#assign immagineUrl="/documents/" + immagineStrGroupID + "/0/" + immagineStrName + "/" + immagineStrUUID /> 
528							</#if> 
529							<#assign 
530								layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") 
531								articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), themeDisplay.getScopeGroupId(), false) 
532								friendlyUrl = articleLayout.getFriendlyURL(locale) 
533							/> 
534							<#if prefUrl !=""> 
535								<#assign friendlyUrl=prefUrl + friendlyUrl /> 
536							</#if> 
537							<div class="col-md-4 mb-5 d-none d-lg-block"> 
538								<div class="tile"> 
539									<div class="row"> 
540										<div class="col-lg-4 pt-4 pr-lg-0"> 
541											<a href="${friendlyUrl}"> 
542												<img src="${immagineUrl}" class="w-100" /> 
543											</a> 
544										</div> 
545										<div class="col-lg-8 tile-content"> 
546											<a href="${friendlyUrl}"> 
547												<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
548												<div class="black-three small letter-spacing-sm l14">${summary}</div> 
549												<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
550											</a> 
551										</div> 
552									</div> 
553								</div> 
554							</div> 
555 
556							<!-- Mobile --> 
557							<#if istanceCounter == 0> 
558								<div class="col-md-4 mobile d-lg-none"> 
559							<#else> 
560								<div class="col-md-4 mt-4 mobile d-lg-none"> 
561							</#if> 
562							<div class="tile"> 
563								<div class="row"> 
564									<div class="col-xs-4 pt-4 pr-lg-0"> 
565										<a href="${friendlyUrl}"> 
566											<img src="${immagineUrl}" class="w-100" /> 
567										</a> 
568									</div> 
569									<div class="col-xs-8 tile-content"> 
570										<a href="${friendlyUrl}"> 
571											<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
572											<div class="black-three small letter-spacing-sm l14">${summary}</div> 
573											<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
574										</a> 
575									</div> 
576								</div> 
577							</div> 
578							</div> 
579						<#elseif firstTimeServizioToolIncluso> 
580							<style> 
581								#gestire-energia { 
582									display: none 
583
584							</style> 
585						</#if> 
586					<#elseif firstTimeServizioToolIncluso> 
587						<style> 
588							#gestire-energia { 
589								display: none 
590
591						</style> 
592					</#if> 
593					<#assign istanceCounter = istanceCounter + 1 /> 
594				</#list> 
595			</div> 
596		</div> 
597	</section> 
598</#if> 
599 
600<#-- ************* Sezione "Servizi e tool consigliati" ************* --> 
601<#if urlcustom?contains("hera-impronta-zero")> 
602	<#assign titoloSTC = "Aggiungi le nostre soluzioni: per te 20€ di sconto" /> 
603<#else> 
604	<#assign titoloSTC = "Servizi e Tool consigliati" /> 
605</#if> 
606<#if ServizioToolConsigliato.getSiblings()?has_content> 
607	<section id="servizi-tool" class="py-5"> 
608		<div class="container py-md-5"> 
609			<h3 class="title-big white letter-spacing-sm bolder mt-5 mb-4 d-none d-lg-block">${titoloSTC}</h3> 
610			<!-- <h3> Mobile --> 
611			<h3 class="title-normal white letter-spacing-sm bolder mb-4 mobile d-lg-none">${titoloSTC}</h3> 
612			<div class="row"> 
613				<div class="${colClassOfferta}"> 
614					<div class="row mr-2"> 
615						<#list ServizioToolConsigliato.getSiblings() as cur_ServizioToolConsigliato> 
616							<#assign firstTimeServizioToolConsigliato=true /> 
617							<#if cur_ServizioToolConsigliato??> 
618								<#if cur_ServizioToolConsigliato.getData() !=""> 
619									<#assign 
620										actServizioToolConsigliato = cur_ServizioToolConsigliato.getData()?eval 
621										actServizioToolConsigliatoClassPK = actServizioToolConsigliato.classPK?number 
622										journalArticleServizioToolConsigliato = journalArticleServiceUtil.getLatestArticle(actServizioToolConsigliatoClassPK) 
623										docXmlServizioToolConsigliato = saxReaderUtil.read(journalArticleServizioToolConsigliato.getContentByLocale(locale.toString())) 
624																																    
625													  
626										title = journalArticleServizioToolConsigliato.getTitle(locale) 
627										summary = journalArticleServizioToolConsigliato.getDescription(locale) 
628										base = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='description']/dynamic-content/text()") 
629										tipoicona = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='TipoIcona']/dynamic-content/text()") 
630										layoutService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutService") 
631										articleLayout = layoutService.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), themeDisplay.getScopeGroupId(), false) 
632										friendlyUrl = articleLayout.getFriendlyURL(locale) 
633										firstTimeServizioToolConsigliato = false 
634									/> 
635									<#if prefUrl !=""> 
636										<#assign friendlyUrl=prefUrl + friendlyUrl /> 
637									</#if> 
638									<div class="col-md-4 pr-md-0 mb-4"> 
639										<a href="${friendlyUrl}" class="white-box d-block h-100 p-3"> 
640											<div class="row"> 
641												<div class="col-2 pt-1"> 
642													<i class="${tipoicona} gradient-text title-mid"></i> 
643												</div> 
644												<div class="col-10"> 
645													<h4 class="gradient-text big letter-spacing-sm font-weight-bold">${title}</h4> 
646													<div class="greyish-brown small letter-spacing-sm l13 mb-0">${summary}</div> 
647												</div> 
648											</div> 
649										</a> 
650									</div> 
651								<#elseif firstTimeServizioToolConsigliato> 
652									<style> 
653										#servizi-tool { 
654											display: none 
655
656									</style> 
657								</#if> 
658							<#elseif firstTimeServizioToolConsigliato> 
659								<style> 
660									#servizi-tool { 
661										display: none 
662
663								</style> 
664							</#if> 
665						</#list> 
666					</div> 
667				</div> 
668			</div> 
669		</div> 
670	</section> 
671</#if> 
672 
673<#-- ************* Sezione "L'offerta nel dettaglio" ************* --> 
674<#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() !=""> 
675	<section id="list" class="white-two-bg py-5"> 
676		<div class="container py-3"> 
677			<h3 class="title-big black-three letter-spacing-sm bolder">Altri Vantaggi</h3> 
678			<div class="row mt-4 pt-3"> 
679				<div class="${colClassOfferta}"> 
680					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
681						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
682							<#assign colorCheck=cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
683							<#if colorCheck=="verde"> 
684								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
685							<#else> 
686								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
687							</#if> 
688						</#list> 
689					</ul> 
690					<#if urlcustom?contains("hera-bebe")> 
691						<div> 
692							<a href="https://heracomm.gruppohera.it/documents/83408/106450/Regolamento+HERA+BEBE%27.pdf/4bba47b6-48b1-fc6a-9c65-0be6015acdbd?t=1560437503256" class="greyish-brown big bolder letter-spacing-sm l13 mb-0" target="_blank"> Regolamento dell'operazione a premi "Hera Bebè" con validità dal 24 luglio 2018 al 31 dicembre 2019 </a> 
693						</div> 
694					</#if> 
695				</div> 
696			</div> 
697		</div> 
698	</section> 
699</#if> 
700 
701<#-- ************* Sezione "Domande frequenti" ************* --> 
702<#if TitoloFaq??> 
703	<#list TitoloFaq.getSiblings()> 
704		<#assign firstTimeTitoloFaq=true /> 
705		<section id="faq" class="pt-4"> 
706			<div class="container position-relative pt-5"> 
707				<#if urlcustom?contains("hera-impronta-zero")> 
708					<h3 class="title-big black-three letter-spacing-sm bolder">Gas Verde 100% CO<sub>2</sub> Free</h3> 
709					<div class="black-three big letter-spacing-sm l15 pr-lg-5 py-4"> 
710						<span>Hera Impronta Zero ti garantisce gas naturale le cui emissioni di CO2 sono compensate <br/> tramite l’acquisto di crediti di carbonio certificati, con i quali sovvenzioniamo progetti <br/> internazionali di riduzione delle emissioni di gas a effetto serra in atmosfera. 
711						</span> 
712					</div> 
713 
714					<div class="container greyish-brown small"> 
715					<span>Contribuisci anche tu a realizzare questi 4 Sustainable Development Goals dell’Agenda Onu 2030</span> 
716					<img src="https://heracomm.gruppohera.it/documents/83408/0/theGlobalGoals.png/95113ede-52e4-b0aa-9399-da71fdeae05f?t=1562058787111" class="w-50" /> 
717					</div> 
718					<br> 
719					<div> 
720						<span class="black-three big letter-spacing-sm l15 pr-lg-5 py-5">I progetti finanziati sono certificati dai più alti standard internazionali in materia di riduzione <br/> delle emissioni di carbonio. 
721						</span> 
722					</div> 
723				<#else> 
724					<h3 class="title-big black-three letter-spacing-sm bolder">Domande frequenti</h3> 
725				</#if> 
726				<div class="row mt-4"> 
727					<div class="${colClassOfferta}"> 
728						<ul class="pl-lg-5 list-unstyled"> 
729							<#items as curFaq> 
730								<#if curFaq??> 
731									<#if curFaq.getData() !=""> 
732										<#assign firstTimeTitoloFaq=false /> 
733										<li class="mt-3 pt-3"> 
734											<a href="#" class="big medium burnt-yellow" data-toggle="collapse" data-target="#FAQ-${curFaq?index}" aria-expanded="false" aria-controls="collapseExample"> 
735												${curFaq.getData()} 
736												<i class="icon-chevron-down greyish-brown title-mid float-right d-none d-sm-inline"></i> 
737											</a> 
738											<div class="collapse" id="FAQ-${curFaq?index}"> 
739												${curFaq.getChild('DescrizioneFaq').getData()} 
740											</div> 
741										</li> 
742									<#elseif firstTimeTitoloFaq> 
743										<style> 
744											#faq { 
745												display: none 
746
747										</style> 
748									</#if> 
749								<#elseif firstTimeTitoloFaq> 
750									<style> 
751										#faq { 
752											display: none 
753
754									</style> 
755								</#if> 
756							</#items> 
757						</ul> 
758					</div> 
759				</div> 
760			</div> 
761		</section> 
762	</#list> 
763</#if> 
764 
765<#-- ************* Sezione "Documenti e Modulistica" ************* --> 
766<#if DocumentiEModulistica.getData()!=""> 
767	<#if DocumentiEModulistica.getSiblings()?has_content> 
768		<section id="doc-list" class="pb-4"> 
769			<div class="container py-5"> 
770				<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3 d-none d-lg-block">Documenti e Modulistica</h3> 
771				<!-- <h3> Mobile --> 
772				<h3 class="title-normal black-three letter-spacing-sm bolder mt-5 pt-3 mobile d-lg-none">Documenti e Modulistica</h3> 
773				<div class="row"> 
774					<div class="${colClassOfferta}"> 
775						<div class="row mt-5 pl-lg-5"> 
776							<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
777								<#assign dlFileEntryService=serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryService") /> 
778								<#if cur_documentoAllegato.getData() !=""> 
779									<#assign counterDocAll=0 /> 
780									<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
781										<#if counterDocAll==2> 
782											<#assign groupIdDocAll=xDocAll?number /> 
783										</#if> 
784										<#if counterDocAll==5> 
785											<#assign 
786												uuIdDocAll=xDocAll 
787												counterUuIdDocAll=0 
788											/> 
789											<#list "${xDocAll}" ?split("?") as xUuIdDocAll> 
790												<#if counterUuIdDocAll==0> 
791													<#assign uuIdDocAll=xUuIdDocAll /> 
792												</#if> 
793												<#assign counterUuIdDocAll=counterUuIdDocAll + 1 /> 
794											</#list> 
795										</#if> 
796										<#assign counterDocAll=counterDocAll + 1 /> 
797									</#list> 
798									<#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
799									<div class="col-md-4 col-sm-6"> 
800										<div class="row mb-3"> 
801											<div class="col-2 text-xl-center"> 
802												<i class="icon-doc gradient-text x-bigger"></i> 
803											</div> 
804											<div class="col-10 pl-md-0"> 
805												<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
806													${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
807												</a> 
808											</div> 
809										</div> 
810									</div> 
811								</#if> 
812							</#list> 
813						</div> 
814					</div> 
815				</div> 
816			</div> 
817		</section> 
818	</#if> 
819</#if> 
820 
821<script type="text/javascript"> 
822(function(){ 
823window.vvc_ready_handlers = []; 
824window.vivocha = { ready: function(cb) { window.vvc_ready_handlers.push(cb); }} 
825var t = document.createElement("script"); 
826t.type="text/javascript"; t.async=true; 
827t.src="//www.vivocha.com/a/hera001/api/vivocha.js"; 
828var n=document.getElementsByTagName("script")[0]; 
829n.parentNode.insertBefore(t,n); 
830})(); 
831</script>