Jacksonville Baymeadows Readymix Concrete Plant and aggreates terminal - CEMEX USA
An error occurred while processing the template.
The following has evaluated to null or missing:
==> cur_BasicContact.EmailContact [in template "20116#20152#53580994" at line 483, column 44]
----
Tip: It's the step after the last dot that caused this error, not those before it.
----
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 cur_BasicContact.EmailContact.get... [in template "20116#20152#53580994" at line 483, column 39]
----
1<#-- variables -->
2<#assign categoryProductListID = 45573401>
3<#assign sNavigate = "Navigate">
4<#assign sOurProfile = "See our business profile on Google">
5<#assign sGetQuote = "Get a quote">
6<#assign sOpeningH = "Opening hours">
7<#assign sContactDetails = "Contact details">
8<#assign sProductListing = "Products available for this location">
9<#assign sLocalContacts = "Local Contacts">
10<#assign sPriceList = "Pricelists of products and services">
11<#assign sSpecialProducts = "Our range of specialty products">
12<#assign sZipShort = "zip code">
13<#assign sGoogleCustomerReviews = "Google Reviews">
14<#assign googleServerApiKey = "AIzaSyBLgGCvpR7ntwVn2JChy_1EZ8E8w62MQgc">
15<#-- /variables -->
16
17
18<style>
19 .ld-topline {
20 border-top: 1px solid lightgray;
21 }
22
23 .ld-topbox-heading-h1 {
24 font-size: 40px;
25 margin-right: 2em;
26 }
27
28 .ld-topbox-heading {
29 display: flex;
30 flex-direction: row;
31 align-items: baseline;
32 flex-wrap: wrap;
33 }
34
35 .ld-topbox-heading-stars {
36 font-size: 18px;
37 }
38
39
40 .ld-topbox-heading-stars a {
41 font-size: 16px;
42 }
43
44 p.ld-topbox-address-address {
45 font-size: 26px;
46 font-weight: 500;
47 }
48
49 .ld-topbox-links {
50 display: flex;
51 flex-direction: row;
52 justify-content: space-between;
53 }
54
55 .ld-contactbox-quote a.btn {
56 border-radius: 0;
57 padding: 10px 35px;
58 text-transform: uppercase;
59 font-size: 11px;
60 font-weight: 900;
61 letter-spacing: 2px;
62 color: #FFF;
63 background-color: #356090;
64 }
65
66
67 .ld-contactbox-products-list {
68 display: flex;
69 flex-direction: row;
70 flex-wrap: wrap;
71 }
72
73 .ld-contactbox-products-list p {
74 width: 48%;
75 margin-right: 2%;
76 }
77
78 .ld-topbox-address {
79 padding-top: 20px;
80 }
81
82 .ld-box div.ld-contactbox,
83 .ld-box div.ld-peoplebox,
84 .ld-box div.ld-docubox {
85 padding: 20px 0px 40px 0;
86 }
87
88 .ld-box .ld-contactbox {
89 padding-right: 20px;
90 }
91
92 .ld-contactbox-contacts a {
93 font-weight: 500;
94 }
95
96 .ld-box .ld-aboutbox {
97 padding: 20px 20px 20px 0px;
98 }
99
100 .ld-box div.ld-rangebox {
101 padding-top: 40px;
102 }
103
104 .ld-box p {
105 padding: 0;
106 font-size: 16px;
107 }
108
109 .ld-box .ld-peoplebox-list-contact-name {
110 font-weight: 500;
111 }
112
113 .ld-backimage {
114 background-color: #cccccc;
115 background-position: center;
116 background-repeat: no-repeat;
117 background-size: cover;
118 border: 0;
119 }
120
121 .ld-box .ld-topbox-address-address {
122 padding-bottom: 20px;
123 }
124
125 .ld-box h4,
126 .ld-box h3 {
127 font-size: 18px;
128 font-weight: 500;
129 padding-bottom: 0.75em;
130 color: black;
131 }
132
133 .ld-box h3 {
134 font-size: 26px;
135 }
136
137 .ld-contactbox-contacts,
138 .ld-contactbox-hours,
139 .ld-contactbox-products {
140 padding-bottom: 20px;
141 }
142
143 .ld-peoplebox-list-contact {
144 display: flex;
145 margin-right: 50px;
146 margin-bottom: 20px;
147 flex-direction: column;
148 }
149
150 .ld-peoplebox-list {
151 display: flex;
152 flex-direction: row;
153 justify-content: flex-start;
154 flex-wrap: wrap;
155 }
156
157 .ld-rangebox-list {
158 display: flex;
159 flex-direction: row;
160 overflow: hidden;
161 }
162
163 .ld-rangebox-list-card {
164 display: flex;
165 flex-direction: column;
166 }
167
168 .ld-gallerybox {
169 overflow: hidden;
170 }
171
172 .ld-gallerybox-imageholder {
173 width: 100%;
174 max-height: 420px;
175 height: calc(50vw / 1.5);
176 }
177
178 @media only screen and (max-width: 1023px) {
179 .ld-gallerybox-imageholder {
180 height: calc(70vw);
181 }
182 }
183
184 .ld-rangebox-list-card {
185 border: solid 1px lightgray;
186 border-left: 0;
187 color: black;
188 <#-- margin-right: -1px;
189 margin-bottom: -1px; -->
190 flex-grow: 1;
191 }
192
193 .ld-rangebox-list-card-image {
194 width: 100%;
195 height: calc(25vw / 2.3);
196 min-height: 150px;
197 display: flex;
198 align-items: center;
199 justify-content: center;
200 padding: 20px;
201 }
202
203 .ld-rangebox-list-card-text {
204 padding: 18px 40px;
205 }
206
207 h4.ld-rangebox-list-card-text-h {
208 font-size: 26px;
209 }
210
211 .ld-docubox-list {
212 display: flex;
213 align-items: center;
214 flex-direction: row;
215 flex-wrap: wrap;
216 }
217
218 a.ld-docubox-list-doc {
219 margin-right: 80px;
220 font-size: 12px;
221 text-decoration: underline;
222 }
223
224 .ld-docubox-list-file {
225 display: flex;
226 align-items: center;
227 margin-bottom: 0.5em;
228 }
229
230 .ld-box .fa-file-pdf {
231 color: red;
232 }
233
234 .ld-box .fa-file-word {
235 color: darkblue;
236 }
237
238 .ld-box .fa-file-excel {
239 color: darkgreen;
240 }
241
242 /* carousels */
243
244 #carousel-products .owl-item:first-child a.ld-rangebox-list-card
245 {
246 border: solid 1px lightgray;
247 }
248
249
250 .owl-carousel .owl-wrapper,
251 .owl-carousel .owl-item,
252 #carousel-products .owl-wrapper {
253 display: flex!important;
254 }
255
256 #carousel-gallery .owl-wrapper-outer,
257 #carousel-gallery .owl-wrapper,
258 #carousel-gallery .owl-item {
259 height: 100%;
260 }
261
262 #carousel-gallery.owl-theme .owl-controls {
263 margin-top: -30px;
264 }
265
266 #carousel-gallery.owl-theme #progressBar {
267 height: 6px;
268 background-color: #3FA9F5;
269 position: relative;
270 }
271
272 #carousel-gallery.owl-theme #progressBar #bar {
273 height: 6px;
274 background-color: #003875;
275 }
276
277 #carousel-gallery.owl-theme .owl-controls .owl-page span {
278 background: #fff;
279 width: 12px;
280 height: 12px;
281 opacity: 0.99 !important;
282 transition: all 0.4s ease;
283 }
284
285 #carousel-gallery.owl-theme .owl-controls .owl-page.active span,
286 #carousel-gallery.owl-theme .owl-controls.clickable .owl-page:hover span {
287 background: #3FA9F5;
288 }
289
290 #carousel-gallery.owl-theme .owl-controls .owl-page:not(.active) span:hover {
291 transition: none;
292 box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7);
293 }
294
295 #carousel-gallery.owl-theme .image-overlay {
296 position: absolute;
297 width: 100%;
298 height: 100%;
299 background: linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.41) 60%, rgba(0, 0, 0, 0.7));
300 }
301
302 /* carousel nav */
303
304 #carousel-products .owl-wrapper {
305 z-index: 100;
306 }
307
308 #carousel-products .owl-controls.clickable {
309 position: absolute;
310 top: 0;
311 height: 100%;
312 width: 100%;
313 flex-direction: row;
314 margin-top: 0;
315 }
316
317 #carousel-products .owl-buttons {
318 height: 100%;
319 display: flex;
320 flex-direction: row;
321 justify-content: space-between;
322 align-items: center;
323 }
324
325 #carousel-products .owl-buttons .owl-prev,
326 #carousel-products .owl-buttons .owl-next {
327 border-radius: 0;
328 text-align: center;
329 display: flex;
330 align-items: center;
331 z-index: 200;
332 color: #5A5D66;
333 font-size: 36px;
334 margin: 0;
335 background: 0;
336 padding: 10px 5px;
337 }
338
339 .ld-rangebox-list-card-logo {
340 width: 200px;
341 }
342
343</style>
344
345<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" rel="stylesheet" />
346
347
348<#-- get Google Api Key from site settings -->
349<#assign group = themeDisplay.getScopeGroup()>
350<#assign gApiKey = group.getTypeSettingsProperty("googleMapsAPIKey")!"key_is_missing">
351
352
353<#assign dateFormat = "d. MMMM yyyy" />
354<#setting locale=locale.toString()>
355<#-- the langPrefix is used to recieve a google API request in specigfic language - in troubles set it manualy -->
356<#assign langPrefix = locale?keep_before("_")>
357
358<#assign dLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService") />
359<#assign httpUtil = staticUtil["com.liferay.portal.kernel.util.HttpUtil"] />
360
361
362<#assign journalArticleId = .vars['reserved-article-id'].data>
363<#assign journalArticleResourceLocalServiceUtil = serviceLocator.findService('com.liferay.journal.service.JournalArticleResourceLocalService')>
364<#assign assetCategoryLocalServiceUtil = serviceLocator.findService('com.liferay.asset.kernel.service.AssetCategoryService')>
365
366<#assign articleResourcePK = journalArticleResourceLocalServiceUtil.getArticleResourcePrimKey(groupId, journalArticleId)/>
367<#assign categoryList=assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle",articleResourcePK) >
368
369<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
370<#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")>
371<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
372
373<#-- build address line -->
374<#assign address = []>
375<#assign addressLine = "">
376<#if locationAddress.street?? && locationAddress.street.getData() !="">
377 <#assign address = address + [locationAddress.street.getData()]>
378</#if>
379<#if locationAddress.city?? && locationAddress.city.getData() !="">
380 <#assign address = address + [locationAddress.city.getData()]>
381</#if>
382<#if locationAddress.region?? && locationAddress.region.getData() !="">
383 <#assign address = address + [locationAddress.region.getData()]>
384</#if>
385<#if locationAddress.postcode?? && locationAddress.postcode.getData() !="">
386 <#assign address = address + ["${sZipShort} " + locationAddress.postcode.getData()]>
387</#if>
388<#if locationAddress.area?? && locationAddress.area.getData() !="">
389 <#assign address = address + [locationAddress.area.getData()]>
390</#if>
391<#if locationAddress.country?? && locationAddress.country.getData() !="">
392 <#assign address = address + [locationAddress.country.getData()]>
393</#if>
394<#list address as part_address>
395 <#assign addressLine = addressLine + part_address>
396 <#if part_address?has_next>
397 <#assign addressLine = addressLine + ", ">
398 </#if>
399</#list>
400
401<#-- set GEO -->
402<#if geoLoc_customgeolocation.getData() != "">
403 <#assign geolocationJSONObject = jsonFactoryUtil.createJSONObject(geoLoc_customgeolocation.getData())>
404 <#assign latitude = geolocationJSONObject.getDouble("latitude")>
405 <#assign longitude = geolocationJSONObject.getDouble("longitude")>
406 <#assign geo = true>
407<#else>
408 <#assign geo = false>
409</#if>
410
411<#-- analyze google place -->
412<#assign gLocationRate = 0>
413<#assign gLocationUser_rates = 0>
414<#assign gLocationStars = 0>
415<#assign gLocationUrl = "#">
416
417<#if GoogleLocationID?? && GoogleLocationID.getData() != "">
418 <#assign googleApiKey = gApiKey/>
419 <#assign httpUtil = staticUtil["com.liferay.portal.kernel.util.HttpUtil"] />
420 <#assign response = httpUtil.URLtoString("https://maps.googleapis.com/maps/api/place/details/json?placeid=${GoogleLocationID.getData()}&fields=name,rating,user_ratings_total,url,opening_hours&language=${langPrefix}&key=${googleServerApiKey}") >
421 <#-- https://maps.googleapis.com/maps/api/place/details/json?placeid=${GoogleLocationID.getData()}&fields=name,rating,user_ratings_total,url,opening_hours&language=${langPrefix}&key=${googleServerApiKey} -->
422 <#assign resp = response?eval>
423 <#if resp.result??>
424 <#if resp.result.rating??>
425 <#assign gLocationRate = resp.result.rating>
426 <#assign gLocationUser_rates = resp.result.user_ratings_total>
427 <#assign gLocationStars = countStars(gLocationRate)>
428 <#assign gLocationUrl = resp.result.url>
429 </#if>
430 <#if resp.result.opening_hours??>
431 <#assign gLocationWeekdays = resp.result.opening_hours.weekday_text>
432 </#if>
433 <#-- if bad respond -->
434 <#elseif resp.status?? && resp.error_message??>
435 <p>Google palace API: ${resp.status}<BR>
436 Message: ${resp.error_message}</p>
437 <#elseif resp.status??>
438 <p>Google palace API: ${resp.status}</p>
439 </#if>
440</#if>
441
442
443<article class="ld-location-detail">
444 <div class="row" style="margin-top:40px">
445 <div class="ld-wrapper col-xs-12">
446
447 <div class="">
448 <div class="container">
449 <div class="row ld-box">
450 <div class="col-xs-12 ld-topbox">
451 <div class="ld-topbox-heading">
452 <h1 class="ld-topbox-heading-h1">${locationName.getData()}</h1>
453 <#if gLocationRate gte 3>
454 <span class="ld-topbox-heading-stars">${gLocationRate} ${gLocationStars} | <a href="${gLocationUrl}" target="_blank">${gLocationUser_rates} ${sGoogleCustomerReviews}</a></span>
455 </#if>
456 </div>
457 <div class="ld-topbox-address">
458 <p class="ld-topbox-address-address">${addressLine}</p>
459 </div>
460 <div class="ld-topbox-links">
461 ${geo?then('<a target="_blank" href="https://google.com/maps/dir//${latitude},${longitude}">${sNavigate}</a>', '')}
462 <#if gLocationUrl != "#">
463 <a href="${gLocationUrl}" target="_blank">${sOurProfile}</a>
464 </#if>
465 </div>
466 </div>
467 </div>
468 </div>
469 </div>
470
471 <div class="ld-topline">
472 <div class="container">
473 <div class="row ld-box">
474 <div class="col-md-6 ld-contactbox">
475 <div class="ld-contactbox-contacts">
476 <h4>${sContactDetails}</h4>
477 <#if BasicContact.getSiblings()?has_content>
478 <#list BasicContact.getSiblings() as cur_BasicContact>
479 <p>${cur_BasicContact.getData()}:
480 <#if cur_BasicContact.PhoneContact.getData() !="">
481 <a href="tel:${cur_BasicContact.PhoneContact.getData()}">${cur_BasicContact.PhoneContact.getData()}</a>
482 <#else>
483 <#if cur_BasicContact.EmailContact.getData() !="">
484 <a href="mailto:${cur_BasicContact.EmailContact.getData()}">${cur_BasicContact.EmailContact.getData()}</a>
485 </#if>
486 </#if>
487 </p>
488 </#list>
489 </#if>
490 </div>
491 <#if gLocationWeekdays?? || (openingHours?? && openingHours.getData() != "")>
492 <div class="ld-contactbox-hours">
493 <h4>${sOpeningH}</h4>
494 <#if gLocationWeekdays?? && openingHours.getData() = "">
495 <p>
496 <#list gLocationWeekdays as cur_gLocationWeekdays>
497 ${cur_gLocationWeekdays}<br>
498 </#list>
499 </p>
500 <#else>
501 <p>${openingHours.getData()}</p>
502 </#if>
503 </div>
504 </#if>
505 <div class="ld-contactbox-products">
506 <h4>${sProductListing}</h4>
507 <div class="ld-contactbox-products-list">
508 <#if categoryList?has_content>
509 <#list categoryList as category>
510 <#if category.vocabularyId = categoryProductListID>
511 <p>${category.getName()}
512 <#--if categoryList.getDescription() !="">
513 – ${categoryList.getDescription()}
514 </#if-->
515 </p>
516 </#if>
517 </#list>
518 </#if>
519 </div>
520 </div>
521 <#if QuotePageLink.getFriendlyUrl() !="">
522 <div class="ld-contactbox-quote">
523 <a href="${QuotePageLink.getFriendlyUrl()}" class="btn">${sGetQuote}</a>
524 </div>
525 </#if>
526 </div>
527 <div class="col-md-6 ld-mapbox">
528 <#if geo>
529 <@liferay_map["map-display"]
530 geolocation=true
531 latitude=latitude
532 longitude=longitude
533 name="geoLoc_customgeolocation"
534 />
535 </#if>
536 </div>
537 </div>
538 </div>
539 </div>
540
541 <#if SummaryLabel?? && SummaryLabel.getData() !="">
542 <div class="ld-topline">
543 <div class="container">
544 <div class="row ld-box">
545 <div class="col-md-6 ld-aboutbox">
546 <div class="ld-aboutbox-about">
547 <h3>${SummaryLabel.getData()}</h3>
548 <p>${SummaryLabel.SummaryText.getData()}</p>
549 </div>
550 </div>
551 <div class="col-md-6 ld-gallerybox">
552
553 <div id="carousel-gallery" class="owl-carousel owl-theme">
554 <#if LocationImage.getSiblings()?has_content>
555 <#list LocationImage.getSiblings() as cur_LocationImage>
556 <#if cur_LocationImage.getData()?? && cur_LocationImage.getData() != "">
557 <div class="ld-gallerybox-imageholder ld-backimage" style="background-image: url('${cur_LocationImage.getData()}');">
558 </div>
559 </#if>
560 </#list>
561 </#if>
562 </div>
563 </div>
564 </div>
565 </div>
566 </div>
567 </#if>
568
569
570 <#assign local_contact_has_data = false />
571 <#if LocalContact?? && LocalContact.getSiblings()?has_content>
572 <#list LocalContact.getSiblings() as cur_LocalContact>
573 <#if cur_LocalContact.getData() !="">
574 <#if cur_LocalContact.WorkPositionLabel.getData() !="">
575 <#assign local_contact_has_data = true />
576 </#if>
577 <#if cur_LocalContact.email.getData() !="">
578 <#assign local_contact_has_data = true />
579 </#if>
580 <#if cur_LocalContact.PhoneNumber.getData() !="">
581 <#assign local_contact_has_data = true />
582 </#if>
583 </#if>
584 </#list>
585 </#if>
586 <#if local_contact_has_data>
587 <div class="ld-topline">
588 <div class="container">
589 <div class="row ld-box">
590 <div class="col-md-12 ld-peoplebox">
591 <h3>${sLocalContacts}</h3>
592 <div class="ld-peoplebox-list">
593 <#list LocalContact.getSiblings() as cur_LocalContact>
594 <div class="ld-peoplebox-list-contact">
595 <#if cur_LocalContact.getData() !="">
596 <span class="ld-peoplebox-list-contact-name">${cur_LocalContact.getData()}</span>
597 <#if cur_LocalContact.WorkPositionLabel.getData() !="">
598 <span class="ld-peoplebox-list-contact-text">${cur_LocalContact.WorkPositionLabel.getData()}</span>
599 </#if>
600 <#if cur_LocalContact.email.getData() !="">
601 <span class="ld-peoplebox-list-contact-text">E-mail: ${cur_LocalContact.email.getData()}</span>
602 </#if>
603 <#if cur_LocalContact.PhoneNumber.getData() !="">
604 <span class="ld-peoplebox-list-contact-text">phone: ${cur_LocalContact.PhoneNumber.getData()}</span>
605 </#if>
606 </#if>
607 </div>
608 </#list>
609 </div>
610 </div>
611 </div>
612 </div>
613 </div>
614 </#if>
615
616 <#assign pricelist_document_file_has_data = false />
617 <#if PricelistDocumentFile?? && PricelistDocumentFile.getSiblings()?has_content>
618 <#list PricelistDocumentFile.getSiblings() as cur_PricelistDocumentFile>
619 <#if cur_PricelistDocumentFile.getData() !="">
620 <#if cur_PricelistDocumentFile.FileDisplayName.getData() !="">
621 <#assign pricelist_document_file_has_data = true />
622 </#if>
623 </#if>
624 </#list>
625 </#if>
626 <#if pricelist_document_file_has_data>
627 <div class="ld-topline">
628 <div class="container">
629 <div class="row ld-box">
630 <div class="col-md-12 ld-docubox">
631 <h3>${sPriceList}</h3>
632 <div class="ld-docubox-list">
633 <#list PricelistDocumentFile.getSiblings() as cur_PricelistDocumentFile>
634 <div class="ld-docubox-list-file">
635 <i class="${cur_PricelistDocumentFile.FileTypeIcon.getData()} fa-2x inline-align-self-middle"> </i>
636 <a href="${cur_PricelistDocumentFile.getData()}" class="ld-docubox-list-doc ico-pdf" target="_blank">
637 ${cur_PricelistDocumentFile.FileDisplayName.getData()}
638 </a>
639 </div>
640 </#list>
641 </div>
642 </div>
643 </div>
644 </div>
645 </div>
646 </#if>
647 </div>
648</article>
649
650<#assign product_range_has_data = false />
651<#if ProductRange?? && ProductRange.getSiblings()?has_content>
652 <#list ProductRange.getSiblings() as cur_ProductRange>
653 <#if cur_ProductRange.getData() !="">
654 <#assign product_range_has_data = true />
655 </#if>
656 </#list>
657</#if>
658<#if product_range_has_data>
659 <div class="ld-topline">
660 <div class="container">
661 <div class="row ld-box">
662 <div class="col-md-12 ld-rangebox">
663 <h3>${sSpecialProducts}</h3>
664 <div id="carousel-products" class="ld-rangebox-list owl-carousel owl-theme">
665 <#list ProductRange.getSiblings() as cur_ProductRange>
666 <@printCard cur_ProductRange/>
667 </#list>
668 </div>
669 </div>
670 </div>
671 </div>
672 </div>
673</#if>
674
675<#-- macros & functions -->
676
677<#macro printCard card>
678
679 <#assign webContentData = jsonFactoryUtil.createJSONObject(card.getData())/>
680 <#if !webContentData.classPK??>
681 <#return>
682 </#if>
683 <#assign classPK = webContentData.classPK?number!"" />
684 <#assign journalArticle = journalArticleLocalService.getLatestArticle(classPK)!"none">
685 <#assign journalArticleId = journalArticle.getId() />
686 <#assign document=saxReaderUtil.read(journalArticle.getContent()) />
687
688 <#-- select localization in content to display -->
689 <#-- use actual language or default if is missed -->
690 <#assign availableLocale=document.getRootElement().attributeValue('available-locales') />
691 <#assign defaultLocale=document.getRootElement().attributeValue('default-locale') />
692 <#if availableLocale?contains(locale)>
693 <#assign displayLocale=locale>
694 <#else>
695 <#assign displayLocale=defaultLocale>
696 </#if>
697
698 <#assign cardHeading=document.valueOf("//dynamic-element[@name='ProductHeading']//dynamic-content[@language-id='${displayLocale}']") />
699 <#assign cardDescription=document.valueOf("//dynamic-element[@name='ProductDescription']//dynamic-content[@language-id='${displayLocale}']") />
700 <#assign cardImage=document.valueOf("//dynamic-element[@name='ProductImage']//dynamic-content[@language-id='${displayLocale}']") />
701 <#assign cardLogo=document.valueOf("//dynamic-element[@name='ProductLogo']//dynamic-content[@language-id='${displayLocale}']") />
702 <#--assign ImgMediumUrl = themeDisplay.getPortalURL() + "/o/adaptive-media/image/" + OptionalTourMainImage.fileEntryId + "/medium/" + OptionalTourMainImage.uuid /-->
703
704 <#assign cardUrl=document.valueOf("//dynamic-element[@name='LinkToPage']//dynamic-content[@language-id='${displayLocale}']") />
705 <#if cardUrl ="">
706 <#assign cardExtUrl=document.valueOf("//dynamic-element[@name='AlternateURLUseOnlyForLinksOutOfTheSite']//dynamic-content[@language-id='${displayLocale}']") />
707 </#if>
708 <#if cardUrl = "">
709 <#assign cardUrl = "#">
710 </#if>
711 <#if cardUrl != "#">
712 <#assign layoutId = cardUrl?keep_before("@")?number>
713 <#assign groupId = cardUrl?keep_after_last("@")?number>
714 <#assign pageLayout = layoutLocalService.getLayout(groupId, false, layoutId)>
715 <#assign cardUrl = pageLayout.getFriendlyURL() />
716 </#if>
717 <#-- get the right siteURL by system -->
718 <#assign siteURL = themeDisplay.getPortalURL() />
719 <#assign virtualHostname = layout.getLayoutSet().getVirtualHostname() />
720 <#if !virtualHostname?? || siteURL?index_of(virtualHostname) == -1 || virtualHostname?length == 0 >
721 <#assign siteURL = siteURL + layout.getGroup().getPathFriendlyURL(layout.isPrivateLayout(), themeDisplay)/>
722 <#assign siteURL = siteURL + layout.getGroup().getFriendlyURL()/>
723 </#if>
724 <#assign cardUrl = siteURL + cardUrl>
725
726 <a class="ld-rangebox-list-card" href="${cardUrl}">
727 <div class="ld-rangebox-list-card-image ld-backimage" style="background-image: url('${cardImage}');">
728 <#if cardLogo != "">
729 <img class="ld-rangebox-list-card-logo" src="${cardLogo}"/>
730 </#if>
731 </div>
732 <div class="ld-rangebox-list-card-text">
733 <h4 class="ld-rangebox-list-card-text-h">${cardHeading}</h4>
734 <p class="ld-rangebox-list-card-text-p">${cardDescription}</p>
735 </div>
736 </a>
737</#macro>
738
739<#-- write stars based on number -->
740<#function countStars stars>
741 <#assign return = "">
742 <#list 1..5 as x>
743 <#if (x > stars)>
744 <#assign return = return + '<i class="glyphicon glyphicon-star-empty"></i>'>
745 <#else>
746 <#assign return = return + '<i class="glyphicon glyphicon-star"></i>'>
747 </#if>
748 </#list>
749 <#return return>
750</#function>
751
752<#-- scripts -->
753
754<#-- owl carousel init gallery-->
755<script>
756 $(function() {
757 var time = 14; // time in seconds
758 var $bar, isPause, tick, percentTime;
759
760 //Init the carousel
761 var carouselGallery = {
762 slideSpeed: 900,
763 paginationSpeed: 500,
764 singleItem: true,
765 afterInit: progressBar,
766 afterMove: moved,
767 startDragging: pauseOnDragging,
768 // Responsive
769 responsive: true,
770 responsiveRefreshRate: 200,
771 responsiveBaseWidth: window
772 };
773
774 $("#carousel-gallery").owlCarousel(carouselGallery);
775 //Init progressBar
776 function progressBar(elem) {
777 // init handlers
778 //pause on mouseover
779 elem.on('mouseover', function() {
780 isPause = true;
781 });
782 elem.on('mouseout', function() {
783 isPause = false;
784 });
785 //build progress bar elements
786 buildProgressBar(elem);
787 //start counting
788 start(elem);
789 }
790
791 //create div#progressBar and div#bar then prepend
792 function buildProgressBar(elem) {
793 var $progressBar = $("<div>", {
794 id: "progressBar"
795 });
796 $bar = $("<div>", {
797 id: "bar"
798 });
799 $progressBar.append($bar).prependTo(elem);
800 }
801
802 function start(elem) {
803 //reset timer
804 percentTime = 0;
805 isPause = false;
806 //run interval every 0.01 second
807 tick = setInterval(function (){interval(elem)}, 10);
808 };
809
810 function interval(elem) {
811 if (isPause === false) {
812 percentTime += 1 / time;
813 $bar.css({
814 width: percentTime + "%"
815 });
816 //if percentTime is equal or greater than 100
817 if (percentTime >= 100) {
818 //slide to next item
819 elem.trigger('owl.next')
820 }
821 }
822 }
823
824 //pause while dragging
825 function pauseOnDragging() {
826 isPause = true;
827 }
828
829 //moved callback
830 function moved(elem) {
831 //clear interval
832 clearTimeout(tick);
833 //start again
834 start(elem);
835 }
836
837 });
838</script>
839
840
841
842<#-- owl carousel init products stripe-->
843<script>
844 $(function() {
845
846 //Init the carousel
847 var carouselProducts = {
848 slideSpeed: 900,
849 paginationSpeed: 500,
850 singleItem: false,
851 pagination: false,
852 navigation: true,
853 items: 4,
854 navigationText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
855 // Responsive
856 responsive: true,
857 responsiveRefreshRate: 200,
858 responsiveBaseWidth: window,
859 itemsDesktop: [1199, 3],
860 itemsDesktopSmall: [1020, 2],
861 itemsTablet: [1020, 2],
862 itemsMobile: [670, 1],
863 };
864
865 $("#carousel-products").owlCarousel(carouselProducts);
866
867 });
868</script>