Gruppo Hera Luce e GasCasaMobilità sostenibileRicarica pubblica

HeraRicarica Pubblica

HeraRicarica Pubblica

Fai il pieno di energia  al tuo veicolo con le colonnine e usufruisci dello stesso prezzo tra ricarica quick e fast!

Compatibile con tutte le colonnine nazionali

App per localizzare i punti di ricarica

Comodo pagamento in bolletta

Gruppo Hera Luce e GasCasaMobilità sostenibileRicarica pubblica

HeraRicarica Pubblica

Fai il pieno di energia  al tuo veicolo con le colonnine e usufruisci dello stesso prezzo tra ricarica quick e fast!

Compatibile con tutte le colonnine nazionali

App per localizzare i punti di ricarica

Comodo pagamento in bolletta

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#145502" at line 8, column 5]
	- Reached through: #assign-container  [in template "20099#20135#145502" at line 1, column 1]
----
1<#assign 
2    infoAgg = false 
3    classCol = "col-lg-12" 
4	title = .vars['reserved-article-title'].data 
5	urlcustom = themeDisplay.getURLCurrent()?keep_before("?") 
6    showWidget = false 
7																												   
8    journalArticleServiceUtil = objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
9  	assetVocabularyServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil") 
10  	vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
11  	vocabularyId = 0 
12																														 
13  	journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
14  	assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
15  	journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
16    hasFlat = false 
17    hasConsumo = false 
18	prefUrl = "" 
19	prefUrlCondividi="heracomm.gruppohera.it" 
20/> 
21<#list vocabulariesList as vocabulary> 
22    <#assign vocabularyName = vocabulary.getName() /> 
23    <#if vocabularyName?? && vocabularyName?lower_case == "offerta"> 
24        <#assign vocabularyId = vocabulary.getVocabularyId() /> 
25    </#if> 
26</#list> 
27<#if urlcustom?contains("/web/heracomm-staging/")> 
28    <#assign prefUrl = "/web/heracomm-staging" /> 
29<#elseif urlcustom?contains("/web/heracomm/")> 
30    <#assign prefUrl = "/web/heracomm" /> 
31</#if> 
32 
33<#assign 
34formUrl="mobilita-sostenibile/ricarica-pubblica/sottoscrizione" 
35target="" 
36subtarget="" 
37offerta=urlcustom?keep_after_last("/mobilita-sostenibile/") 
38 /> 
39 
40 
41<#if urlcustom?contains("/business/")> 
42<#assign isCasa=false 
43target="business" 
44subtarget=urlcustom?keep_after_last("/business/") 
45subtarget=subtarget?keep_before("/mobilita-sostenibile/") /> 
46<#else> 
47<#assign isCasa=true 
48target="casa" /> 
49</#if> 
50 
51<#assign formUrl="/" + target + "/" + formUrl /> 
52 
53<#if prefUrl !=""> 
54<#assign formUrl=prefUrl + formUrl /> 
55</#if> 
56<#-- ***************** Widget ********************************************--> 
57<#list journalArticleCategories as category> 
58    <#if category.vocabularyId == vocabularyId> 
59        <#switch category.name?lower_case> 
60            <#case "flat"> 
61                <#assign hasFlat = true /> 
62                <#break /> 
63            <#case "consumo"> 
64                <#assign hasConsumo = true /> 
65                <#break /> 
66            <#default> 
67                <#break /> 
68        </#switch> 
69    </#if> 
70</#list> 
71<#if InformazioniAggiuntiveIntro??> 
72    <#if InformazioniAggiuntiveIntro.getData() != ""> 
73        <#assign 
74            infoAgg = true 
75            classCol = "col-lg-6" 
76        /> 
77    </#if> 
78</#if> 
79<#if MostraWidgetAttivaOra??> 
80    <#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
81        <#assign showWidget = true /> 
82    </#if> 
83</#if> 
84<#-- Widget --> 
85<#if showWidget> 
86	<section id="widget-offerta" class="d-none d-lg-block"> 
87		<div class="container position-relative py-5"> 
88			<div class="row"> 
89				<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3"> 
90					<div class="fixed-widget-offerta-container"> 
91						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center px-4 pt-4 pb-5 mt-4"> 
92							<h4 class="gradient-text text-uppercase small bolder mb-1">Mobilità sostenibile</h4> 
93							<div class="black-three big letter-spacing-sm">Ricarica pubblica</div> 
94							<div class="black-three x-bigger bolder letter-spacing-sm mb-4">Scegli l'offerta:</div> 
95							<form action="${formUrl}" method="GET"> 
96								<div class="row px-4"> 
97									<#if hasFlat> 
98										<div class="col-lg-6 pb-3"> 
99											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="flat"> 
100												<!-- <i class="icon-energia mr-2"></i> -->Flat 
101											</a> 
102										</div> 
103									</#if> 
104									<#if hasConsumo> 
105										<div class="col-lg-6 pb-3"> 
106											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="consumo"> 
107											<!--	<i class="icon-gas mr-2"></i> --> Consumo 
108											</a> 
109										</div> 
110									</#if> 
111									<input type="hidden" name="offerta" value="flat" /> 
112								</div> 
113								<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 d-none"> 
114									Hai scelto <strong class="offerta-type"></strong> clicca su attiva per continuare. 
115								</div> 
116								<div class=" col-lg-12 justify-content-center"> 
117								<input class="btn gradient white w-100 justify-content-center mt-3 mb-3" type="submit" value="Attiva ora!" id="attivaoramob"/> 
118								</div> 
119								<div class=" col-lg-12 justify-content-center"> 
120								<a id="myBtn" class="gradient-text big bold letter-spacing-sm py-2" href="#"> 
121									<i class="icon-share mr-1 bigger align-text-bottom" style="vertical-align:middle !important"></i> Condividi 
122								</a> 
123								</div> 
124							</form> 
125						</div> 
126						<div class="white-two-bg position-relative text-center px-4 pb-3"> 
127							<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto? 
128							</h4> 
129							<div class="row text-center"> 
130								<div class="col-xl-12 pb-2"> 
131                                <a id="" class="font-weight-bold" href="#" style=" 
132                                "><p style=" 
133                                    color: green !important; 
134                                          ">Numero Verde Mobilità Elettrica </p><p class="title-mid" style=" 
135                                    color: green; 
136                                    margin-bottom: -5px; 
137                                    margin-top: -15px; 
138                                ">800.087.591 </p> <p class="black-three small medium"> per informazioni contrattuali dal lunedì al venerdì dalle 8:00 alle 18:00, il sabato dalle 8:30 alle 13:00 </br> per assistenza tecnica tutti i giorni 24h su 24h</p><p></p></a> 
139								</div> 
140						<!--		<div class="col-xl-6 pb-2"> 
141									<a class="gradient-text font-weight-bold" href="#" 
142										style="font-size:14px"> 
143										<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i> 
144										Attiva la chat 
145									</a> 
146								</div> --> 
147							</div> 
148						</div> 
149					</div> 
150				</div> 
151			</div> 
152		</div> 
153	</section> 
154	<!-- Mobile--> 
155<section class="container mobile d-lg-none" style="margin-top:100%;"> 
156		<div class="container position-relative py-5"> 
157			<div class="row"> 
158				<div class="offset-lg-8 col-lg-4 px-0 px-sm-3"> 
159					<div class="fixed-widget-offerta-container"> 
160						<div class="fixed-widget-offerta-inner-container white-box position-relative text-center px-4 pt-4 pb-5 mt-4"> 
161							<h4 class="gradient-text text-uppercase small bolder mb-1">Mobilità</h4> 
162							<div class="black-three big letter-spacing-sm">Ricarica pubblica</div> 
163							<div class="black-three x-bigger bolder letter-spacing-sm mb-4">Scegli l'offerta:</div> 
164							<form action="${formUrl}" method="GET"> 
165								<div class="row px-4"> 
166									<#if hasFlat> 
167										<div class="col-lg-6 pb-3"> 
168											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="flat"> 
169												<!-- <i class="icon-energia mr-2"></i> -->Flat 
170											</a> 
171										</div> 
172									</#if> 
173									<#if hasConsumo> 
174										<div class="col-lg-6 pb-3"> 
175											<a class="btn w-100 justify-content-center" href="javascript:void(0)" data-tipoofferta="consumo"> 
176											<!--	<i class="icon-gas mr-2"></i> --> Consumo 
177											</a> 
178										</div> 
179									</#if> 
180									<input type="hidden" name="offerta" value="flat" /> 
181								</div> 
182								<div class="offerta-selected x-bigger letter-spacing-sm greyish-brown l12 mt-3 mb-5 d-none"> 
183									Hai scelto <strong class="offerta-type"></strong> clicca su attiva per continuare. 
184								</div> 
185								<div class=" col-sm-12 justify-content-center"> 
186								<input class="btn gradient white w-100 justify-content-center mt-3 mb-3" type="submit" value="Attiva ora!" /> 
187								</div> 
188								<div class=" col-sm-12 justify-content-center"> 
189								<a id="myBtn_mobile" class="gradient-text big bold letter-spacing-sm py-3" href="#"> 
190									<i class="icon-share mr-1 bigger align-text-bottom"></i> Condividi 
191								</a> 
192								</div> 
193							</form> 
194						</div> 
195						<div class="white-two-bg position-relative text-center px-4 pb-3"> 
196							<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
197 
198							<div class="row text-left"> 
199								<div class="col-xl-12 pb-2 text-center"> 
200                                <p class="font-weight-bold" style=" 
201                                    color: green !important; 
202                                          ">Numero Verde Mobilità Elettrica </p><p class="title-mid" style=" 
203                                    color: green; 
204                                    margin-bottom: -5px; 
205                                    margin-top: -15px; 
206                                ">800.087.591 </p> <p class="black-three"> per informazioni contrattuali dal lunedì al venerdì dalle 8:00 alle 18:00, il sabato dalle 8:30 alle 13:00 </br> per assistenza tecnica tutti i giorni 24h su 24h</p><p></p> 
207								</div> 
208							<!--	<div class="col-xl-6 pb-2"> 
209									<a class="gradient-text letter-spacing-sm font-weight-bold" href="#"> 
210										<i class="icon-info-alt 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</#if> 
221 
222<#-- ************* Modale per avviso Condividi ************** --> 
223 
224<style> 
225 
226/* The Modal (background) */ 
227.offerta-modal { 
228  display: none; /* Hidden by default */ 
229  position: fixed; /* Stay in place */ 
230  z-index: 1; /* Sit on top */ 
231  padding-top: 300px; /* Location of the box */ 
232  left: 0; 
233  top: 0; 
234  width: 100%; /* Full width */ 
235  height: 100%; /* Full height */ 
236  overflow: auto; /* Enable scroll if needed */ 
237  background-color: rgb(0,0,0); /* Fallback color */ 
238  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
239
240 
241/* Modal Content */ 
242.offerta-modal-content { 
243  background-color: #fefefe; 
244  margin: auto; 
245  padding: 20px; 
246  border: 1px solid #888; 
247  width: 80%; 
248
249 
250/* The close_offerta Button */ 
251.close_offerta { 
252  color: #aaaaaa; 
253  float: right; 
254  font-size: 28px; 
255  font-weight: bold; 
256
257 
258.close_offerta:hover, 
259.close_offerta:focus { 
260  color: #000; 
261  text-decoration: none; 
262  cursor: pointer; 
263
264</style> 
265<#assign completeUrl = prefUrlCondividi + urlcustom /> 
266 
267<!-- The Modal --> 
268<div id="myModal" class="modal offerta-modal" style="z-index:100"> 
269 
270  <!-- Modal content --> 
271  <div class="modal-content offerta-modal-content col-lg-3"> 
272	   <span class="close_offerta text-right" style="color:red;">&times;</span> 
273	<div> 
274		<h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
275	<input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
276	</div> 
277	<div class="text-center"> 
278		<button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
279	</div> 
280  </div> 
281 
282</div> 
283 
284<script> 
285/* 
286// Get the modal 
287var modal = document.getElementById("myModal"); 
288 
289// Get the button that opens the modal 
290var btn = document.getElementById("myBtn"); 
291var btnMobile = document.getElementById("myBtn_mobile"); 
292 
293// Get the <span> element that closes the modal 
294var span = document.getElementsByClassName("close_offerta")[0]; 
295 
296// When the user clicks the button, open the modal 
297btn.onclick = function() { 
298  modal.style.display = "block"; 
299   $( "#copyLinkButton" ).prop( "disabled", false ); 
300
301 
302btnMobile.onclick = function() { 
303  modal.style.display = "block"; 
304   $( "#copyLinkButton" ).prop( "disabled", false ); 
305
306 
307// When the user clicks on <span> (x), close the modal 
308span.onclick = function() { 
309  modal.style.display = "none"; 
310  $("#copiedToClipboard").remove(); 
311
312 
313// When the user clicks anywhere outside of the modal, close it 
314window.onclick = function(event) { 
315  if (event.target == modal) { 
316    modal.style.display = "none"; 
317
318
319 
320function copyToClipBoard() { 
321 
322  var copyText = document.getElementById("myInput"); 
323 
324 
325  copyText.select(); 
326 
327  document.execCommand("copy"); 
328 
329 
330  $("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
331  $("#copyLinkButton").prop( "disabled", true ); 
332
333*/ 
334</script> 
335 
336<#-- ***************** Sezione Top - con Hera fai il pieno di energia **** --> 
337<#if TestoGrandeRicarica.getData() != "" || ContenutoRicarica.getData() != ""> 
338	<section id="heraricarica" class="quote-section"> 
339		<div class="container position-relative py-5"> 
340			<div class="row"> 
341				<div class="col-lg-8 order-2"> 
342					<h3 class="gradient-text title-big letter-spacing-sm bolder mb-3">${TestoGrandeRicarica.getData()}</h3> 
343					<div class="row align-items-center"> 
344						<div class="col-lg-7"> 
345							<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${ContenutoRicarica.getData()}</blockquote> 
346						</div> 
347						<div class="col-lg-5"> 
348							<img src="${ImmagineRicarica.getData()}" class="img-fluid"> 
349						</div> 
350					</div> 
351				</div> 
352			</div> 
353		</div> 
354	</section> 
355</#if> 
356 
357<#-- ************* Sezione Offerte Mobilità ********************** --> 
358<#if OffertaRicarica.getSiblings()?has_content && OffertaRicarica.getData()!=""> 
359	<section id="offerte-mobilita"> 
360		<div class="container-fluid card-deck-bg-alt mobilita py-5"> 
361			<div class="container pt-5"> 
362				<div class="row mt-5"> 
363					<div class="col-lg-8 mt-5"> 
364						<div class="row mt-5"> 
365							<#list OffertaRicarica.getSiblings() as cur_OffertaRicarica> 
366								<div class="col-lg-6"> 
367									<h2 class="gradient-text title-big bolder letter-spacing-sm">${cur_OffertaRicarica.getData()}</h2> 
368									<p class="black-three big letter-spacing-sm">${cur_OffertaRicarica.DettaglioOfferta.getData()}</p> 
369									<div class="card-deck"> 
370										<div class="card pb-2"> 
371											<div class="card-top gradient"> 
372												<div class="row"> 
373													<#assign classOfferta = "col-md-12" /> 
374													<#if cur_OffertaRicarica.kWInclusiAlMese.getData() != ""> 
375														<#assign classOfferta = "col-md-7" /> 
376													</#if> 
377													<div class="${classOfferta}"> 
378														<h4 class="white big letter-spacing-sm">Canone mensile</h4> 
379														<h5 class="white x-bigger bolder letter-spacing-sm"><span class="title-xx-bigger">${cur_OffertaRicarica.CanoneMensile.getData()}</span> €/mese</h5> 
380													</div> 
381													<#if cur_OffertaRicarica.kWInclusiAlMese.getData() != ""> 
382														<div class="col-md-5"> 
383															<div class="card-oval"> 
384																<div class="gradient-text bolder l12"> 
385																	<div class="title-big">${cur_OffertaRicarica.kWInclusiAlMese.getData()} <span class="x-bigger">kwh</span></div> 
386																	<div class="normal">mese<br>inclusi</div> 
387																</div> 
388															</div> 
389														</div> 
390													</#if> 
391												</div> 
392											</div> 
393											<div class="card-body"> 
394												<h5 class="card-title mb-0"><a href="#" class="black-three letter-spacing-sm">Extra consumi</a></h5> 
395												<h6 class="gradient-text x-bigger bolder letter-spacing-sm"><span class="title-xx-bigger">${cur_OffertaRicarica.ExtraConsumi.getData()}</span> €/kwh</h6> 
396											</div> 
397										</div> 
398									</div> 
399								</div> 
400							</#list> 
401						</div> 
402					</div> 
403				</div> 
404			</div> 
405		</div> 
406		<#if AbstractOfferte.getSiblings()?has_content && AbstractOfferte.getData()!=""> 
407			<div class="container-fluid mobilita py-5"> 
408				<div class="container"> 
409					<div class="row"> 
410						<div class="col-lg-8"> 
411							<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${AbstractOfferte.getData()}</blockquote> 
412						</div> 
413					</div> 
414				</div> 
415			</div> 
416		</#if> 
417	</section> 
418</#if> 
419 
420<#-- ************* Sezione "L'offerta nel dettaglio" ************* --> 
421<#if TestoDettaglioOfferta.getSiblings()?has_content  && TestoDettaglioOfferta.getData()!=""> 
422	<section id="list" class="white-two-bg py-5"> 
423		<div class="container py-3"> 
424			<h3 class="title-big black-three letter-spacing-sm bolder">L'offerta nel dettaglio</h3> 
425			<div class="row mt-4 pt-3"> 
426				<div class="col-lg-8"> 
427					<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
428						<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
429							<#assign colorCheck = cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
430							<#if colorCheck=="verde"> 
431								<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
432							<#else> 
433								<li>${cur_TestoDettaglioOfferta.getData()}</li> 
434							</#if> 
435						</#list> 
436					</ul> 
437				</div> 
438			</div> 
439		</div> 
440	</section> 
441</#if> 
442 
443<#-- ************* Sezione Banner Passa a Hera ********************--> 
444<#if SottoscrizioneAdOffertaHeraObbligatoria??> 
445	<#if SottoscrizioneAdOffertaHeraObbligatoria.getData() == 'si'> 
446		<section class="waves-banner white-waves-bg pt-5" id="vuoi-risparmiare-tempo"> 
447			<div class="container pt-5"> 
448				<div class="row align-items-left"> 
449					<div class="col-lg-12"> 
450						<p class="black-three big letter-spacing-sm">La soluzione innovativa può essere acquistata <strong>se hai già attiva una nostra offerta</strong></p> 
451						<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> 
452						<br /> 
453						<a class="btn gradient white mb-2" href="${prefUrl}/casa/offerte-luce-gas"><span>Passa a Hera</span></a> 
454					</div> 
455				</div> 
456			</div> 
457		</section> 
458	</#if> 
459</#if> 
460 
461<#-- ************* Sezione "Documenti e Modulistica" ************* --> 
462<#if DocumentiEModulistica.getData()!=""> 
463	<#if DocumentiEModulistica.getSiblings()?has_content> 
464		<section id="doc-list" class="pt-5 pb-4" > 
465			<div class="container py-5"> 
466				<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3">Documenti e Modulistica</h3> 
467				<div class="row"> 
468					<div class="col-lg-8"> 
469						<div class="row mt-5 pl-lg-5"> 
470							<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
471								<#assign dlFileEntryService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryService") /> 
472								<#if cur_documentoAllegato.getData() != ""> 
473									<#assign counterDocAll = 0 /> 
474									<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
475										<#if counterDocAll == 2> 
476											<#assign groupIdDocAll = xDocAll?number /> 
477										</#if> 
478										<#if counterDocAll == 5> 
479											<#assign uuIdDocAll = xDocAll /> 
480											<#assign counterUuIdDocAll = 0 > 
481											<#list "${xDocAll}"?split("?") as xUuIdDocAll> 
482												<#if counterUuIdDocAll == 0> 
483													<#assign uuIdDocAll = xUuIdDocAll /> 
484												</#if> 
485												<#assign counterUuIdDocAll = counterUuIdDocAll + 1 /> 
486											</#list> 
487										</#if> 
488										<#assign counterDocAll = counterDocAll + 1 /> 
489									</#list> 
490									<#assign fileDocAll = dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
491									<div class="col-md-4 col-sm-6"> 
492										<div class="row mb-3"> 
493											<div class="col-2 text-xl-center"> 
494												<i class="icon-doc gradient-text x-bigger"></i> 
495											</div> 
496											<div class="col-10 pl-md-0"> 
497												<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
498													${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
499												</a> 
500											</div> 
501										</div> 
502									</div> 
503								</#if> 
504							</#list> 
505						</div> 
506					</div> 
507				</div> 
508			</div> 
509		</section> 
510	</#if> 
511</#if>