1<style>
2 <#if Immagine.getData() ?? && Immagine.getData() != "">
3 .SectionMain_img {
4 background-image: url("${Immagine.getData()}");
5 }
6 </#if>
7 ${GestioneModale.PersonalizzazioneModale.CSS_Modale.getData()}
8</style>
9
10<#if Bottone.TestoBottone.getData()?? && Bottone.TestoBottone.getData()?has_content>
11 <#assign labelVaiAllePolizze = Bottone.TestoBottone.getData()/>
12<#else>
13 <#assign labelVaiAllePolizze><@liferay_ui["message"] key="multilingua.tpl2019_TITOLOPAGINAHOME.btn.fai.preventivo" /></#assign>
14</#if>
15<div class="titolo-home">
16 <section class="mb-12x mb-md-20x">
17 <section class="SectionMain">
18 <div class="SectionMain_container container mb-5x mb-sm-0x">
19 <div class="SectionMain_content row no-gutters">
20 <div class="col-sm-6 offset-sm-0 col-lg-5 offset-lg-1">
21 <h1 class="mb-2x mb-md-4x">${Titolo1.getData()}</h1>
22 <div class="AF-Paragraph_large mb-3x mb-md-5x">${Descrizione.getData()}</div>
23 <#if getterUtil.getBoolean(Bottone.AttivaBottone.getData())>
24 <#if getterUtil.getBoolean(GestioneModale.AttivaModale.getData())>
25 <a href="javascript:void(0)" onclick="$('#modale_prodotti_home').attr('data-state','open')" class="AF-Btn AF-Btn-primary js-open-modal" data-modal="#policyModal">
26 <span class="AF-Btn_label AF-Btn_label-medium js-open-modal">${labelVaiAllePolizze}</span>
27 </a>
28 <#else>
29 <a href="${Bottone.PaginaBottone.getFriendlyUrl()}" class="AF-Btn AF-Btn-primary AF-link-titolo">
30 <span class="AF-Btn_label AF-Btn_label-medium js-open-modal">${labelVaiAllePolizze}</span>
31 </a>
32 </#if>
33 </#if>
34 <#-- Box descrizione aggiuntivo sotto il bottone -->
35 <#if Descrizione2.getData()?? && Descrizione2.getData()?has_content>
36 <div class="AF-Paragraph_large mb-3x mb-md-5x">${Descrizione2.getData()}</div>
37 </#if>
38 </div>
39 </div>
40 </div>
41 <div class="SectionMain_image">
42 <div class="SectionMain_img"></div>
43 </div>
44 </section>
45 </section>
46
47 <div id="modale_prodotti_home" class="AF-Modal">
48 <div class="AF-Modal_content">
49 <svg class="AF-Modal_close" xmlns="http://www.w3.org/2000/svg" onclick="$('#modale_prodotti_home').attr('data-state','close')">
50 <use xlink:href="#icon-delete"></use>
51 </svg>
52 <div id="policyModal" class="AF-Modal_main active">
53 <div style="width:100%">
54 ${GestioneModale.PersonalizzazioneModale.HTML_Modale.getData()}
55 <div class="F-Modal_container">
56 <div class="AF-Modal_header">
57 <h2 class="mb-2x mb-md-5x">${GestioneModale.TitoloModale.getData()}</h2>
58 <p>${GestioneModale.SottotitoloModale.getData()}</p>
59 </div>
60 <#if !getterUtil.getBoolean(GestioneModale.PersonalizzazioneModale.NonMostrareLePolizze.getData())>
61 <div class="AF-Modal_row row">
62 <#list tplToolUtil.initializeVetrinaProdotti(request, 3) as polizza>
63 <div class="AF-Modal_column col-xs-12 col-lg-4">
64 <div class="AF-Card AF-CardPolicy AF-CardPolicy-small">
65 <article class="AF-Card_content">
66 <div class="AF-Card_image">
67 <svg id="infortuni" xmlns="http://www.w3.org/2000/svg">
68 <use xlink:href="#${polizza.getIcona()}"></use>
69 </svg>
70 </div>
71 <h4 class="AF-CardPolicy_title AF-CardPolicy_title-small">${polizza.getTitle()}</h4>
72 <p class="AF-CardPolicy_paragraph AF-CardPolicy_paragraph-small">${polizza.getSubtitle()}</p>
73 <div class="AF-Card_btn">
74 <a href="${polizza.getFriendlyUrlContent()}" class="AF-Btn AF-Btn-primary AF-Btn-small AF-preventivo">
75 <span class="AF-Btn_label"><@liferay_ui["message"] key="multilingua.tpl2019_TITOLOPAGINAHOME.btn.fai.preventivo.lower" /></span>
76 </a>
77 </div>
78 </article>
79 </div>
80 </div>
81 </#list>
82 </div>
83 <#if tplToolUtil.initializeVetrinaProdotti(request, 3)?size gte 3>
84 <div>
85 <a href="${Bottone.PaginaBottone.getFriendlyUrl()}" class="AF-Btn AF-Btn-primary AF-Btn-small">
86 <span class="AF-Btn_label AF-Btn_label-link"><@liferay_ui["message"] key="multilingua.portal_header.menu.mostra.polizze" /></span>
87 </a>
88 </div>
89 </#if>
90 </#if>
91 </div>
92 </div>
93 </div>
94 </div>
95 </div>
96</div>
97<script type="text/javascript">
98
99 $(document).ready(function() {
100 $('.titolo-home').on('click', 'a[href]:not(.AF-preventivo, .AF-Altre)', function(e) {
101 let urlNew = $(this).attr("href");
102 let url = window.location.href;
103 let impers;
104 let param;
105
106 if (url.indexOf("doAsUserId") >= 0) {
107 param = "doAsUserId";
108 } else if (url.indexOf("cliente") >= 0) {
109 param = "cliente";
110 }
111
112 if (param) {
113 impers = url.substring(url.indexOf(param));
114 if (urlNew.includes("?")) {
115 urlNew = urlNew + "&" + impers;
116 } else {
117 urlNew = urlNew + "?" + impers;
118 }
119 }
120 $(this).attr("href", urlNew);
121 });
122 });
123
124 $(document).ready(function(){
125 $(document).on('click', '.AF-preventivo', function(e) {
126 url =$(this).attr("href");
127 var init = url.substring(0,url.indexOf("/-"));
128 var second = url.substring(url.indexOf("?"),url.length);
129 urlImp = window.location.href;
130 if (urlImp.indexOf("doAsUserId") >= 0 ){
131 var impers = urlImp.substring(urlImp.indexOf("doAsUserId"),urlImp.length);
132 }
133 var urlNew= init+ "/preventivazione"+ second + "&" + impers;
134 $(".AF-preventivo").attr("href", urlNew);
135 });
136 });
137</script>
138
139<style>
140 .AF-Modal_row {
141 margin-right:auto! important;
142 margin-left:auto! important;
143 }
144
145 .AF-Paragraph_large{
146 color: #7a838e! important;
147 }
148</style>
