1<script type="text/javascript">
2 window.WebCpApi = window.WebCpApi || {};
3 window.WebCpApi.wcs= window.WebCpApi.wcs || {};
4 window.WebCpApi.wcs.bannerInfo= window.WebCpApi.bannerInfo || {};
5 window.WebCpApi.wcs.bannerInfo = (function(){
6
7 var _openInNewTab = function(url){
8 window.open(url, '_blank').focus();
9 }
10
11 var _redirect = function(url) {
12 window.location.href = url;
13 }
14
15 var _clearHash = function(qs){
16 return qs.replace(window.location.hash, '');
17 }
18
19 var handleAction = function(event, urlParam){
20
21 var url = urlParam + _clearHash(_extractQueryString());
22
23 url.replace(window.location.hash, '');
24
25 console.log('>>>> url ' + url);
26
27 if(urlParam[0] == '#'){
28
29 if(window.location.href.endsWith(urlParam)){
30 url = window.location.href;
31 }else{
32 url = window.location.href;
33 if(window.location.href.includes('#/?')){
34 url = url.replace('#/?','?');
35 }
36 url = url + urlParam;
37 }
38 }
39
40 if (event.ctrlKey) {
41 _openInNewTab(url)
42 }else{
43 _redirect(url);
44 }
45 }
46
47 var _extractQueryString = function(){
48
49 if(window.location.href){
50
51 var currentSplitURL = window.location.href.split("?");
52
53 if(currentSplitURL.length > 1){
54 return window.location.href.substring(window.location.href.indexOf('?'));
55 }
56
57 return '';
58 }
59
60 return window.location.search;
61 }
62
63 return {
64 handleAction: handleAction
65 };
66 }
67 )();
68</script>
69<div class="-Panel-head">
70 <h2 class="-Heading">${title.getData()}</h2>
71</div>
72<div class="-Panel-body">
73 <#if getterUtil.getBoolean(showDiscount.getData())>
74 <!-- MOBILE -->
75 <div class="-Display -Display--mdNone">
76 <div class="-Badge -Badge--pointBurst -Badge--panelPointBurst">
77 <div class="-Badge-contents">
78 <span class="-Badge-contentsContent">-${discount.getData()} %</span>
79 </div>
80 </div>
81 </div>
82 <!-- DESKTOP -->
83 <div class="-Display -Display--none -Display--mdBlock">
84 <div class="-Badge -Badge--pointBurst -Badge--pointBurstSizeLarge -Badge--mdPanelPointBurstSizeLarge">
85 <div class="-Badge-contents">
86 <span class="-Badge-contentsStart">sleva</span>
87 <span class="-Badge-contentsContent">${discount.getData()} %</span>
88 </div>
89 </div>
90 </div>
91 </#if>
92 <ul class="-List -List--itemSpacing0_75x">
93 <#if item.getSiblings()?has_content>
94 <#list item.getSiblings() as cur_item>
95 <li class="-List-item">
96 <div class="-List-itemContents">
97 <span class="-List-itemStart ">
98 <i class="Icon -Icon -Icon--check -Icon--colorPrimary"></i>
99 </span>
100 <span class="-List-itemContent">${cur_item.getData()}</span>
101 </div>
102 </li>
103 </#list>
104 </#if>
105 </ul>
106</div>
107<div id="${.vars['reserved-article-id'].data}-wrapperBannerInfo" class="-Panel-foot">
108 <div class="-QueryFragments -QueryFragments--count1 -QueryFragments--alignItemsCenter">
109 <#if appUrl.getData()?has_content || onButtonClick.getData()?has_content>
110 <div class="-QueryFragments-col">
111 <a class="Button Button--primary -Button--expand -Button--contentSpaceBetween js-arrange-insurance"
112 onclick="
113 (function(event) {
114 event.preventDefault();
115
116 <#if onButtonClick?has_content>
117 ${onButtonClick.getData()};
118 </#if>
119 <#if appUrl?has_content>
120 var urlParam = '${appUrl.getData()}';
121 window.WebCpApi.wcs.bannerInfo.handleAction(event, urlParam);
122 </#if>
123
124
125
126 })(event);">
127 <span class="Button-label">${label_appURL.getData()}</span>
128 <i class="Icon -Icon -Icon--chevronRight Button-icon -Button-icon--sizeSmall"></i>
129 </a>
130 <#if getterUtil.getBoolean(showDiscount.getData())>
131 <div class="-Block -Block--marginTop0_25x -Block--justifyContentCenter">
132 <span class="-Text -Text--small -Text--bold -Text--italic -Text--colorHighlight"> Se slevou ${discount.getData()} % </span>
133 </div>
134 </#if>
135 </div>
136 <div class="-QueryFragments-col">
137 <#if phone.getData()?has_content>
138 <div class="-Block -Block--marginTop0_5x -Block--marginBottom0_5x -Block--justifyContentCenter -Block--alignItemsCenter">
139 <span class="-Text -Text--small -Text--nowrap -Text--indentRight0_75x"> Nebo volejte: </span>
140 <span class="-Display -Display--inline -Display--mdNone">
141 <a href="tel:${phone.getData()}" class="-Link -Link--colorBaseText -Link--hoverTextUnderlineNone">
142 <span class="-Text -Text--large -Text--bold -Text--nowrap">
143 <i class="Icon -Icon -Icon--phone -Icon--prefix"></i>${phone.getData()}
144 </span>
145 </a>
146 </span>
147 <span class="-Display -Display--none -Display--mdInline">
148 <span class="-Text -Text--large -Text--bold -Text--nowrap">
149 <i class="Icon -Icon -Icon--phone -Icon--prefix"></i>${phone.getData()}
150 </span>
151 </span>
152 </div>
153 </#if>
154 <#if getterUtil.getBoolean(showDiscount.getData())>
155 <div class="-Display -Display--none -Display--mdBlock">
156 <div class="-Block -Block--marginTop0_25x -Block--justifyContentCenter">
157 <span class="-Text -Text--small -Text--bold -Text--italic -Text--colorHighlight"> </span>
158 </div>
159 </div>
160 </#if>
161 </div>
162 </#if>
163 </div>
164 <#if moreUrl.getData()?has_content>
165 <div class="-Display -Display--none -Display--mdBlock">
166 <div class="-Block -Block--marginTop0_5x">
167 <#--
168 Fix issue animation of scrolling to anchor,
169 where interacted css with js smoothscroll from gef-ui-components
170 -->
171 <a class="Button -Button--bare -Button--expand"
172 onclick="
173 (function(event) {
174 event.preventDefault();
175 var urlParam = '${moreUrl.getData()}';
176
177 window.WebCpApi.wcs.bannerInfo.handleAction(event, urlParam);
178
179 })(event);"
180 >
181 <span class="Button-label">Více informací</span>
182 <i class="Icon -Icon -Icon--chevronDown Button-icon -Button-icon--circle -Button-icon--circleColorPrimary"></i>
183 </a>
184 </div>
185 </div>
186 </#if>
187</div>
