Offerta Energia e Gas Placet Fissa | Hera Comm Marche - Gruppo Hera
Gruppo Hera Luce e Gas 〉Casa 〉Luce e Gas 〉Placet Fissa
Hera Placet Fissa
Scopri l'offerta Hera Placet Fissa a mercato libero, differenziata per fasce orarie
An error occurred while processing the template.
The following has evaluated to null or missing: ==> FasciaBanner [in template "20099#20135#31895758" at line 49, column 32] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if FasciaBanner.BackgroundFasciaBann... [in template "20099#20135#31895758" at line 49, column 27] ----
1<#assign
2 imgSrc=""
3 imgAlt=""
4 imgId=""
5 sliders=[]
6 indexOfTabSlider=""
7 carouselIdx=1
8 infoIndex=""
9 firstSectionId = ""
10 secondSectionId = ""
11 infoIndex=""
12 thirdSectionId = ""
13 fourthSectionId = ""
14 fifthSectionId = ""
15 tryurl=themeDisplay.getPortalURL()+themeDisplay.getURLCurrent()
16 heracommnordeststring=languageUtil.get(locale, "heracomm-nordeststring")
17 cmvenergiastring=languageUtil.get(locale, "cmvenergiastring")
18 heracommmarchestring=languageUtil.get(locale, "heracomm-marchestring")
19 estenergystring=languageUtil.get(locale, "estenergystring")
20 compare1=languageUtil.get(locale, "HC")
21 compare2=languageUtil.get(locale, "HC")
22 />
23 <#if tryurl?contains(cmvenergiastring)>
24 <#assign
25 compare1=languageUtil.get(locale, "CMV")
26 compare2=languageUtil.get(locale, "CMV")
27 />
28 </#if>
29
30 <#if tryurl?contains(heracommnordeststring) || tryurl?contains(estenergystring)>
31 <#assign
32 compare1=languageUtil.get(locale, "HCNE")
33 compare2=languageUtil.get(locale, "EENE")
34 />
35 </#if>
36 <#if tryurl?contains(heracommmarchestring)>
37 <#assign
38 compare1=languageUtil.get(locale, "HCM")
39 compare2=languageUtil.get(locale, "HCM")
40 />
41 </#if>
42
43 <style>
44 .header-breadcrumb a:hover{
45 color: #000 !important;
46 }
47
48 #livechat,
49 #container-banner{<#if FasciaBanner.BackgroundFasciaBanner.getData()?? && FasciaBanner.BackgroundFasciaBanner.getData() != "">
50 <img alt="${FasciaBanner.BackgroundFasciaBanner.getAttribute("alt")}" data-fileentryid="${FasciaBanner.BackgroundFasciaBanner.getAttribute("fileEntryId")}" src="${FasciaBanner.BackgroundFasciaBanner.getData()}" />
51</#if>
52 display: none;
53 }
54 #Overview .slick-track {
55 display: flex;
56 }
57 #Overview .slick-slide {
58 height: inherit;
59 }
60 #Overview .slick-slide > div {
61 height: 100%;
62 }
63 #sliderOverview-0 .slick-track {
64 display: flex;
65 }
66 #sliderOverview-0 .slick-slide {
67 height: inherit;
68 }
69 #sliderOverview-0 .slick-slide > div {
70 height: 100%;
71 }
72 #container-footer-attivazione-prodotto {
73 background: white;
74 }
75 #container-footer-attivazione-prodotto > div {
76 background: white;
77 }
78 .tabOverview__wrapper .tabOverview__button:not(.tabOverview__buttonActive):hover {
79 background-color: rgba(242, 68, 116, 0.04);
80 }
81 .tabOverview__wrapper .tabOverview__button {
82 width: 25%;
83 max-width: 210px;
84 }
85 @media (max-width: 576px) {
86 .documentContent__wrapper {
87 padding: 0 20px;
88 }
89 .tabOverview__wrapper {
90 flex-direction: column;
91 border-top: 4px solid #F9EEF6;
92 }
93 .tabOverview__wrapper .tabOverview__button {
94 width: 100%;
95 font-size: 18px;
96 max-width: 100%;
97 border-bottom: 4px solid #F9EEF6;
98 }
99 .tabOverview__wrapper .tabOverview__button:last-child {
100 border-bottom: 0;
101 }
102 #portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_0ICZ0sueKkwm .contentOverview__slideWrapper {
103 padding-inline: 40px;
104 }
105 .contentOverview__slideWrapper .slick-slide{
106 padding: 0 10px!important;
107 }
108 .contentOverwiev__tabButton{
109 font-size: 12px;
110 }
111 .contentOverview__slideWrapper .gradient-text {
112 font-size: 21px;
113 }
114
115 .contentOverview__slideWrapper .gradient-text + .big {
116 font-size: 14px !important;
117 }
118 h2{
119 font-size: 24px !important;
120 }
121 h4 {
122 font-size: 14px !important
123 }
124 .container p {
125 font-size: 14px !important;
126 }
127 }
128 .contentOverview__slideWrapper .slick-dots li {
129 width: 46px;
130 }
131 .contentOverview__slideWrapper .slick-dots li button {
132 width: 33px;
133 height: 10px;
134 }
135 .contentOverview__slideWrapper .slick-dots li button:before{
136 font-size: 60px;
137 top: 4px;
138 left: 0;
139 content: '';
140 background-color: #DE4384;
141 width: 33px;
142 height: 2px;
143
144 }
145 [id^="portlet_heraschedeprodotto"] [id^='card_'] {
146 border: 2px solid transparent;
147 }
148 .contentOverview__slideWrapper .slick-arrow {
149 display: inline !important;
150 }
151 .sliderHidden {
152 height: 0;
153 visibility: hidden;
154 opacity: 0;}
155
156 .tabOverview__wrapper {
157 display: flex;
158 align-items: center;
159 justify-content: flex-start;
160 border-bottom: 4px solid #F9EEF6;
161 }
162
163 .tabOverview__button {
164 padding: 0 20px;
165 border: none;
166 background: transparent;
167 letter-spacing: 1px;
168 cursor: pointer;
169 height: 100px;
170 }
171
172 .tabOverview__buttonActive {
173 background: linear-gradient(94.13deg, rgba(242, 68, 116, 0.09) 0%, rgba(155, 60, 183, 0.09) 112.75%);
174 font-weight: 600;
175 }
176 .contentOverwiev__tabButton:focus {
177 outline: none;
178 }
179
180 .contentOverwiev__wrapper {
181 padding-top: 3em;
182 }
183
184 .contentOverwiev__contentWrapper {
185 margin-bottom: 3em;
186 }
187
188 .contentInfoDocumenti__contentWrapper {
189 margin-bottom: 3em;
190 }
191
192 .contentOverwiev__tabWrapper {
193 display: flex;
194 }
195
196 .contentInfoDocumenti__tabWrapper {
197 display: flex;
198 margin-bottom: 1.5em;
199 }
200
201 .contentOverwiev__tabButton {
202 border: none;
203 background: transparent;
204 cursor: pointer;
205 width: 280px;
206 padding: 1.5em 0;
207 }
208
209 .contentInfoDocumenti__tabButton {
210 border: none;
211 background: transparent;
212 cursor: pointer;
213 width: 280px;
214 padding: 1.5em 0;
215 }
216
217 .contentInfoDocumenti__tabButtonActive {
218 border-bottom: 4px solid #F24474;
219 font-weight: 600;
220 }
221
222
223 .contentOverwiev__tabButtonActive {
224 border-bottom: 4px solid #F24474;
225 font-weight: 600;
226 }
227
228 .contentOverview__slideWrapper {
229 color: #000;
230 padding: 3em 0;
231 }
232
233 .contentEnergia__tabContentWrapper {
234 background: rgba(163, 214, 205, 0.15);
235 color: #000;
236 padding-top: 60px;
237 padding-bottom: 110px;
238 }
239
240 .contentEnergia__tabContentWrapperBgInvert {
241 box-shadow: 0 0 0 100vmax rgba(163, 214, 205, 0.15);
242 clip-path: inset(0 -100vmax);
243 }
244
245 .contentSoluzioni__contentWrapper {
246 padding: 3em 0;
247 }
248
249 .contentOverview__sliderPosition {
250 position: relative;
251 }
252
253 .contentEnergia__contentWrapper {
254 padding: 1em 0;
255 }
256
257 .contentEnergia__contentWrapperBubble {
258 position: relative;
259 }
260
261 .contentOverview__sliderArrowL {
262 position: absolute;
263 left: -50px;
264 top: 50%;
265 font-size: 30px;
266 transform: translateY(-50%);
267 color: #F34575;
268 cursor: pointer;
269 }
270
271 .contentOverview__sliderArrowR {
272 position: absolute;
273 right: -50px;
274 top: 50%;
275 font-size: 30px;
276 transform: translateY(-50%);
277 color: #F34575;
278 cursor: pointer;
279 }
280
281 .contentEnergia__contentWrapperBubble::before {
282 position: absolute;
283 content: url("https://heracomm.gruppohera.it/documents/83408/0/iconBubble.webp/8e993330-082c-5e07-0a86-1ec1b5e6050f?t=1688567258438");
284 left: -30px;
285 top: -54px;
286 z-index: -10;
287 }
288
289 .contentSoluzioni {
290 margin-bottom: 80px;
291 }
292
293 .contentSoluzioni__cardWrapper {
294 display: flex;
295 justify-content: center;
296 align-items: center;
297 flex-wrap: wrap;
298 }
299
300 .contentSoluzioni__CardCta {
301 font-weight: 400;
302 font-size: 13px;
303 letter-spacing: 0.4px;
304 padding: 14px 25px;
305 height: auto;
306 background: linear-gradient(281deg,#9b3cb7 0%,#f24474 60%);
307 border-radius: 35px;
308 }
309
310 .contentSoluzioni__CardContent {
311 margin-bottom: 50px;
312 }
313
314 .contentSoluzioni__card {
315 max-width: 360px;
316 border-radius: 15px;
317 overflow: hidden;
318 border: none;
319 box-shadow: 0px 6px 9px rgb(0 0 0 / 8%);
320 }
321
322 .card-body {
323 padding: 1.25rem 1.25rem 2.2rem 1.25rem!important;
324 }
325
326 .contentEnergia__tabWrapper {
327 display: flex;
328 }
329
330 .contentEnergia__tabButton {
331 border: none;
332 background: transparent;
333 cursor: pointer;
334 width: 280px;
335 padding: 1.5em 0;
336 }
337
338 .contentEnergia__tabButtonActive {
339 border-bottom: 4px solid #A3D6CD;
340 font-weight: 600;
341 }
342
343 .contentEnergia__cta {
344 text-decoration: underline;
345 }
346
347 .contentEnergiaSliderWrapper {
348 position: relative;
349 }
350
351
352 .contentEnergia__sliderImgWrapper {
353 width: 100%;
354 height: 260px;
355 overflow: hidden;
356 border-radius: 25px;
357 }
358
359 .contentEnergia__sliderArrowL {
360 position: absolute;
361 left: 5%;
362 top: 50%;
363 transform: translateY(-50%);
364 font-size: 16px;
365 color: #fff;
366 cursor: pointer;
367 z-index: 100;
368 }
369
370 .contentEnergia__sliderArrowR {
371 position: absolute;
372 right: 5%;
373 top: 50%;
374 transform: translateY(-50%);
375 font-size: 16px;
376 color: #fff;
377 cursor: pointer;
378 z-index: 100;
379 }
380
381 .bannerEnergia {
382 position: relative;
383 margin-top: -110px;
384 }
385
386 .bannerEnergia__img {
387 background-image: url("/o/hera-theme/images/engage1/banner.png");
388 background-repeat: no-repeat;
389 background-size: 100vmax 100%;;
390 height: 400px;
391 }
392
393 .bannerEnergia__contentWrapper {
394 position: absolute;
395 width: 100%;
396 top: 35% !important;
397 left: 0;
398 transform: translateY(30%);
399 }
400
401 [id^='sliderOverview'] .slick-list {
402 overflow: hidden;
403 }
404 .slick-dots > li:only-child{
405 display: none;
406 }
407 @media (min-width: 768px) and (max-width: 992px) {
408
409 .bannerEnergia__contentWrapper {
410 top: 27% !important;
411 }
412 }
413 @media (min-width: 576px) and (max-width: 767px) {
414
415 .bannerEnergia__contentWrapper {
416 top: 22% !important;
417 }
418 }
419
420 @media (max-width: 576px) {
421 .contentOverview__slideWrapper {
422 padding: 48px 60px;
423 }
424 .bannerEnergia {
425 margin-top: -135px;
426 }
427
428 .bannerEnergia__img {
429 height: 500px;
430 }
431
432 .bannerEnergia__contentWrapper {
433 top: 45% !important;
434 transform: translateY(20%);
435 }
436
437
438 .bannerEnergia {
439 margin-top: -170px;
440 }
441
442 .bannerEnergia__img {
443 height: 550px;
444 }
445
446 .tabOverview__wrapper {
447 flex-wrap: wrap;
448 justify-content: center;
449 }
450
451 .tabOverview__button {
452 width: 200px;
453 }
454 #senna_surface1-default #footer {
455 margin-bottom: 227px !important;
456 }
457 }
458
459 @media (max-width: 991px) {
460 .portlet-body .hc-cart-externalWrapper {
461 right: 0 !important;
462 top: -70px !important;
463 margin-bottom: 0;
464 }
465
466 .tabOverview__button {
467 padding-inline: clamp(10px, 3vw, 40px) !important;
468 font-size: clamp(11px,2vw, 16px);
469 height: clamp(66px, 10vw, 120px) !important;
470 }
471 #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper{
472 flex-wrap: wrap;
473 justify-content: center;
474 }
475 #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper > div {
476 width: 100%;
477 text-align: center;
478 }
479 #portlet_heraschedeprodotto_INSTANCE_heraschedeprodotto12616697 .card-container .card-body .buttons-wrapper button{
480 margin: 15px auto;
481 }
482 }
483
484
485 .contentInfoDocumenti__infoSingolaWrapper {
486 display: flex;
487 justify-content: space-between;
488 align-items: center;
489 padding: 1.5em 0;
490 border-bottom: 1px solid #DCDCDC;
491 transition: all 0.5s ease-in;
492 }
493
494 .contentInfoDocumenti__infoSingolaTitle {
495 color: #CFB825;
496 }
497
498 .contentInfoDocumenti__infoSingolaArrow {
499 font-size: 24px;
500 }
501
502 .contentInfoDocumenti__footerWrapper {
503 max-width: 768px;
504 }
505
506 .contentInfoDocumenti__infoWrapper {
507 margin-bottom: 2.5em;
508 max-width: 768px;
509 }
510
511 .contentInfoDocumenti__infoSingolaWrapper[aria-expanded="true"] .contentInfoDocumenti__infoSingolaArrow {
512 rotate: 90deg;
513 }
514
515 .contentInfoDocumenti__infoSingolaWrapper[aria-expanded="flase"] .contentInfoDocumenti__infoSingolaArrow {
516 rotate: 0deg;
517 }
518
519 .contentInfoEDettagli__tabContentWrapper {
520 margin-bottom: 3em;
521 }
522
523 .documentContent__wrapper{
524 max-width: 768px;
525 }
526
527 html {
528 scroll-behavior: smooth;
529 }
530 button,
531 button:hover,
532 button:focus,
533 button:active {
534 color: #000;
535 }
536 #Soluzioni,
537 .card-container {
538 padding: 0 15px;
539 }
540
541
542 .portlet-boundary_heraschedeprodotto_ .portlet {
543 max-width: 1325px;
544 margin-inline: auto;
545 }
546 .portlet-boundary_heraschedeprodotto_ .portlet .portlet-body {
547 overflow-x: auto;
548 }
549 .portlet-boundary_heraschedeprodotto_ .portlet h2 {
550 font-size: 32px;
551 font-weight: 900;
552 margin-bottom: 20px;
553 }
554 .portlet-boundary_heraschedeprodotto_ .portlet .card-container {
555 display: flex;
556 justify-content: space-between;
557 margin-block: 50px;
558 width: fit-content;
559 gap: clamp(25px,4vw,53px);
560 margin-inline: auto;
561 max-width: 100%;
562 min-width: 760px;
563 }
564 .portlet-boundary_heraschedeprodotto_ .portlet .card-container-wrapper {
565 overflow-x: auto;
566 }
567 .portlet-boundary_heraschedeprodotto_ .portlet .card-container [id^='card'] {
568 max-width: 360px;
569 box-shadow: 0px 6px 9px 0px #00000014;
570 border-radius: 15px;
571 overflow: hidden;
572 min-height: 495px;
573 flex: 1;
574 }
575 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .title-section {
576 display: flex;
577 gap: 10px;
578 align-items: center;
579 }
580 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .title-section [id^='title'] {
581 background: -webkit-linear-gradient(90.15deg, #F24474 7.51%, #9B3CB7 110.03%);
582 -webkit-background-clip: text;
583 -webkit-text-fill-color: transparent;
584 font-size: 26px;
585 font-weight: 900;
586 }
587 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body [id^='aggiuntaOfferta'] {
588 background-color: #6A6A6A;
589 border-radius: 6px;
590 width: fit-content;
591 color: white;
592 font-size: 11px;
593 padding: 2px 7px;
594 display: flex;
595 gap: 8px;
596 align-items: center;
597 line-height: 17px;
598
599 }
600 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body {
601 display: flex;
602 flex-direction: column;
603 height: calc(100% - 223px);
604 gap: 12px;
605 padding-bottom: 20px !important;
606 }
607 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body [id^='description'] {
608 flex-grow: 2;
609 }
610 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper {
611 display: flex;
612 justify-content: space-between;
613 align-items: center;
614 }
615 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button {
616 height: 37px;
617 width: 135px;
618 background: linear-gradient(91.11deg, #9B3CB7 1.52%, #F24474 97.54%);
619 border-radius: 48px;
620 border: 0;
621 font-size: 13px;
622 color: white;
623 display: flex;
624 justify-content: center;
625 align-items: center;
626 gap: 10px;
627 cursor: pointer;
628 }
629 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button img {
630 margin-bottom: 2px;
631 }
632 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button:hover {
633 background: white;
634 color: #f24474;
635 border: 2px solid #f24474;
636 }
637 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper button:hover img {
638 filter: drop-shadow(1px 1px 0px #f24474);
639 }
640 .portlet-boundary_heraschedeprodotto_ .portlet .card-container .card-body .buttons-wrapper a {
641 padding: 5px 20px;
642 cursor: pointer;
643 color: #ED4479;
644 text-decoration: underline;
645 }
646 .modal .close.d-none:last-child{
647 display: block!important;
648 }
649 @media (min-width:576px){
650 #wrapper-content .container,
651 #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{
652 padding-left: 46px;
653 padding-right: 46px;
654 }
655 }
656 @media (min-width:1024px){
657 #wrapper-content .container,
658 #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{
659 padding-left: 56px;
660 padding-right: 56px;
661 }
662 }
663 @media (min-width:1280px){
664 .tabOverview__wrapper{
665 padding-right: 594px;
666 }
667 button.tabOverview__button:first-child {
668 padding-left: 110px;
669 width: 275px;
670 min-width: 275px;
671 }
672 .tabOverview__wrapper .tabOverview__button{
673 width: 190px;
674 min-width: 190px;
675 }
676 #wrapper-content .container,
677 #wrapper-content .portlet-boundary_heraschedeprodotto_ .portlet{
678 max-width: 1440px !important;
679 padding-left: 136px;
680 padding-right: 136px;
681 }
682 }
683 <#if SezioneEnergia.TitoloEnergia.getData() == "">
684 .contentEnergia {
685 display: none;
686 }
687 </#if>
688 .gradient-text a {
689 background-clip: text;
690 -webkit-background-clip: text;
691 -webkit-text-fill-color: transparent;
692 background-image: linear-gradient(271deg,#9b3cb7,#f24474);
693 }
694 .casa .h3.gradient-text {
695 -webkit-text-fill-color: transparent;
696 }
697 .FasciaBannerContainer{
698 height: 600px;
699 background-size: cover;
700 background-repeat: no-repeat;
701 padding-top: 120px;
702 padding-bottom: 60px;
703 margin-bottom: 50px;
704 <#if FasciaBanner??>
705 background-image: url('${FasciaBanner.BackgroundFasciaBanner.getData()}');
706 </#if>
707 }
708 .testoFasciaBanner{
709 width: 60%;
710 color:white;
711 }
712 @media(max-width:768px){
713 .testoFasciaBanner{
714 width: 100%;
715 }
716 }
717
718 @media (max-width: 576px) {
719 .FasciaBannerContainer{
720 <#if FasciaBanner??>
721 background-image: url('${FasciaBanner.BackgroundFasciaBannerMobile.getData()}');
722 </#if>
723 height: 780px;
724 }
725 }
726
727 </style>
728 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
729 <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
730
731 <script>
732
733 function switchTabs(event, currentTabId, buttonClass, tabClassWrapper, activeClassButton, isFlex = true) {
734
735 const buttons = Array.from(document.getElementsByClassName(buttonClass));
736 const tabs = Array.from(document.getElementsByClassName(tabClassWrapper)[0].children);
737 buttons.forEach(button => button.classList.remove(activeClassButton));
738 tabs.forEach(singleTabs => {
739 singleTabs.classList.remove(isFlex ? "d-flex" : "d-block");
740 singleTabs.classList.add("sliderHidden");
741 });
742 const currentTab = document.getElementById(currentTabId);
743 currentTab.classList.remove("sliderHidden");
744 currentTab.classList.add(isFlex ? "d-flex" : "d-block");
745
746 event.currentTarget.classList.add(activeClassButton);
747 }
748
749 function navigateOnTabs (event, tabId) {
750 window.location.href = tabId;
751 const buttons = Array.from(document.getElementsByClassName("tabOverview__button"));
752 buttons.forEach(button => button.classList.remove("tabOverview__buttonActive"));
753 event.currentTarget.classList.add("tabOverview__buttonActive");
754 return;
755 }
756
757
758 $(document).ready(() => {
759
760 if ($('#infoContent > div').length === 0) {
761 $('.contentInfoDocumenti__tabButton:first-child').addClass('d-none');
762 $('#documentContent').addClass('d-block').removeClass('sliderHidden');
763 }
764 if ($('#documentContent > div').length === 0) {
765 $('.contentInfoDocumenti__tabButton:last-child').addClass('d-none');
766 }
767 // if ($('section.bannerEnergia p.title-bigger').text().trim() === '') {
768 // $('section.bannerEnergia').addClass('d-none');
769 // }
770
771 let OfferArticle = $('.card-container').data('offerta');
772
773 function updateVas(status, cardID) {
774 let vasObject = getVasObject()? getVasObject():{};
775 if(status === 'delete' && cardID !== undefined){
776 $('.services').eq(cardID).attr('hidden', true);
777 $('#aggiuntaOfferta_'+ cardID).attr('hidden', true);
778 $('#card_'+cardID).find('[id*="scopriDiPiuContainer"]').removeAttr('hidden');
779 $('#card_'+cardID).find('[id*="modificaContainer"]').attr('hidden', true);
780 $('#card_'+cardID).find('[id*="eliminaContainer"]').css("visibility", "hidden");
781 $('#Soluzioni #card_'+ cardID).css("border", "2px solid transparent");
782 }
783 if(!Object.keys(vasObject).length){
784 $('#cart-vas').attr('hidden', true);
785 }else{
786 let cardLen = $('.card-container').children().length;
787 let vasObjectKeys = Object.keys(vasObject);
788 $('#cart-vas').removeAttr('hidden');
789 for(let i=0;i<cardLen;i++){
790 let name = $('#title_'+i).text().trim();
791 let idOfferta = name.replace(' ','_');
792 if(vasObjectKeys.includes(name)){
793 $('.services').eq(i).removeAttr('hidden');
794 $('#aggiuntaOfferta_'+ i).removeAttr('hidden');
795 $('#card_'+i).find('[id*="scopriDiPiuContainer"]').attr('hidden', true);
796 $('#card_'+i).find('[id*="modificaContainer"]').removeAttr('hidden');
797 $('#card_'+i).find('[id*="eliminaContainer"]').css("visibility", "visible");
798 $('#Soluzioni #card_'+ i).css("border", "2px solid #EC447A");
799 }
800 }
801 }
802
803 }
804
805 function getVasObject() {
806 let vasObjectString = sessionStorage.getItem(OfferArticle);
807 let vasObject = null;
808 if (vasObjectString) {
809 vasObject = JSON.parse(vasObjectString);
810 }
811 return vasObject;
812 }
813
814 updateVas();
815
816 $(document).on('click','.vasmodal .confirmaddmodal', function(e){
817 updateVas();
818 });
819 $(document).on('click', '[id*="elimina-"]', function(e){
820 let current = e.currentTarget;
821 let cardID = $(current).closest('[id*="card_"]').attr('id');
822 updateVas('delete', cardID.split('_')[1]);
823 });
824 $(document).on('click', '.nothanks', function(e){
825 let current = e.currentTarget;
826 let cardID = $(current).closest('.vasmodal').attr('id');
827 updateVas('delete', cardID.replace('FunnelModal',''));
828 });
829
830
831 $(document).on('click', '.cart-vas img', function(e){
832 let vasObject = getVasObject()?getVasObject():{};
833 let current = e.currentTarget;
834 let service = $(current).data('service').replace(/(^\w{1})|(\s+\w{1})/g, l => l.toUpperCase());
835 let cardID = $(current).data('index');
836
837 delete vasObject[service];
838 sessionStorage.setItem(OfferArticle, JSON.stringify(vasObject));
839 updateVas('delete', cardID);
840 });
841
842
843 $(".contentOverview__slider-0, .contentOverview__slider-1").slick({
844 infinite: true,
845 slidesToShow: 3,
846 dots: true,
847 prevArrow: "<i class='icon-arrow-l black d-none d-lg-block contentOverview__sliderArrowL'></i>",
848 nextArrow: "<i class='icon-arrow-r black d-none d-lg-block contentOverview__sliderArrowR'></i>",
849 responsive: [
850 {
851 breakpoint: 1200,
852 settings: {
853 slidesToShow: 2,
854 slidesToScroll: 2
855 }
856 },
857 {
858 breakpoint: 768,
859 settings: {
860 slidesToShow: 1,
861 slidesToScroll: 1
862 }
863 }
864 ]
865 });
866 $('.cart-vas').prependTo('#cart-vas-content');
867 function checkVasLuce(){
868 let vasObject = getVasObject()? getVasObject():{};
869 if(Object.keys(vasObject).length > 0){
870 let vasHeraLed = {};
871 if(Object.keys(vasObject["Hera Led"]).length > 0){
872 vasHeraLed = vasObject["Hera Led"];
873 }else if(Object.keys(vasObject["Hera Led Business"]).length > 0){
874 vasHeraLed = vasObject["Hera Led Business"];
875 }
876 if(Object.keys(vasHeraLed).length > 0){
877 let vasHeraLedValues = Object.values(vasHeraLed);
878 let vasHeraLedSum = 0;
879 for(var i=0; i<vasHeraLedValues.length; i++){
880 vasHeraLedSum += +vasHeraLedValues[i];
881 }
882 if(vasHeraLedSum === 20 && Object.keys(vasObject["Hera Led"]).length > 0){
883 $('.services').find('[data-id="Hera Led"]').html('189€');
884 }else if(vasHeraLedSum === 20 && Object.keys(vasObject["Hera Led Business"]).length > 0){
885 $('.services').find('[data-id="Hera Led Business"]').html('189€');
886 }
887 }
888 }
889
890
891 }
892 checkVasLuce();
893 })
894
895
896 </script>
897 <#if ImmagineSfondo.getData()?? && ImmagineSfondo.getData() !="">
898 <#-- <section>
899 <img loading="lazy"
900 alt="${ImmagineSfondo.getAttribute("alt")}"
901 data-fileentryid="${ImmagineSfondo.getAttribute("fileEntryId")}"
902 src="${ImmagineSfondo.getData()}" class="w-100" style="height: 515px; object-fit: cover" />
903 </section> -->
904 <section>
905 <picture>
906 <source media="(max-width:600px)" srcset="${ImmagineSfondoMobile.getData()}" />
907 <img loading="lazy" alt="canvas" src="${ImmagineSfondo.getData()}" class="w-100" style="height: 515px; object-fit: cover"/>
908 </picture>
909 </section>
910 </#if>
911 <div class="hc-cart-externalWrapper">
912 ${SchedaAttivazioneProdotto.getData()}
913 </div>
914 <div id="container-footer-attivazione-prodotto" class="d-none w-100 position-fixed">
915 ${FooterAttivazioneProdotto.getData()}
916 </div>
917 <#if VociTab.getSiblings()?has_content>
918 <section>
919 <div class="tabOverview__wrapper">
920 <#list VociTab.getSiblings() as cur_VociTab>
921 <#if cur_VociTab?index == 0>
922 <#assign firstSectionId = cur_VociTab.getData()?replace(" ", "_") />
923 <button class="tabOverview__button tabOverview__buttonActive" onclick="navigateOnTabs(event, '#${firstSectionId}')">
924 ${cur_VociTab.getData()?upper_case}
925 </button>
926 </#if>
927
928 <#if cur_VociTab?index == 1>
929 <#assign secondSectionId = cur_VociTab.getData()?replace(" ", "_") />
930 <button class="tabOverview__button" onclick="navigateOnTabs(event, '#${secondSectionId}')">
931 ${cur_VociTab.getData()?upper_case}
932 </button>
933 </#if>
934
935 <#if cur_VociTab?index == 2>
936 <#assign thirdSectionId = cur_VociTab.getData()?replace(" ", "_") />
937 <button class="tabOverview__button" onclick="navigateOnTabs(event, '#${thirdSectionId}')">
938 ${cur_VociTab.getData()?upper_case}
939 </button>
940 </#if>
941
942 <#if cur_VociTab?index == 3>
943 <#assign fourthSectionId = cur_VociTab.getData()?replace(" ", "_") />
944 <button class="tabOverview__button" onclick="navigateOnTabs(event, '#${fourthSectionId}')">
945 ${cur_VociTab.getData()?upper_case}
946 </button>
947 </#if>
948 <#if cur_VociTab?index == 4>
949 <#assign fifthSectionId = cur_VociTab.getData()?replace(" ", "_") />
950 <button class="tabOverview__button" onclick="navigateOnTabs(event, '#${fifthSectionId}')">
951 ${cur_VociTab.getData()?upper_case}
952 </button>
953 </#if>
954
955 </#list>
956 </div>
957 </section>
958 </#if>
959
960
961 <div class="container" style="max-width: 1325px">
962
963 <section id="${firstSectionId}" class="contentOverwiev__wrapper">
964 <div class="contentOverwiev__contentWrapper">
965 ${SezioneOverview.TitoloOverview.getData()}
966 ${SezioneOverview.DescrizioneOverview.getData()}
967 </div>
968
969 <div class="contentOverwiev__tabWrapper">
970 <#if SezioneOverview.TitoloTabOverview.getSiblings()?has_content>
971 <#assign indexOfTabSlider= 0 />
972 <#list SezioneOverview.TitoloTabOverview.getSiblings() as cur_SezioneOverview>
973
974 <#if cur_SezioneOverview?index==0 && cur_SezioneOverview.getData()!= "">
975 <#assign indexOfTabSlider=cur_SezioneOverview?index />
976 <button class="contentOverwiev__tabButton contentOverwiev__tabButtonActive" onclick="switchTabs(event, 'sliderOverview-${cur_SezioneOverview?index}', 'contentOverwiev__tabButton', 'contentOverview__slideWrapper', 'contentOverwiev__tabButtonActive', false)">${cur_SezioneOverview.getData()}</button>
977 <#elseif cur_SezioneOverview.getData()!= "">
978 <button class="contentOverwiev__tabButton" onclick="switchTabs(event, 'sliderOverview-${cur_SezioneOverview?index}', 'contentOverwiev__tabButton', 'contentOverview__slideWrapper', 'contentOverwiev__tabButtonActive', false)">${cur_SezioneOverview.getData()} </button>
979 </#if>
980
981 </#list>
982 </#if>
983 </div>
984
985 <div class="contentOverview__slideWrapper contentOverview__slideWrapperBgInvert">
986 <#if SezioneOverview.TitoloTabOverview.getSiblings()?has_content>
987 <#list SezioneOverview.TitoloTabOverview.getSiblings() as cur_SezioneOverview>
988 <#if indexOfTabSlider == cur_SezioneOverview?index && cur_SezioneOverview.getData()!= "">
989 <div id="sliderOverview-${cur_SezioneOverview?index}" class="d-block">
990 <div class="contentOverview__slider-${cur_SezioneOverview?index} contentOverview__sliderPosition">
991
992 <#list cur_SezioneOverview.TabOverviewCardSlider.getSiblings() as cur_tabSlider>
993 <div class="p-4 d-inline-block">
994 ${cur_tabSlider.getData()}
995 </div>
996 </#list>
997
998 </div>
999 </div>
1000 <#elseif cur_SezioneOverview.getData()!= "">
1001 <div id="sliderOverview-${cur_SezioneOverview?index}" class="sliderHidden">
1002 <div class="contentOverview__slider-${cur_SezioneOverview?index} contentOverview__sliderPosition">
1003 <#list cur_SezioneOverview.TabOverviewCardSlider.getSiblings() as cur_tabSlider>
1004 <div class="p-4 d-inline-block">
1005 ${cur_tabSlider.getData()}
1006 </div>
1007 </#list>
1008 </div>
1009 </div>
1010 </#if>
1011 </#list>
1012 </#if>
1013 </div>
1014 </section>
1015 </div>
1016 <#assign newthirdSectionId="" newfourthSectionId="" />
1017 <#if getterUtil.getBoolean(includeVAS.getData())>
1018 <@liferay_portlet["runtime"] instanceId="heraschedeprodotto-${.vars['reserved-article-id'].data}" portletName="heraschedeprodotto" />
1019 <#assign newthirdSectionId=thirdSectionId newfourthSectionId=fourthSectionId />
1020 <#else>
1021 <#if VociTab.getSiblings()?size == 2>
1022 <#assign newfourthSectionId = secondSectionId />
1023 </#if>
1024 <#if VociTab.getSiblings()?size == 3>
1025 <#assign newthirdSectionId=secondSectionId newfourthSectionId=thirdSectionId/>
1026 </#if>
1027 </#if>
1028
1029 <div class="container" style="max-width: 1325px">
1030 <section id="${newthirdSectionId}"class="contentEnergia">
1031 <#if SezioneEnergia.TitoloEnergia.getData()?? && SezioneEnergia.DescrizioneEnergia.getData()??>
1032 <div class="contentEnergia__contentWrapper">
1033 <#if SezioneEnergia.TitoloEnergia.getData()?? && SezioneEnergia.TitoloEnergia.getData() != "">
1034 <div class="contentEnergia__contentWrapperBubble">
1035 ${SezioneEnergia.TitoloEnergia.getData()}
1036 </div>
1037 </#if>
1038 <#if SezioneEnergia.DescrizioneEnergia.getData()??>
1039 ${SezioneEnergia.DescrizioneEnergia.getData()}
1040 </#if>
1041 </div>
1042 </#if>
1043
1044 <div class="contentEnergia__tabWrapper">
1045 <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != "">
1046 <#assign idSectionEnergia = SezioneEnergia.TitoloTabEnergia.getData()?replace(' ', '_') />
1047 <button class="contentEnergia__tabButton contentEnergia__tabButtonActive" onclick="switchTabs(event, '${idSectionEnergia}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia.getData()}</button>
1048 </#if>
1049
1050 <#if SezioneEnergia.TitoloTabEnergia2.getData()?? && SezioneEnergia.TitoloTabEnergia2.getData() != "">
1051 <#assign idSectionEnergia2 = SezioneEnergia.TitoloTabEnergia2.getData()?replace(' ', '_') />
1052 <button class="contentEnergia__tabButton" onclick="switchTabs(event, '${idSectionEnergia2}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia2.getData()}</button>
1053 </#if>
1054
1055 <#if SezioneEnergia.TitoloTabEnergia3?? && SezioneEnergia.TitoloTabEnergia3.getData()?? && SezioneEnergia.TitoloTabEnergia3.getData() != "">
1056 <#assign idSectionEnergia3 = SezioneEnergia.TitoloTabEnergia3.getData()?replace(' ', '_') />
1057 <button class="contentEnergia__tabButton" onclick="switchTabs(event, '${idSectionEnergia3}','contentEnergia__tabButton','contentEnergia__tabContentWrapper', 'contentEnergia__tabButtonActive', true)">${SezioneEnergia.TitoloTabEnergia3.getData()}</button>
1058 </#if>
1059 </div>
1060 <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != "">
1061 <div class="contentEnergia__tabContentWrapper contentEnergia__tabContentWrapperBgInvert">
1062 <#if SezioneEnergia.TitoloTabEnergia.getData()?? && SezioneEnergia.TitoloTabEnergia.getData() != "">
1063 <div id="${idSectionEnergia}" class="row d-flex">
1064 <div class="col-lg-7 mb-5 mb-lg-0">
1065 <div class="mb-5">
1066 ${SezioneEnergia.TitoloTabEnergia.DescrizioneTabEnergia.getData()}
1067 </div>
1068 <#if SezioneEnergia.TitoloTabEnergia.LinkCtaEnergia1.getData() != "">
1069 <div class="contentEnergia__cta">
1070 <a href="${SezioneEnergia.TitoloTabEnergia.LinkCtaEnergia1.getData()}" style="color:#f04476;" >Scopri di più</a>
1071 </div>
1072 </#if>
1073 </div>
1074 <div class="col-lg-5">
1075 <#if SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia??>
1076 <#if SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia.getSiblings()?has_content>
1077 <div class="contentEnergia__sliderWrapper2">
1078 <#list SezioneEnergia.TitoloTabEnergia.ImmagineSliderEnergia.getSiblings() as cur_SezioneEnergia>
1079 <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != "">
1080 <div class="contentEnergia__sliderImgWrapper">
1081 <img loading="lazy"
1082 alt="${cur_SezioneEnergia.getAttribute("alt")}"
1083 data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}"
1084 src="${cur_SezioneEnergia.getData()}"
1085 class="w-100 h-100"
1086 style="object-fit: cover;"
1087 loading="lazy"
1088 />
1089 </div>
1090 </#if>
1091 </#list>
1092 </div>
1093 </#if>
1094 </#if>
1095 </div>
1096 </div>
1097 </#if>
1098 <#if SezioneEnergia.TitoloTabEnergia2.getData()?? && SezioneEnergia.TitoloTabEnergia2.getData() != "">
1099 <div id="${idSectionEnergia2}" class="row d-none">
1100 <div class="col-lg-7 mb-5 mb-lg-0">
1101 <div class="mb-5">
1102 ${SezioneEnergia.TitoloTabEnergia2.DescrizioneTabEnergia2.getData()}
1103 </div>
1104 <#if SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21?? && SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21.getData() != "">
1105 <div class="contentEnergia__cta">
1106 <a href="${SezioneEnergia.TitoloTabEnergia2.LinkCtaEnergia21.getData()}" style="color:#f04476;" >Scopri di più</a>
1107 </div>
1108 </#if>
1109 </div>
1110 <div class="col-lg-5">
1111 <#if SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2??>
1112 <#if SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2.getSiblings()?has_content>
1113 <div class="contentEnergia__sliderWrapper">
1114 <#list SezioneEnergia.TitoloTabEnergia2.ImmagineSliderEnergia2.getSiblings() as cur_SezioneEnergia>
1115 <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != "">
1116 <div class="contentEnergia__sliderImgWrapper">
1117 <img loading="lazy"
1118 alt="${cur_SezioneEnergia.getAttribute("alt")}"
1119 data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}"
1120 src="${cur_SezioneEnergia.getData()}"
1121 class="w-100 h-100"
1122 style="object-fit: cover;"
1123 loading="lazy"
1124 />
1125 </div>
1126 </#if>
1127 </#list>
1128 </div>
1129 </#if>
1130 </#if>
1131 </div>
1132 </div>
1133 </#if>
1134 <#if SezioneEnergia.TitoloTabEnergia3?? && SezioneEnergia.TitoloTabEnergia3.getData()?? && SezioneEnergia.TitoloTabEnergia3.getData() != "">
1135 <div id="${idSectionEnergia3}" class="row d-none">
1136 <div class="col-lg-7 mb-5 mb-lg-0">
1137 <div class="mb-5">
1138 ${SezioneEnergia.TitoloTabEnergia3.DescrizioneTabEnergia3.getData()}
1139 </div>
1140 <#if SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3?? && SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3.getData() != "">
1141 <div class="contentEnergia__cta">
1142 <a href="${SezioneEnergia.TitoloTabEnergia3.LinkCtaEnergia3.getData()}" style="color:#f04476;" >Scopri di più</a>
1143 </div>
1144 </#if>
1145 </div>
1146 <div class="col-lg-5">
1147 <#if SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3??>
1148 <#if SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3.getSiblings()?has_content>
1149 <div class="contentEnergia__sliderWrapper">
1150 <#list SezioneEnergia.TitoloTabEnergia3.ImmagineSliderEnergia3.getSiblings() as cur_SezioneEnergia>
1151 <#if cur_SezioneEnergia.getData()?? && cur_SezioneEnergia.getData() != "">
1152 <div class="contentEnergia__sliderImgWrapper">
1153 <img loading="lazy"
1154 alt="${cur_SezioneEnergia.getAttribute("alt")}"
1155 data-fileentryid="${cur_SezioneEnergia.getAttribute("fileEntryId")}"
1156 src="${cur_SezioneEnergia.getData()}"
1157 class="w-100 h-100"
1158 style="object-fit: cover;"
1159 loading="lazy"
1160 />
1161 </div>
1162 </#if>
1163 </#list>
1164 </div>
1165 </#if>
1166 </#if>
1167 </div>
1168 </div>
1169 </#if>
1170 </div>
1171 </#if>
1172 </section>
1173 </div>
1174 <#if SezioneBanner.ContenutoBanner?? && SezioneBanner.ContenutoBanner.getData()?has_content>
1175 <section class="bannerEnergia">
1176 <div class="position-relative">
1177 <div class="bannerEnergia__img"></div>
1178 <div class="bannerEnergia__contentWrapper">
1179 ${SezioneBanner.ContenutoBanner.getData()}
1180 </div>
1181 </div>
1182 </section>
1183 </#if>
1184
1185 <#if FasciaBanner?? && FasciaBanner.BackgroundFasciaBanner.getData()?has_content>
1186 <section id="${newfourthSectionId}" class="FasciaBannerContainer">
1187 <div class="container" style="max-width: 1325px;">
1188 <div class="testoFasciaBanner">
1189 <#if FasciaBanner.TitoloFasciaBanner?? && FasciaBanner.TitoloFasciaBanner.getData()?has_content>
1190 <h2>${FasciaBanner.TitoloFasciaBanner.getData()}</h2>
1191 </#if>
1192 <#if FasciaBanner.TestoFasciaBanner?? && FasciaBanner.TestoFasciaBanner.getData()?has_content>
1193 <p>${FasciaBanner.TestoFasciaBanner.getData()}</p>
1194 </#if>
1195 <br />
1196 <#if FasciaBanner.LinkInternoFasciaBanner?? && FasciaBanner.LinkInternoFasciaBanner.getFriendlyUrl()?has_content && FasciaBanner.TestoCTAFasciaBanner?? && FasciaBanner.TestoCTAFasciaBanner.getData??>
1197 <a class="btn gradient white mb-2" href="${FasciaBanner.LinkInternoFasciaBanner.getFriendlyUrl()}">
1198 ${FasciaBanner.TestoCTAFasciaBanner.getData()}
1199 </a>
1200 <#elseif FasciaBanner.LinkEsternoFasciaBanner?? && FasciaBanner.LinkEsternoFasciaBanner.getData()?has_content && FasciaBanner.TestoCTAFasciaBanner?? && FasciaBanner.TestoCTAFasciaBanner.getData??>
1201 <a class="btn gradient white mb-2" href="${FasciaBanner.LinkEsternoFasciaBanner.getData()}">
1202 ${FasciaBanner.TestoCTAFasciaBanner.getData()}
1203 </a>
1204 </#if>
1205 </div>
1206 </div>
1207 </section>
1208 </#if>
1209
1210 <section id="${fifthSectionId}" class="container contentInfoDocumenti" style="max-width: 1325px">
1211 <div class="contentInfoDocumenti__contentWrapper" id="Info_Dettagli">
1212 ${SezioneInfoEDettagli.TitoloInfo.getData()}
1213 ${SezioneInfoEDettagli.DescrizioneInfo.getData()}
1214 </div>
1215
1216 <div class="contentInfoDocumenti__tabWrapper">
1217 <#if SezioneInfoEDettagli.TitoloTabDomande.getData()?has_content>
1218 <button class="contentInfoDocumenti__tabButton contentInfoDocumenti__tabButtonActive" onclick="switchTabs(event, 'infoContent', 'contentInfoDocumenti__tabButton', 'contentInfoEDettagli__tabContentWrapper', 'contentInfoDocumenti__tabButtonActive', false)">
1219 ${SezioneInfoEDettagli.TitoloTabDomande.getData()}
1220 </button>
1221 <#if SezioneInfoEDettagli.TitoloTabDocumenti?? && SezioneInfoEDettagli.TitoloTabDocumenti.getData()?has_content>
1222 <button class="contentInfoDocumenti__tabButton" onclick="switchTabs(event, 'documentContent', 'contentInfoDocumenti__tabButton', 'contentInfoEDettagli__tabContentWrapper', 'contentInfoDocumenti__tabButtonActive', false)">
1223 ${SezioneInfoEDettagli.TitoloTabDocumenti.getData()}
1224 </button>
1225 </#if>
1226 <#elseif SezioneInfoEDettagli.TitoloTabDocumenti?? && SezioneInfoEDettagli.TitoloTabDocumenti.getData()?has_content>
1227 <div class="contentInfoDocumenti__tabButtonActive p-3 mb-4">
1228 ${SezioneInfoEDettagli.TitoloTabDocumenti.getData()}
1229 </div>
1230 </#if>
1231 </div>
1232
1233 <div class="contentInfoEDettagli__tabContentWrapper">
1234 <#if SezioneInfoEDettagli.TitoloTabDomande.TitoloDomande1.getData()?has_content>
1235 <div id="infoContent" class="contentInfoDocumenti__infoWrapper d-block">
1236 <#list SezioneInfoEDettagli.TitoloTabDomande.TitoloDomande1.getSiblings() as cur_SezioneInfoEDettagli>
1237 <div>
1238 <#assign infoIndex = cur_SezioneInfoEDettagli?counter />
1239 <a class="contentInfoDocumenti__infoSingolaWrapper" data-toggle="collapse" href="#info-dettagli-${infoIndex}" role="button" aria-expanded="false" aria-controls="info-dettagli-${infoIndex}">
1240 <p class="big contentInfoDocumenti__infoSingolaTitle">${cur_SezioneInfoEDettagli.getData()} </p>
1241 <i class="icon-arrow-r black contentInfoDocumenti__infoSingolaArrow"></i>
1242 </a>
1243 <div id="info-dettagli-${infoIndex}" class="collapse" >
1244 <div class="p-4">
1245 ${cur_SezioneInfoEDettagli.DescrizioneDomande.getData()}
1246 </div>
1247 </div>
1248 </div>
1249 </#list>
1250 </div>
1251 </#if>
1252 <div id="documentContent" class="contentInfoDocumenti__documentiWrapper <#if SezioneInfoEDettagli.TitoloTabDomande.getData()?has_content>d-none</#if>">
1253 <div class="row documentContent__wrapper" >
1254 <div id="moduleRow" class="row col-12">
1255 <#if SezioneInfoEDettagli.DocumentiEModulistica?? && SezioneInfoEDettagli.DocumentiEModulistica.getSiblings()?has_content>
1256 <#list SezioneInfoEDettagli.DocumentiEModulistica.getSiblings() as cur_documentoAllegato>
1257 <#assign dlFileEntryService = objectUtil("com.liferay.document.library.kernel.service.DLFileEntryServiceUtil") />
1258 <#if cur_documentoAllegato.getData() !="">
1259 <#assign counterDocAll=0 />
1260 <#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll>
1261 <#if counterDocAll==2>
1262 <#assign groupIdDocAll=xDocAll?number />
1263 </#if>
1264 <#if counterDocAll==5>
1265 <#assign
1266 uuIdDocAll=xDocAll
1267 counterUuIdDocAll=0
1268 />
1269 <#list "${xDocAll}" ?split("?") as xUuIdDocAll>
1270 <#if counterUuIdDocAll==0>
1271 <#assign uuIdDocAll=xUuIdDocAll />
1272 </#if>
1273 <#assign counterUuIdDocAll=counterUuIdDocAll + 1 />
1274 </#list>
1275 </#if>
1276 <#assign counterDocAll=counterDocAll + 1 />
1277 </#list>
1278 <#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) />
1279 <#assign substringcompare= fileDocAll.fileName?keep_before("_")/>
1280 <#assign display = "" />
1281 <#if fileDocAll.fileName?contains("HC_") && (tryurl?contains(estenergystring) || tryurl?contains(heracommmarchestring))>
1282 <#assign display = "d-none" />
1283 <#elseif fileDocAll.fileName?contains("HCM_") && (tryurl?contains("heracomm.gruppohera") || tryurl?contains(estenergystring))>
1284 <#assign display = "d-none" />
1285 <#elseif fileDocAll.fileName?contains("EENE_") && (tryurl?contains("heracomm.gruppohera") || tryurl?contains(heracommmarchestring))>
1286 <#assign display = "d-none" />
1287 </#if>
1288 <div class='col-md-12 ${display}'>
1289 <div class='row mb-3'>
1290 <div class='col-1'>
1291 <i class='icon-doc gradient-text x-bigger'></i>
1292 </div>
1293 <div class='col-10 pl-md-0'>
1294 <div class='black-three big letter-spacing-sm'>
1295 <a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank">
1296 <#if fileDocAll.fileName?starts_with("HC_") || fileDocAll.fileName?starts_with("HCM_") || fileDocAll.fileName?starts_with("EENE_")>
1297 <#assign indexOfUnderscore = fileDocAll.fileName?index_of('_')>
1298 ${fileDocAll.fileName?substring(indexOfUnderscore + 1)}
1299 <#else>
1300 ${fileDocAll.fileName}
1301 </#if>
1302 </a>
1303 </div>
1304 </div>
1305 </div>
1306 </div>
1307 </#if>
1308 </#list>
1309 </#if>
1310 </div>
1311 </div>
1312 </div>
1313 </div>
1314 <div class="contentInfoDocumenti__footerWrapper">
1315 ${SezioneInfoEDettagli.DescrizioneFooterInfo.getData()}
1316 </div>
1317 </section>
1318 <script>
1319 $(document).ready(function() {
1320
1321 let nomeofferta;
1322 <#if NOMEPRODOTTO?has_content>
1323 nomeofferta = "${NOMEPRODOTTO.getData()?trim}";
1324 </#if>
1325
1326 let societa = 'Bologna';
1327 <#if tryurl?contains(heracommmarchestring)>
1328 societa = "Pesaro";
1329 <#elseif tryurl?contains(estenergystring)>
1330 societa = "Gorizia";
1331 </#if>
1332
1333 let mercato = "${getterUtil.getString(themeDisplay.getThemeSetting('area'))}";
1334 let params = {"nome_offerta": nomeofferta, "mercato" : mercato,"societa":societa,"versione":"","step":"scheda prodotto","profilo":"","durata":""}
1335 <#if tryurl?contains(heracommmarchestring)>
1336 params = Object.assign(params, {"commodity":"Gas"});
1337 </#if>
1338
1339 $.ajax({
1340 type: 'POST',
1341 headers: {
1342 'Content-Type': 'application/json',
1343 },
1344 data: JSON.stringify(params),
1345 url: "/o/hera-rest/getCollectionList",
1346 async: false,
1347 success: function(resultData) {
1348 var lunghezzaresponse = 0;
1349 console.log('result-test:', resultData);
1350
1351 if(resultData.code !== "ERR_405") {
1352 for (lunghezzaresponse = 0; lunghezzaresponse < resultData.response.length; lunghezzaresponse++) {
1353 var elementocorrenteUUID = resultData.response[lunghezzaresponse].uuid;
1354 var elementocorrentedisplayname = resultData.response[lunghezzaresponse].displayName;
1355 var elementocorrentedisplaynamewithextension = elementocorrentedisplayname + '.' + resultData.response[lunghezzaresponse].attributi.valore;
1356
1357 var htmltoinsert = "<div class='col-md-12'>";
1358 htmltoinsert = htmltoinsert + "<div class='row mb-3'>";
1359 htmltoinsert = htmltoinsert + "<div class='col-2 text-xl-center'>";
1360 htmltoinsert = htmltoinsert + "<i class='icon-doc gradient-text x-bigger'></i>";
1361 htmltoinsert = htmltoinsert + "</div> <div class='col-10 pl-md-0'>";
1362 htmltoinsert = htmltoinsert + "<div onclick='engageoneuuid(\"" + elementocorrentedisplaynamewithextension + "\",\"" + elementocorrenteUUID + "\")' class='pointer black-three big letter-spacing-sm'>" + elementocorrentedisplaynamewithextension + "</div> </div> </div> </div>";
1363 $("#moduleRow").prepend(htmltoinsert);
1364 }
1365 } else {
1366 console.log("Collection non trovata", params);
1367 }
1368 }
1369 });
1370 });
1371 </script>