Relief Measures & Support for COVID-19 | DBS SME Banking
An error occurred while processing the template.
The following has evaluated to null or missing: ==> pageurl [in template "20100#20136#1893521" at line 602, column 137] ---- 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: ${pageurl} [in template "20100#20136#1893521" at line 602, column 135] ----
1<style>
2.smecardtemplate .liferay-ddm-form-field-checkbox-multiple .custom-control {
3 display: flex;
4}
5
6.smecardtemplate .portlet-forms form label {
7 display: flex;
8}
9
10.smecardtemplate .portlet-forms form .tick {
11 z-index: 98;
12 left: 3px;
13 top: 7px;
14 position: absolute;
15}
16
17.smecardtemplate .portlet-forms form .custom-control-label-text {
18 display: flex;
19}
20
21.smecardtemplate .row .col-md-1.col-sm-1.col-2 {
22 max-width: 10%;
23}
24
25.star-advisors {
26 overflow: auto;
27 margin-top: 50px;
28}
29.star-advisors h2.star-advisors__title {
30 margin: 0 auto;
31 max-width: 992px;
32 font-weight: 700;
33 font-size: 32px;
34 color: #2e2e2e;
35 margin-bottom: 10px;
36 padding-left: 25px;
37}
38 .star-advisors p.star-advisors__description {
39 margin: 0 auto;
40 max-width: 992px;
41 font-size: 14px;
42 color: #909090;
43 margin-bottom: 15px;
44 padding-left: 25px;
45 white-space: normal;
46}
47 .star-advisors *, .star-advisors *:before, .star-advisors *:after {
48 margin: 0;
49 padding: 0;
50 box-sizing: border-box;
51}
52 .star-advisors .star-advisors-tab-main {
53 margin: 0 auto;
54 text-align: center;
55}
56 .star-advisors .star-advisors-tab-main .star-advisors-content {
57 background: #fff;
58 color: #373737;
59}
60 .star-advisors .star-advisors-tab-main .star-advisors-content > div {
61 display: block;
62}
63 .star-advisors .star-advisors-tab-main input {
64 display: none;
65}
66 .star-advisors .star-advisors-tab-main input:checked + label {
67 background: #f33;
68 color: #fff;
69}
70 .star-advisors .star-advisors-tab-main label {
71 display: inline-block;
72 padding: 15px 25px;
73 font-weight: 600;
74 text-align: center;
75 margin-bottom: 50px;
76 border: 1px solid #f33;
77}
78 .star-advisors .star-advisors-tab-main label:hover {
79 color: #909090;
80 cursor: pointer;
81}
82 .star-advisors #star-advisors-tab1:checked ~ .star-advisors-content #star-advisors-content1, .star-advisors #star-advisors-tab2:checked ~ .star-advisors-content #star-advisors-content2 {
83 display: block;
84}
85 .star-advisor-card-layout {
86 max-width: 992px;
87 margin: 0 auto;
88 overflow: hidden;
89}
90 .star-advisor-card-layout .star-advisor-card-tabs {
91 max-width: 992px;
92 text-align: left;
93}
94 .star-advisor-card-layout .star-advisor-card-tabs .dbs-dropdown {
95 width: 300px;
96 margin-bottom: 15px;
97 margin-left: 25px;
98}
99 .star-advisor-card-layout .star-advisor-card-tabs .dbs-dropdown select {
100 outline: none;
101}
102.star-advisor-card-layout .star-advisor-card-tabs p.star-advisor-card__description {
103 margin: 0 auto;
104 max-width: 992px;
105 font-size: 14px;
106 color: #909090;
107 margin-bottom: 20px;
108 padding-left: 25px;
109 white-space: normal;
110}
111 .star-advisor-card-layout .star-advisor-card-tabs__tab {
112 display: none;
113}
114 .star-advisor-card-layout .star-advisor-card-tabs__tab:checked + label {
115 background: #e5e5e5;
116 color: black;
117}
118 .star-advisor-card-layout .star-advisor-card-tabs__label {
119 display: inline-block;
120 border-radius: 4px 4px 0 0;
121 height: 50px;
122 width: 160px;
123 font-weight: 600;
124 text-align: center;
125 padding-top: 14px;
126 padding-bottom: 0;
127 margin: 0;
128}
129 .star-advisor-card-layout .star-advisor-card-tabs__label:hover {
130 color: #e5e5e5;
131 cursor: pointer;
132}
133 .star-advisor-card-layout .star-advisor-card-tabs__separator {
134 padding: 0;
135 margin-top: 0;
136 margin-bottom: 50px;
137 border: 1px solid #e5e5e5;
138}
139 .star-advisor-card-layout .star-advisor-card-tabs input[type="radio"][data-tag="all"]:checked ~ .star-advisor-card-content li.star-advisor-card-checkbox, .star-advisor-card-layout .star-advisor-card-tabs input[type="radio"][data-tag="accounting"]:checked ~ .star-advisor-card-content li.star-advisor-card-checkbox[data-tag="accounting"] {
140 display: block;
141}
142 .star-advisor-card-layout .star-advisor-card-layout {
143 text-align: left;
144 list-style: none;
145 padding: 0;
146 overflow: auto;
147 display: flex;
148 flex-wrap: wrap;
149 margin-bottom: 100px;
150 margin-left: 24px;
151}
152 .star-advisor-card-layout .star-advisor-card-layout li:nth-of-type(3n-1) {
153 margin-left: 22px;
154 margin-right: 22px;
155}
156 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox {
157 display: none;
158 width: 304px;
159 height: 576px;
160 background: #fff;
161 border: 1px solid #dcdcdc;
162 border-radius: 4px;
163 margin-bottom: 22px;
164 position: relative;
165}
166 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox__image {
167 border-radius: 4px 4px 0 0;
168 width: 302px;
169 height: 180px;
170 object-fit: cover;
171 background-color: #dcdcdc;
172}
173 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content {
174 margin-left: 24px;
175 margin-right: 24px;
176 margin-top: 16px;
177 margin-bottom: 16px;
178 min-height: 215px;
179}
180 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__title {
181 font-weight: 700;
182 font-size: 20px;
183 color: #333;
184 overflow: hidden;
185 text-overflow: ellipsis;
186 display: -webkit-box;
187 line-height: 25px;
188 max-height: 75px;
189 -webkit-line-clamp: 3;
190 -webkit-box-orient: vertical;
191}
192 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__subtitle {
193 margin-top: 8px;
194 font-size: 14px;
195 color: #909090;
196 white-space: normal;
197}
198 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__description {
199 margin-top: 16px;
200 width: 250px;
201 height: 173px;
202 font-size: 14px;
203 line-height: 17px;
204 white-space: normal;
205}
206 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__social-media {
207 display: inline-flex;
208 width: 100%;
209 justify-content: center;
210}
211 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__btn-social {
212 width: 100%;
213 height: 28px;
214 color: #f33333;
215 display: block;
216 background-repeat: no-repeat;
217 background-position: left center;
218 background-size: 27px;
219 background-color: #fff;
220 border: none;
221 font-size: 14px;
222 text-align: left;
223 padding-top: 3px;
224 padding-left: 34px;
225 cursor: pointer;
226 opacity: 0.4;
227 width: auto;
228}
229 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__btn-social:hover {
230 color: #ee1818;
231 text-decoration: underline;
232 opacity: 0.8;
233}
234 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__btn-social.twitter {
235 background-image: url("/o/smeportal-theme/images/social_media/social-media-twitter.svg");
236}
237 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__btn-social.facebook {
238 background-image: url("/o/smeportal-theme/images/social_media/social-media-facebook.svg");
239}
240 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-content__btn-social.youtube {
241 background-image: url("/o/smeportal-theme/images/social_media/social-video-youtube-clip.svg");
242}
243 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-separator {
244 margin-left: 24px;
245 margin-right: 24px;
246 margin-bottom: 0px;
247}
248 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-group {
249 cursor: pointer;
250 width: inherit;
251 height: 64px;
252 position: absolute;
253 bottom: 0px;
254}
255 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-group__btn {
256 margin: 0 auto;
257 text-align: center;
258 display: block;
259 font-size: 14px;
260 background-color: #fff;
261 color: #ee1818;
262 border: 1px solid #ee1818;
263 border-radius: 4px;
264 height: 30px;
265 width: 140px;
266 cursor: pointer;
267 padding-top: 3px;
268 margin-top: 16px;
269}
270 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-group__btn:hover {
271 background-color: #ee1818;
272 color: #fff;
273 text-decoration: none;
274}
275 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group {
276 margin-left: 24px;
277 margin-right: 24px;
278 cursor: pointer;
279}
280 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label {
281 -webkit-user-select: none;
282 -moz-user-select: none;
283 -ms-user-select: none;
284 user-select: none;
285 display: block;
286 position: relative;
287 padding-left: 32px;
288 cursor: pointer;
289}
290 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label:hover input[type="checkbox"] ~ .star-advisor-card-check-group__checkmark {
291 background-color: #dcdcdc;
292}
293 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label input[type="checkbox"] {
294 position: absolute;
295 opacity: 0;
296 cursor: pointer;
297 height: 0;
298 width: 0;
299}
300 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label input[type="checkbox"]:checked ~ .star-advisor-card-check-group__checkmark {
301 background-color: #03c58b;
302 border: 3px solid #03c58b;
303}
304 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label input[type="checkbox"]:checked ~ .star-advisor-card-check-group__checkmark:after {
305 display: block;
306}
307 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label .star-advisor-card-check-group__checkmark {
308 position: absolute;
309 top: 0;
310 left: 0;
311 height: 24px;
312 width: 24px;
313 background-color: #fff;
314 border: 3px solid #dcdcdc;
315 border-radius: 5px;
316}
317 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox .star-advisor-card-check-group__label .star-advisor-card-check-group__checkmark:after {
318 content: "";
319 position: absolute;
320 display: none;
321 left: 5px;
322 top: 0;
323 width: 8px;
324 height: 15px;
325 border: solid white;
326 border-width: 0 2px 2px 0;
327 border-radius: 2px;
328 -webkit-transform: rotate(45deg);
329 -ms-transform: rotate(45deg);
330 transform: rotate(45deg);
331}
332@media (max-width: 991px) and (min-width: 769px) {
333 .star-advisor-card-layout {
334 max-width: 622px;
335 }
336 .star-advisor-card-layout .star-advisor-card-tabs .dbs-dropdown {
337 margin-left: 0px;
338 }
339 .star-advisor-card-layout .star-advisor-card-layout {
340 margin-left: 0px;
341 }
342 .star-advisor-card-layout .star-advisor-card-layout li:nth-of-type(3n-1) {
343 margin-left: 0px;
344 margin-right: 0px;
345 }
346 .star-advisor-card-layout .star-advisor-card-layout li:nth-of-type(2n-1) {
347 margin-right: 22px;
348 }
349}
350@media (max-width: 767px) {
351 .star-advisor-card-tabs .dbs-dropdown {
352 margin: 0 auto;
353 }
354 .star-advisors p.star-advisors__description {
355 margin-right: 16px;
356 }
357 .star-advisor-card-layout .star-advisor-card-layout {
358 scroll-snap-type: x mandatory;
359 overflow-x: auto;
360 overflow-y: hidden;
361 height: 576px;
362 flex-wrap: inherit;
363 margin-right: 24px;
364 margin-left: 24px;
365 }
366 .star-advisor-card-layout .star-advisor-card-layout li:nth-of-type(3n-1) {
367 margin-left: 0px;
368 margin-right: 22px;
369 }
370 .star-advisor-card-layout .star-advisor-card-layout .star-advisor-card-checkbox {
371 scroll-snap-align: center;
372 margin: 0px;
373 margin-right: 22px;
374 }
375 .star-advisor-card-layout .products-selected-footer__container {
376 width: 100%;
377 margin: 0 0;
378 }
379 .star-advisor-card-layout .products-selected-footer__text {
380 font-size: 16px;
381 margin-left: 10px;
382 margin-right: 0;
383 margin-top: 30px;
384 }
385 .star-advisor-card-layout .products-selected-footer__btn-cta {
386 margin-left: 0;
387 margin-right: 10px;
388 width: 112px;
389 height: 40px;
390 font-size: 16px;
391 }
392 .star-advisor-card-layout .star-advisor-card-layout::-webkit-scrollbar {
393 display: none;
394 width: 0px !important;
395 }
396}
397.dbs-dropdown {
398 position: relative;
399}
400.dbs-dropdown .icon.ico-arrowdown1 {
401 position: absolute;
402 right: 8px;
403 top: 10px;
404}
405.dbs-dropdown select {
406 font-family: sans-serif;
407 color: #2e2e2e;
408 border-width: 1px;
409 border-style: solid;
410 border-color: #c0c0c0;
411 border-image: initial;
412 width: 100%;
413 position: relative;
414 font-size: 16px;
415 z-index: 2;
416 letter-spacing: 0px;
417 -webkit-appearance: none;
418 height: 40px;
419 background: transparent;
420 border-radius: 4px;
421 padding: 8px 40px 8px 12px;
422}
423.dbs-dropdown select::-ms-expand {
424 display: none;
425}
426.carousel-left-icon {
427 cursor: pointer;
428 position: relative;
429 top: 250px;
430 left: 15px;
431 z-index: 1;
432 color: white;
433 border: 1px solid transparent;
434 border-radius: 46px;
435 padding: 8px 5px 5px 6px !important;
436 height: 25px;
437 width: 25px;
438 font-size: 9px;
439 background-color: darkgray;
440}
441.carousel-right-icon {
442 cursor: pointer;
443 position: relative;
444 top: 230px;
445 left: calc(100% - 40px);
446 z-index: 1;
447 color: white;
448 border: 1px solid transparent;
449 border-radius: 46px;
450 padding: 8px 5px 5px 7px !important;
451 height: 25px;
452 width: 25px;
453 font-size: 9px;
454 background-color: darkgray;
455}
456
457@media (min-width: 350px) and (max-width: 575px) {
458 .carousel-right-icon {
459 top: 253px;
460 left: calc(100% - 65px);
461 }
462}
463</style>
464<#assign
465 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
466 themeDisplay = serviceContext.getThemeDisplay()
467 javascript_folder = themeDisplay.getPathThemeJavaScript()
468>
469
470<div class="star-advisors group-header">
471 <h2 class="star-advisors__title">${ListingTitle.getData()}</h2>
472 <p class="star-advisors__description">${ListingDescription.getData()}
473 </p>
474
475<#assign journalArticleId = .vars['reserved-article-id'].data>
476<#assign journalArticleResourceLocalServiceUtil = staticUtil["com.liferay.journal.service.JournalArticleResourceLocalServiceUtil"]>
477<#assign journalArticleLocalServiceUtil = staticUtil["com.liferay.journal.service.JournalArticleLocalServiceUtil"]>
478<#assign assetCategoryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetCategoryLocalServiceUtil"]>
479<#assign assetEntryLocalServiceUtil = staticUtil["com.liferay.asset.kernel.service.AssetEntryLocalServiceUtil"]>
480<#assign PortalUtil = staticUtil["com.liferay.portal.kernel.util.PortalUtil"]>
481<#assign assetEntryQuery = objectUtil("com.liferay.asset.kernel.service.persistence.AssetEntryQuery") />
482<#assign
483 serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()
484 themeDisplay = serviceContext.getThemeDisplay()
485 group_id = themeDisplay.getScopeGroupId()
486 portal_url = themeDisplay.getPortalURL()
487 path_context = themeDisplay.getPathContext()
488 journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")
489 DLFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")
490 JournalContentSearchLocalService = serviceLocator.findService("com.liferay.journal.service.JournalContentSearchLocalService")
491 LayoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService")
492>
493<div class="star-advisors-tab-main">
494 <div class="star-advisors-content">
495 <div id="star-advisors-content1">
496 <div class="star-advisor-card-layout">
497 <div class="star-advisor-card-tabs">
498 <div class="dbs-dropdown">
499 <i class="icon ico-arrowdown1"></i>
500 <select name="cards" id="card-selector">
501 <#if ViewAllLabel?? && ViewAllLabel.getData() !="">
502 <option value="all">${ViewAllLabel.getData()}</option>
503 <#else>
504 <option value="all">Viewing All</option>
505 </#if>
506<#assign articleResourcePK = journalArticleResourceLocalServiceUtil.getArticleResourcePrimKey(groupId, journalArticleId)/>
507<#assign parentCategoryList=assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle",articleResourcePK) >
508<#assign parentCategoryDesc=""
509 assetEntryresults =[]>
510<#if parentCategoryList?has_content >
511<#assign categoryList=assetCategoryLocalServiceUtil.getChildCategories(parentCategoryList[0].categoryId)>
512<#assign parentCategoryDesc=parentCategoryList[0].getDescription()>
513<#assign categoryIdList=[]>
514<#list categoryList as category>
515<option value="${category.getName()}">${category.getName()}</option>
516<#assign categoryIdList += [ category.categoryId ] />
517</#list>
518<#assign search = assetEntryQuery.setAnyCategoryIds(categoryIdList)>
519<#assign assetEntryresults=assetEntryLocalServiceUtil.getEntries(assetEntryQuery)>
520</#if>
521 </select>
522 </div>
523 <p class="star-advisor-card__description">${parentCategoryDesc}</p>
524 <div class="star-advisor-card-content">
525 <div id="star-advisor-card-content1-m">
526 <i class="icon ico-arrowleft1 carousel-left-icon d-xs-block d-sm-block d-md-none"></i>
527 <i class="icon ico-arrowright1 carousel-right-icon d-xs-block d-sm-block d-md-none"></i>
528 <ul class="star-advisor-card-layout" id="star-advisors">
529<#list assetEntryresults as assetEntry>
530<#assign journalArticleResource=journalArticleResourceLocalServiceUtil.getJournalArticleResource(assetEntry.getClassPK()) />
531<#assign journalArticle = journalArticleLocalService.getLatestArticle(journalArticleResource.getResourcePrimKey())
532 article_id = journalArticle.articleId
533 article_content = journalArticleLocalService.getLatestArticle(group_id, article_id)
534 document = saxReaderUtil.read(journalArticle.getContent())
535 rootElement = document.getRootElement()>
536<#assign layout_Ids = JournalContentSearchLocalService.getLayoutIds(group_id,false,article_id)>
537<#assign size = layout_Ids?size>
538<#list layout_Ids as layoutid>
539 <#assign
540 layout = LayoutLocalService.getLayout(group_id,false,layoutid)
541 friendlyurl = layout.getFriendlyURL()
542 pageurl = PortalUtil.getLayoutFullURL(layout, themeDisplay)>
543</#list>
544
545 <#list rootElement.elements()as dynamicElement>
546 <#assign imageJson = dynamicElement.valueOf("//dynamic-element[@name='ProfileImage']/dynamic-content/text()")>
547 <#attempt>
548 <#if imageJson?has_content>
549 <#assign
550 datas_res = imageJson?eval
551 entrys_id = datas_res.fileEntryId
552 fileEntrys = DLFileEntryLocalService.getDLFileEntry(entrys_id?number)
553 plain_sid = fileEntrys.getUuid()
554 plus_thub = portal_url + path_context +"/documents/" + group_id+"/"+plain_sid>
555 </#if>
556 <#recover>
557 </#attempt>
558 <#assign categoryList=assetCategoryLocalServiceUtil.getCategories("com.liferay.journal.model.JournalArticle",journalArticleResource.getResourcePrimKey()) >
559 <#assign profileName= dynamicElement.valueOf("//dynamic-element[@name='ProfileName']/dynamic-content/text()")>
560 <#assign profileDesignation= dynamicElement.valueOf("//dynamic-element[@name='ProfileDesignation']/dynamic-content/text()")>
561 <#assign profileDescription= dynamicElement.valueOf("//dynamic-element[@name='ProfileDescription']/dynamic-content/text()")>
562 <#assign twitterLink= dynamicElement.valueOf("//dynamic-element[@name='TwitterLink']/dynamic-content/text()")>
563 <#assign facebookLink= dynamicElement.valueOf("//dynamic-element[@name='FacebookLink']/dynamic-content/text()")>
564 <#assign youTubeLink= dynamicElement.valueOf("//dynamic-element[@name='YouTubeLink']/dynamic-content/text()")>
565 </#list>
566 <#assign categoryName = "">
567 <#list categoryList as childcategory>
568 <#if categoryName = "">
569 <#assign categoryName = childcategory.getName()>
570 <#elseif childcategory?has_next>
571 <#assign categoryName=childcategory.getName()>
572 <#else>
573 <#assign categoryName= categoryName + "," + childcategory.getName()>
574 </#if>
575 </#list>
576 <li class="star-advisor-card-checkbox" data-tag="${categoryName}">
577 <img class="star-advisor-card-checkbox__image" src="${plus_thub}" />
578 <div class="star-advisor-card-content">
579 <h2 class="star-advisor-card-content__title">
580 ${profileName}
581 </h2>
582 <p class="star-advisor-card-content__subtitle">
583 ${profileDesignation}
584 </p>
585 <p class="star-advisor-card-content__description">
586 ${profileDescription}
587 </p>
588 <div class="star-advisor-card-content__social-media">
589
590 <#if twitterLink!="">
591 <a class="star-advisor-card-content__btn-social twitter" href="${twitterLink}"></a> </#if>
592 <#if facebookLink!="">
593 <a class="star-advisor-card-content__btn-social facebook" href="${facebookLink}"></a>
594 </#if>
595 <#if youTubeLink!="">
596 <a class="star-advisor-card-content__btn-social youtube" href="${youTubeLink}"></a>
597</#if>
598 </div>
599 </div>
600 <div class="star-advisor-card-group">
601 <hr class="star-advisor-card-separator" />
602 <a class="star-advisor-card-group__btn" href="${pageurl}">
603 ${ProfileButton.getData()}
604 </a>
605 </div>
606 </li>
607 </#list>
608 </ul>
609 </div>
610 </div>
611 </div>
612 </div>
613 </div>
614 </div>
615 </div>
616</div>
617<script type="text/javascript">
618var cardScrollerContainer;
619var cardItemSize;
620
621$(document).ready(function () {
622
623 bindCardNavigation();
624
625 if ($(".star-advisors .dbs-dropdown").length > 0) {
626 $(".star-advisor-card-checkbox").css("display", "block");
627 }
628
629 $(".star-advisor-card-tabs #card-selector option").each(function () {
630 if ($(this).attr("value") == "all")
631 return;
632 var optionVal = $(this).attr("value");
633 var removeOption = true;
634 $(".star-advisor-card-checkbox").each(function () {
635 if ($(this).attr("data-tag").indexOf(optionVal) > -1) {
636 removeOption = false;
637 return false;
638 }
639
640 });
641 if (removeOption) {
642 $(this).remove();
643 }
644 /*if($(".star-advisor-card-checkbox[data-tag="+$(this).attr("value")+"]").length <=0) {
645 $(this).remove();
646 }*/
647 });
648
649 $(".star-advisors").on("change", ".dbs-dropdown select", function () {
650 var optionSelected = $(this).find("option:selected").attr('value');
651 console.log(optionSelected);
652 $(".star-advisor-card-checkbox").css("display", "");
653 $(".star-advisor-card-checkbox").replaceWith(function () {
654 return "<span class='star-advisor-card-checkbox' data-tag='" + $(this).attr("data-tag") + "'>" + this.innerHTML + "</span>";
655 });
656 if (optionSelected == "all") {
657 console.log(optionSelected);
658
659 $(".star-advisor-card-checkbox").replaceWith(function () {
660 return "<li class='star-advisor-card-checkbox' data-tag='" + $(this).attr("data-tag") + "'>" + this.innerHTML + "</li>";
661 });
662 $(".star-advisor-card-checkbox").css("display", "block");
663 } else {
664 $(".star-advisor-card-checkbox").each(function () {
665 if ($(this).attr("data-tag").indexOf(optionSelected) > -1) {
666 $(this).replaceWith("<li class='star-advisor-card-checkbox' data-tag='" + $(this).attr("data-tag") + "' style='display:block;'>" + this.innerHTML + "</li>");
667 }
668
669 });
670 }
671
672 showArrowsIfNeeded(false);
673
674 $(".star-advisor-card-check-group__input").each(function () {
675 if ($(this).attr("data-checked") == "true") {
676 $(this).prop("checked", true);
677 }
678 });
679
680 });
681});
682function bindCardNavigation() {
683 $("#star-advisors").off("scroll").on("scroll", scrollEventHandler);
684 $(".ico-arrowright1").off("click").on("click", scrollToNextEventHandler);
685 $(".ico-arrowleft1").off("click").on("click", scrollToPrevEventHandler);
686
687 showArrowsIfNeeded(true);
688}
689
690function scrollToNextEventHandler() {
691 console.log("Right");
692 cardItemSize = $(".star-advisor-card-checkbox:first").outerWidth();
693 cardScrollerContainer = document.querySelector('#star-advisors');
694
695 cardScrollerContainer.scrollBy(cardItemSize, 0);
696}
697
698function scrollToPrevEventHandler() {
699 console.log("Left");
700
701 cardItemSize = $(".star-advisor-card-checkbox:first").outerWidth();
702 cardScrollerContainer = document.querySelector('#star-advisors');
703 cardScrollerContainer.scrollBy(-cardItemSize, 0);
704}
705
706function scrollEventHandler(event) {
707 var $width = $(this).outerWidth();
708 var $scrollWidth = $(this)[0].scrollWidth;
709 var $scrollLeft = $(this).scrollLeft();
710
711 if ($scrollWidth - $width === $scrollLeft) {
712 $('.ico-arrowright1').css('opacity','0');
713 $('.ico-arrowleft1').css('opacity','1');
714 } else if (($scrollWidth - $width) > $scrollLeft) {
715 $('.ico-arrowright1').css('opacity','1');
716 }
717
718 if ($scrollLeft === 0) {
719 $('.ico-arrowright1').css('opacity','1');
720 $('.ico-arrowleft1').css('opacity','0');
721 } else if ($scrollLeft > 0) {
722 $('.ico-arrowleft1').css('opacity','1');
723 }
724
725 if ($scrollLeft === 0 && ($scrollWidth - $width) === 0) {
726 $('.ico-arrowright1').css('opacity','0');
727 $('.ico-arrowleft1').css('opacity','0');
728 }
729}
730
731function showArrowsIfNeeded(isOnLoad) {
732 var visibleCards;
733
734 if (isOnLoad) {
735 visibleCards = $(".star-advisor-card-checkbox");
736 } else {
737 visibleCards = $(".star-advisor-card-checkbox").filter(function() {
738 return $(this).css("display") === "block";
739 });
740 }
741
742 console.log("Visible Cards", visibleCards.length);
743
744 if (visibleCards.length > 1) {
745 $('.ico-arrowright1').css('opacity','1');
746 $('.ico-arrowleft1').css('opacity','0');
747 } else {
748 $('.ico-arrowright1').css('opacity','0');
749 $('.ico-arrowleft1').css('opacity','0');
750 }
751}
752</script>