covid-19 relief measures

Relief Measures and Support

Facing COVID-19 as a community

Relief Measures and Support

Facing COVID-19 as a community

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>