Web Content Display

An error occurred while processing the template.
Error on line 23, column 1 in 10154#10192#152860842
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign url=request.attributes.CURRENT_URL> 
2<#assign qstringmap=httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
3<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService") > 
4<#assign url404 = '/error/404.html' > 
5 
6<#--  check location id validity  --> 
7<#if qstringmap["ecdma-lc"]?has_content> 
8    <#assign lc= qstringmap["ecdma-lc"]?first>   
9    <#assign prefix = "00000" > 
10    <#assign lcWithPrefix = prefix + lc > 
11    <#assign withPrefixLength = lcWithPrefix?length > 
12    <#assign startHere = withPrefixLength - 5> 
13    <#assign lc = lcWithPrefix?substring(startHere)> 
14<#else> 
15    <script> 
16        console.log("location code missing"); 
17        location.href = '${url404}'; 
18    </script> 
19</#if> 
20 
21<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
22<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
23<#assign clientProfile = clientProfileList?first> 
24<#assign pbu = clientProfile.getPbu()> 
25<#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
26 
27<#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&11')> 
28 <#list clientdata as data> 
29    <#assign backgroundColor=data.backgroundHexColor> 
30    <#assign buttonColor=data.buttonHexColor> 
31    <#assign textColor=data.textHexColor> 
32    <#assign hoverColor=data.hoverColor> 
33</#list> 
34 
35 
36<#if lc?has_content>       
37        <#assign clientProfileService=serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService")> 
38        <#assign clientProfileList=clientProfileService.findByLocationCode(lc)> 
39 
40        <#if clientProfileList?first?has_content> 
41            <#assign clientProfile=clientProfileList?first> 
42            <#assign partnerName=clientProfile.getMarketingNameLong()> 
43            <script> 
44                /* tracking object for SiteCatalyst */ 
45                var reportingData = {}; 
46                var locationCodesOfferIds = { 
47                    // 1.Associated 
48                    '15302': 'QQ2VPB8968', 
49                    }; 
50 
51                /* redirect if locationCode is unknown */ 
52                if (!locationCodesOfferIds['${lc!0}']) { 
53                        //location.href = '/web/elan/404'; 
54
55                var partnerName = "${partnerName!0}";                                     
56                AUI().ready(function () { 
57                    var lc = '${lc!0}'; 
58                    console.log(partnerName); 
59                    var page = location.pathname.split('/')[location.pathname.split('/').length - 1]; 
60                    var product = lc === '24168' ? 'MC Platiunum Card' : 'Visa Platinum Card'; // hard coded for Pilot launch 
61                    var hostName = location.hostname; 
62                    var preparerType = 'customer'; 
63                    var domain = getDomainFromHostname(hostName); 
64                    var sourceCode = ''; 
65 
66                    function getDomainFromHostname(hostname) { 
67                        var parts = hostname.split('.'); 
68                        return parts.length === 3 ? parts[1] : parts[0]; 
69
70 
71                    switch (lc) { 
72                        // 1.Associated 
73                        case '15302': 
74                            sourceCode = '35360'; 
75                            $('body').addClass('bg-gray associated'); 
76                            $('.jn-button').addClass('btn-blue2'); 
77                            break; 
78
79 
80                    /* update SiteCatalyst data object */ 
81                        reportingData.current_page = "microsite:${partnerName}:" + domain + ':' + page.replace('-',' '); 
82                        reportingData.page_type = 'product';  
83                        reportingData.site_section = 'credit cards'; 
84                        reportingData.platform = 'microsite'; 
85                        reportingData.location_code = lc; 
86                        reportingData.partner_name = partnerName; 
87                        reportingData.product = product; 
88                        reportingData.text_to_apply_source = 'vanity url'; 
89                        reportingData.visitor_type = 'prospect';         
90 
91               /* CTA - button click handling */ 
92                    jQuery('.jn-button').click(function () { 
93                        var buttonName = jQuery(this).data('button-name'); 
94 
95                    /* SiteCatalyst  onClick tracking */ 
96                        reportingData.applyButton = buttonName; 
97                        if (window.publisherFW) { 
98                            console.log('reportingData', reportingData); 
99                            window.publisherFW.publishEvent("onClick", reportingData); 
100
101                    }); 
102                    /* SiteCatalyst pageView tracking */ 
103                    if (window.publisherFW) { 
104                        console.log('reportingData', reportingData); 
105                        window.publisherFW.publishEvent("pageView", reportingData); 
106
107                }); 
108 
109            </script> 
110        <#else> 
111            <script> 
112                //location.href = '${url404}'; 
113                console.log("client profile empty"); 
114            </script> 
115        </#if> 
116<#else> 
117    <script> 
118       console.log("location code empty"); 
119       //location.href = '${url404}'; 
120    </script> 
121</#if> 
122        <style> 
123            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
124                select::-ms-expand { 
125                    display: none; 
126
127
128            h1, h2, h3, h4, h5, h6 { 
129                font-weight: 400; 
130
131            li { 
132                list-style: none !important; 
133
134            .tier3-hero-landing-business.hide, 
135            .tier3-hero-landing-consumer.hide, 
136            .tier3-disclaimer-landing-business.hide, 
137            .tier3-disclaimer-landing-consumer.hide, 
138            .tier3-hero-landing-business, 
139            .tier3-disclaimer-landing-business { 
140                display: none !important; 
141
142 
143            .tier3-hero-landing-business.show, 
144            .tier3-hero-landing-consumer.show, 
145            .tier3-disclaimer-landing-business.show, 
146            .tier3-disclaimer-landing-consumer.show { 
147                display: block !important; 
148
149 
150            /*----------------------- Common Styles ------------------------------ */ 
151            body { 
152                background: no-repeat 0 0 fixed #FFFFFF; 
153                background-size: cover; 
154
155 
156            body.bg-gray { 
157                background: rgb(111, 111, 111); 
158                background: linear-gradient(0deg, rgba(111, 111, 111, 1) 0%, rgba(152, 149, 149, 1) 58%, rgba(238, 238, 238, 1) 100%); 
159
160 
161            body.bg-green { 
162                background: rgb(0, 51, 0); 
163                background: linear-gradient(0deg, rgba(0, 51, 0, 1) 0%, rgba(98, 155, 98, 1) 58%, rgba(153, 204, 153, 1) 100%); 
164
165 
166            body.bg-red { 
167                background: rgb(102, 0, 0); 
168                background: linear-gradient(0deg, rgba(102, 0, 0, 1) 0%, rgba(169, 76, 76, 1) 58%, rgba(204, 127, 127, 1) 100%); 
169
170 
171            body.bg-blue { 
172                background: rgb(12, 32, 116); 
173                background: linear-gradient(0deg, rgba(12, 32, 116, 1) 0%, rgba(101, 128, 195, 1) 58%, rgba(153, 178, 229, 1) 100%); 
174
175 
176            .businessMoreLink, .less-link, .more-link { 
177                display: none; 
178                text-align: center; 
179
180            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item sup{ 
181                font-size: 11px; 
182                top: -.7em; 
183
184 
185            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item h4 sup{ 
186                top: -1em; 
187                font-size: 60%; 
188
189             
190            .more-link { 
191                position: absolute; 
192                right: -25px; 
193                top: 250px; 
194
195            .less-link { 
196                position: absolute; 
197                left: -25px; 
198                top: 250px; 
199
200            .more-link a, .less-link a { 
201                display: flex; 
202                align-items: center; 
203
204            .more-caret, .less-caret { 
205                position: relative; 
206                height: 40px; 
207                width: 20px; 
208
209            .more-text { 
210                margin-right: 10px; 
211
212            .less-text { 
213                margin-left: 15px; 
214
215 
216            .more-caret:before { 
217                content: ''; 
218                position: absolute; 
219                top: 0; 
220                left: 0; 
221                border-left: 20px solid #cccccc; 
222                border-top: 20px solid transparent; 
223                border-bottom: 20px solid transparent; 
224
225 
226            .more-caret:after { 
227                content: ''; 
228                position: absolute; 
229                left: 0; 
230                top: 7px; 
231                border-left: 13px solid #fff; 
232                border-top: 13px solid transparent; 
233                border-bottom: 13px solid transparent; 
234
235 
236            .less-caret:before { 
237                content: ''; 
238                position: absolute; 
239                top: 0; 
240                left: 0; 
241                border-right: 20px solid #cccccc; 
242                border-top: 20px solid transparent; 
243                border-bottom: 20px solid transparent; 
244
245 
246            .less-caret:after { 
247                content: ''; 
248                position: absolute; 
249                left: 7px; 
250                top: 7px; 
251                border-right: 13px solid #fff; 
252                border-top: 13px solid transparent; 
253                border-bottom: 13px solid transparent; 
254
255 
256            .secondary-color { 
257                color: #19398a; 
258
259 
260            .jn-subhero h2 { 
261                color: #19398a; 
262                font-size: 22px; 
263
264 
265            .jn-subhero h2 sup { 
266                font-size: 12px; 
267
268 
269            .jn-subhero p sup { 
270                top: -.4em; 
271                font-size: 10px; 
272
273 
274            .jn-banner article, 
275            .jn-find article, 
276            .jn-subhero ul, 
277            .jn-hero-card .jn-hero-container .jn-hero-container-data article { 
278                display: -webkit-box; 
279                display: -webkit-flex; 
280                display: -moz-flex; 
281                display: -ms-flexbox; 
282                display: flex; 
283                -webkit-align-items: flex-start; 
284                -moz-align-items: flex-start; 
285                -ms-align-items: flex-start; 
286                align-items: flex-start; 
287                -webkit-flex-flow: column wrap; 
288                -moz-flex-flow: column wrap; 
289                -ms-flex-flow: column wrap; 
290                flex-flow: column wrap; 
291
292 
293            .jn-banner article, 
294            .jn-subhero ul { 
295                -ms-flex-pack: space-around; 
296                -webkit-justify-content: space-around; 
297                -moz-justify-content: space-around; 
298                -ms-justify-content: space-around; 
299                justify-content: space-around; 
300
301 
302            .overpass { 
303                font-family: 'Overpass', sans-serif; 
304
305 
306            @media screen and (min-width: 769px) { 
307 
308                .jn-banner article, 
309                .jn-find article, 
310                .jn-subhero ul, 
311                .jn-hero-card .jn-hero-container .jn-hero-container-data article { 
312                    -webkit-flex-flow: row wrap; 
313                    -moz-flex-flow: row wrap; 
314                    -ms-flex-flow: row wrap; 
315                    flex-flow: row wrap; 
316 
317
318
319 
320            /*----------------------- Wrapper Styles ------------------------------ */ 
321            .wrapper { 
322                *zoom: 1; 
323                text-rendering: optimizeLegibility; 
324                -webkit-font-smoothing: antialiased; 
325                -moz-osx-font-smoothing: grayscale; 
326                image-rendering: -webkit-optimize-contrast; 
327                margin: 0 auto; 
328                position: relative; 
329                font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
330                -webkit-font-smoothing: subpixel-antialiased; 
331
332 
333            .wrapper:before, 
334            .wrapper:after { 
335                content: " "; 
336                display: table; 
337
338 
339            .wrapper:after { 
340                clear: both; 
341
342 
343            .wrapper h1 { 
344                font-size: 30px; 
345
346 
347            .wrapper h1, 
348            .wrapper h2, 
349            .wrapper h3, 
350            .wrapper h4, 
351            .wrapper h5, 
352            .wrapper h6 { 
353                margin: 0; 
354                line-height: normal; 
355
356 
357            .wrapper a { 
358                text-decoration: none; 
359                cursor: pointer; 
360                color: #173989; 
361
362 
363            .wrapper a:hover { 
364                text-decoration: none; 
365                cursor: pointer; 
366
367            .wrapper a.t_c_link { 
368                font-size: 17px; 
369                text-decoration: underline; 
370
371            .wrapper a.t_c_link:hover { 
372                text-decoration: underline; 
373
374 
375            .wrapper p { 
376                font-size: 16px; 
377                margin: 0; 
378                line-height: 1.2; 
379                color: #333333; 
380
381 
382            .wrapper ul { 
383                padding: 0; 
384                margin: 0; 
385
386 
387            .wrapper .jn-img-responsive { 
388                max-width: 100%; 
389                width: 100%; 
390                height: auto; 
391
392 
393            .wrapper .content-container { 
394                display: block; 
395                max-width: 825px; 
396                margin: 0 auto; 
397                width: 100%; 
398
399 
400             
401 
402             
403 
404            @media (min-width: 769px) { 
405                .wrapper .content-container { 
406                    max-width: 1336px; 
407
408
409 
410             
411 
412            /*----------------------- Header Styles ------------------------------ */ 
413            .jn-header { 
414                display: flex; 
415                padding: 20px 0; 
416                justify-content: center; 
417                min-height: 113px; 
418                background: #fff; 
419
420            @media (min-width:769px) { 
421                .jn-header { 
422                    padding: 20px 8%; 
423                    justify-content: left; 
424                    max-width: 1363px; 
425                    margin: 0 auto; 
426
427
428 
429            .jn-header .header-logo { 
430                max-width: 230px; 
431
432            .jn-header .header-logo img { 
433                width: 100%; 
434
435 
436            .jn-header .styled-select { 
437                display: none; 
438                background-color: #fff; 
439                border: 1px solid #ccc; 
440                min-width: 200px; 
441                height: 34px; 
442                overflow: hidden; 
443                outline: none; 
444                width: auto; 
445
446
447 
448            .jn-header .styled-select:after { 
449                border-bottom-style: solid; 
450                border-bottom-width: 3px; 
451                border-right-style: solid; 
452                border-right-width: 3px; 
453                content: ''; 
454                display: block; 
455                height: 15px; 
456                right: 12px; 
457                position: absolute; 
458                top: 5px; 
459                width: 15px; 
460                border-color: #99999F; 
461                -moz-transform: rotate(45deg); 
462                -ms-transform: rotate(45deg); 
463                -webkit-transform: rotate(45deg); 
464                transform: rotate(45deg); 
465
466 
467            .jn-header .styled-select select { 
468                background: transparent; 
469                font-family: Arial, Helvetica, sans-serif; 
470                font-weight: bold; 
471                font-size: 14px; 
472                height: 34px; 
473                width: 100%; 
474                padding: 5px 35px 5px 5px; 
475                text-transform: none; 
476                line-height: 1.15; 
477                margin: 0; 
478                border: none; 
479                color: #666666; 
480                -webkit-box-sizing: border-box; 
481                -moz-box-sizing: border-box; 
482                box-sizing: border-box; 
483                -webkit-appearance: none; 
484                -moz-appearance: none; 
485
486 
487            .jn-header a { 
488                font-size: 12px; 
489                color: #1c348b; 
490
491 
492            .jn-header a:hover, 
493            .jn-header a:focus, 
494            .jn-header a:active { 
495                color: #1c348b; 
496
497 
498            @media screen and (min-width: 769px) { 
499                .jn-header .styled-select { 
500                    display: block; 
501                    position: absolute; 
502                    right: 16px; 
503                    top: 50px; 
504
505
506 
507            @media screen and (max-width: 350px) { 
508                .jn-header img { 
509                    width: 200px; 
510
511
512 
513            /*----------------------- Hero Styles ------------------------------ */ 
514            .jn-hero-card { 
515                background: rgba(204, 204, 204, .2); 
516
517 
518            .jn-hero-card .jn-hero-container .jn-hero-container-data article>div .jn-button { 
519                margin: 20px auto; 
520                width: 90%; 
521                float: none; 
522                display: block; 
523
524 
525            .jn-hero-card .jn-hero-container .jn-hero-container-data .feature-text p:last-child { 
526                margin: 10px auto 0; 
527                width: 240px; 
528
529            .stripe-headline { 
530                text-align: center; 
531
532            .stripe-headline h1 { 
533                font-size: 36px; 
534                font-weight: 400; 
535
536            .stripe-headline h3 { 
537                font-size: 14px; 
538                font-weight: 400; 
539                margin-bottom: 15px; 
540                text-transform: uppercase; 
541
542            .stripe-headline__card { 
543                display: block; 
544                height: 100%; 
545                width: 350px; 
546                margin: -105px auto 0; 
547
548            .stripe-headline__card img { 
549                margin-bottom: 10px; 
550
551            .stripe-headline__card p { 
552                text-align: center; 
553                text-transform: uppercase; 
554
555            .stripe-headline__wrapper--lower { 
556                width: 100%; 
557
558            .stripe-headline__wrapper--lower .content-container > * { 
559                display: inline-block; 
560
561            .stripe-headline__wrapper--upper { 
562                padding: 20px 0 110px; 
563                width: 100%; 
564
565             
566 
567 
568            @media screen and (min-width: 769px) { 
569                .stripe-headline { 
570                    text-align: left; 
571
572                .stripe-headline__card { 
573                    margin: -110px 0 0; 
574                    padding-right: 45px; 
575
576                .stripe-headline__heading { 
577                    padding-left: 350px; 
578
579                .stripe-headline__wrapper--lower { 
580                    padding: 20px 0 40px; 
581
582                .stripe-headline__wrapper--lower > .content-container { 
583                     
584
585                .stripe-headline__wrapper--upper { 
586                    padding: 40px 0 20px; 
587
588 
589                .jn-hero-card .jn-hero-container .jn-hero-container-data article>div .jn-button { 
590                    margin: 30px auto 0; 
591                    display: inline-block; 
592                    width: auto; 
593
594
595 
596            @media screen and (min-width: 1200px) { 
597                .jn-hero-card .jn-hero-container .jn-hero-container-data article>div:last-child>div.intro { 
598                    padding: 0 52px; 
599
600
601 
602            /*----------------------- Show card for specific bank if there no a background image ------------------------------ */ 
603            body.associated .jn-hero-card .jn-hero-container .jn-hero-container-data article>div img { 
604                display: block; 
605
606 
607            /*----------------------- Subhero Styles ------------------------------ */ 
608            .jn-subhero { 
609                margin: 0; 
610                background: #ffffff; 
611
612 
613            .jn-subhero ul { 
614                text-align: center; 
615                padding: 30px 0; 
616                -webkit-align-items: center; 
617                -moz-align-items: center; 
618                -ms-align-items: center; 
619                align-items: center; 
620
621 
622            .jn-subhero ul li { 
623                width: 100%; 
624                margin-bottom: 20px; 
625
626 
627            .jn-subhero ul li p { 
628                font-size: 14px; 
629
630 
631            @media screen and (min-width: 769px) { 
632                .jn-subhero { 
633                    background: rgba(204, 204, 204, .2); 
634
635 
636                .jn-subhero ul li { 
637                    width: 31%; 
638                    margin: 0; 
639                    padding: 0; 
640
641 
642                .jn-subhero ul li:nth-child(2) { 
643                    width: 37%; 
644
645 
646                .jn-subhero.offer-type-115 ul li:first-child p { 
647                    width: 80%; 
648
649 
650                .jn-subhero ul li p { 
651                    margin: 0 auto; 
652
653 
654                .jn-subhero ul { 
655                    -webkit-align-items: flex-start; 
656                    -moz-align-items: flex-start; 
657                    -ms-align-items: flex-start; 
658                    align-items: flex-start; 
659
660 
661                .jn-subhero ul li:first-child p { 
662                    width: 70%; 
663
664 
665                .jn-subhero ul li:last-child p { 
666                    width: 75%; 
667
668
669 
670            /*----------------------- Find Styles ------------------------------ */ 
671            .jn-find { 
672                padding: 0 18px 30px; 
673                background-color: #ffffff; 
674
675 
676            .jn-find article { 
677                padding: 0 15px; 
678
679 
680            .jn-find article sup { 
681                top: -0.3em; 
682
683 
684            .jn-find .subtitle p { 
685                font-size: 30px; 
686                font-weight: bold; 
687                color: #333333; 
688                text-align: center; 
689                margin-bottom: 20px; 
690
691 
692            .jn-find article>div { 
693                width: 100%; 
694                padding-right: 0; 
695
696 
697            .jn-find article>div p { 
698                padding-bottom: 15px; 
699
700 
701            .jn-find article>div p:last-child { 
702                padding-bottom: 0; 
703
704 
705            .jn-find article>div h3 { 
706                font-size: 18px; 
707                color: #19398a; 
708                padding-bottom: 14px; 
709
710 
711            .jn-find article>div ul li { 
712                padding-bottom: 14px; 
713
714 
715            .jn-find article>div:last-child { 
716                padding-right: 0; 
717                padding-left: 0; 
718
719 
720            @media screen and (min-width: 769px) { 
721                .jn-find { 
722                    margin: 30px 0; 
723                    padding: 0 30px; 
724                    background-color: transparent; 
725
726 
727                .jn-find .subtitle p { 
728                    font-size: 24px; 
729
730 
731                .jn-find article>div { 
732                    width: 45%; 
733                    padding-right: 40px; 
734
735 
736                .jn-find article>div:last-child { 
737                    padding-right: 0; 
738                    padding-left: 68px; 
739
740
741 
742            @media screen and (min-width: 1200px) { 
743                .jn-find .subtitle p { 
744                    font-size: 29px; 
745
746
747 
748            /*----------------------- Banner Styles ------------------------------ */ 
749            .jn-container-banner .jn-banner-wrapper { 
750                padding: 20px 18px 30px; 
751                background: #f3f3f3; 
752                height: auto; 
753
754 
755            .jn-container-banner .jn-banner article { 
756                padding: 30px 0 0; 
757
758 
759            .jn-container-banner .jn-banner article>div { 
760                width: 100%; 
761
762 
763            .jn-container-banner .jn-banner article img.jn-img-responsive { 
764                width: 200px; 
765                margin: 0 auto; 
766                display: block; 
767
768 
769            .jn-container-banner .jn-banner article>div:last-child { 
770                width: 100%; 
771                padding: 0; 
772
773 
774            .jn-container-banner .jn-banner article>div p { 
775                margin-top: 0; 
776                font-size: 29px; 
777                text-align: center; 
778
779 
780            .jn-container-banner .jn-banner article>div p span { 
781                font-weight: bold; 
782
783 
784            .jn-container-banner .jn-banner article>div p:first-child { 
785                font-size: 26px; 
786                padding: 0 30px; 
787                line-height: normal; 
788                margin-bottom: 20px; 
789
790 
791            .jn-container-banner .jn-banner article>div>p:nth-child(2) { 
792                color: #666666; 
793                font-size: 20px; 
794
795 
796            .jn-container-banner .jn-banner article>div .jn-button { 
797                margin: 15px 0 0; 
798                float: none; 
799                width: 100%; 
800
801 
802            @media screen and (min-width: 769px) { 
803                .jn-container-banner .jn-banner-wrapper { 
804                    margin-bottom: 10px; 
805                    padding: 0 30px; 
806                    background: #ffffff; 
807                    height: 232px; 
808                    background: -moz-linear-gradient(left, #ffffff 0%, #f3f3f3 98%); 
809                    background: -webkit-linear-gradient(left, #ffffff 0%, #f3f3f3 98%); 
810                    background: linear-gradient(to right, #ffffff 0%, #f3f3f3 98%); 
811                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1); 
812
813 
814                .jn-container-banner .jn-banner article>div { 
815                    width: 37%; 
816
817 
818                .jn-container-banner .jn-banner article>div:last-child { 
819                    width: 60%; 
820                    padding: 0 0 0 15px; 
821
822 
823                .jn-container-banner .jn-banner article img.jn-img-responsive { 
824                    width: 100%; 
825
826 
827                .jn-container-banner .jn-banner article>div p { 
828                    text-align: left; 
829
830 
831                .jn-container-banner .jn-banner article>div p:first-child { 
832                    font-size: 36px; 
833                    padding: 0; 
834                    line-height: 40px; 
835
836 
837                .jn-container-banner .jn-banner article>div .jn-button { 
838                    margin: 25px 0 0; 
839                    float: right; 
840                    width: auto; 
841
842
843 
844            @media screen and (min-width: 1200px) { 
845                .jn-container-banner .jn-banner article>div { 
846                    width: 25%; 
847
848 
849                .jn-container-banner .jn-banner article>div:last-child { 
850                    width: 75%; 
851                    padding: 0 0 0 40px; 
852
853 
854                .jn-container-banner .jn-banner-wrapper { 
855                    padding: 0 64px 0 18px; 
856
857 
858                .jn-container-banner .jn-banner article>div p:first-child { 
859                    font-size: 48px; 
860
861 
862                .jn-container-banner .jn-banner article>div>p:nth-child(2) { 
863                    font-size: 30px; 
864
865
866 
867            /*----------------------- Disclaimer Styles ------------------------------ */ 
868            .jn-disclaimer { 
869                margin-top: 50px; 
870                background-color: #f7f7f7; 
871
872 
873            .jn-disclaimer p { 
874                font-size: 16px; 
875
876 
877            .jn-disclaimer ul li { 
878                margin-bottom: 15px; 
879                font-size: 16px; 
880
881 
882             
883 
884            .jn-disclaimer ul li sup { 
885                margin: 0 2px 0 0; 
886                top: -.3em; 
887                font-size: 12px; 
888
889            .jn-disclaimer .disclaimer { 
890                    padding: 20px 8%; 
891                    margin: 0 auto; 
892                    white-space: pre-wrap; /* CSS3 */     
893                    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
894                    white-space: -pre-wrap; /* Opera 4-6 */     
895                    white-space: -o-pre-wrap; /* Opera 7 */     
896                    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
897
898 
899            @media screen and (min-width: 769px) { 
900                .jn-disclaimer .disclaimer { 
901                    padding: 20px 8.335%; 
902
903                .jn-disclaimer ul { 
904                    margin: 0 0 0 35px; 
905
906
907            @media (min-width: 1025px) { 
908                .jn-disclaimer .disclaimer { 
909                    padding: 20px 8.825%; 
910                    max-width: 1363px; 
911
912
913 
914            /*----------------------- Footer Styles ------------------------------ */ 
915            .wrapper footer { 
916                background-color: #000000; 
917                min-height: 135px; 
918
919 
920            .wrapper footer article { 
921                color: #FFFFFF; 
922                font-weight: bold; 
923                max-width: 1200px; 
924                margin: 0 auto; 
925                padding: 40px 30px; 
926                text-align: right; 
927                font-size: 12px; 
928
929            .wrapper footer article .member-agreement { 
930                 display: inline-block; 
931 
932
933             .wrapper footer article .fdic { 
934                 display: inline-block; 
935                 margin-left: 100px; 
936
937 
938            .wrapper footer article a { 
939                color: #fff; 
940                text-transform: none; 
941
942 
943            .wrapper footer article a:hover, 
944            .wrapper footer article a:focus, 
945            .wrapper footer article a:active { 
946                color: #fff; 
947                text-transform: underline; 
948
949 
950 
951            /*----------------------- Consumer Styles ------------------------------ */ 
952             
953 
954            .jn-consumer-content h2 { 
955                font-size: 25px; 
956                color: #333333; 
957                font-weight: 400; 
958
959 
960            .jn-consumer-content .jn-consumer-content-wrapper { 
961                display: -webkit-box; 
962                display: -webkit-flex; 
963                display: -moz-flex; 
964                display: -ms-flexbox; 
965                display: flex; 
966                -webkit-align-items: flex-start; 
967                -moz-align-items: flex-start; 
968                -ms-align-items: flex-start; 
969                align-items: flex-start; 
970                -webkit-flex-flow: column wrap; 
971                -moz-flex-flow: column wrap; 
972                -ms-flex-flow: column wrap; 
973                flex-flow: column wrap; 
974                -ms-flex-pack: space-around; 
975                -webkit-justify-content: space-around; 
976                -moz-justify-content: space-around; 
977                -ms-justify-content: space-around; 
978                justify-content: space-around; 
979                font-family: Arial, Helvetica, sans-serif; 
980
981 
982            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item { 
983                    display: flex; 
984                    flex-direction: column; 
985                    background-color: #fff; 
986                    justify-content: center; 
987                    padding: 50px 8%; 
988                    position: relative; 
989                    border-bottom: 1px solid #ccc; 
990
991            @media (min-width: 769px) { 
992                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item { 
993                    flex-direction: row; 
994                    border-radius: 10px; 
995                    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2); 
996                    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2); 
997                    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.2); 
998                    border-bottom: none; 
999                    margin: 20px; 
1,000                    padding: 50px 3%; 
1,001
1,002
1,003 
1,004            .jn-consumer-card-info { 
1,005                width: 100%; 
1,006
1,007            @media (min-width: 769px) { 
1,008                .jn-consumer-card-info { 
1,009                    width: 60%; 
1,010                    margin-left: 5%; 
1,011
1,012
1,013            @media (min-width: 830px) { 
1,014                .jn-consumer-card-info { 
1,015                    margin-left: 5%; 
1,016
1,017
1,018             
1,019 
1,020            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item p { 
1,021                font-size: 12px; 
1,022
1,023 
1,024            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item img { 
1,025                max-width: 285px; 
1,026                max-height: 285px; 
1,027                margin: 0 auto 20px; 
1,028                display: block; 
1,029                width: auto; 
1,030                height: auto; 
1,031
1,032 
1,033            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item h4 { 
1,034                font-size: 15px; 
1,035                font-weight: 300; 
1,036                margin: 0 0 10px; 
1,037                text-transform: uppercase; 
1,038
1,039            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .consumer-card-heading { 
1,040                text-align: center; 
1,041                margin-bottom: 20px; 
1,042
1,043             
1,044            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .consumer-card-heading p { 
1,045                font-size: 29px; 
1,046                font-weight: 300; 
1,047                margin: 10px 0; 
1,048
1,049 
1,050            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .jn-additional ul li { 
1,051                list-style-type: none; 
1,052                padding: 0 0 15px 0; 
1,053                color: #333333; 
1,054                font-size: 20px; 
1,055                line-height: 1.2; 
1,056
1,057 
1,058            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .jn-additional ul li p { 
1,059                font-size: 20px; 
1,060                line-height: 1.3; 
1,061
1,062 
1,063            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions { 
1,064                display: -webkit-box; 
1,065                display: -webkit-flex; 
1,066                display: -moz-flex; 
1,067                display: -ms-flexbox; 
1,068                display: flex; 
1,069                margin: 10px 0; 
1,070                justify-content: center; 
1,071
1,072            @media (min-width: 769px) { 
1,073                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .consumer-card-heading { 
1,074                    min-height: 110px; 
1,075                    text-align: left; 
1,076
1,077                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions { 
1,078                    justify-content: flex-start; 
1,079
1,080
1,081            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .actions a { 
1,082                display: block; 
1,083                font-size: 14px; 
1,084                font-weight: 400; 
1,085                padding: 6px 45px; 
1,086                text-transform: uppercase; 
1,087                text-align: center; 
1,088
1,089 
1,090            @media (max-width: 768px) { 
1,091                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .actions a { 
1,092                    padding: 6px 0; 
1,093                    width: 100%; 
1,094
1,095                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .actions li { 
1,096                    width: 49%; 
1,097                    max-width: 180px; 
1,098
1,099                .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .actions li:first-child { 
1,100                    margin-right: 2%; 
1,101
1,102
1,103 
1,104            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li:first-child a { 
1,105                color: #fff; 
1,106                margin-right: 7px; 
1,107                position: relative; 
1,108
1,109 
1,110            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:hover, 
1,111            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:focus, 
1,112            .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:active { 
1,113                color: #fff; 
1,114
1,115 
1,116            @media screen and (min-width: 769px) { 
1,117                 
1,118 
1,119                .jn-consumer-content h2 { 
1,120                    font-size: 29px; 
1,121
1,122 
1,123                .jn-consumer-content .jn-consumer-content-wrapper { 
1,124                    -webkit-flex-flow: row wrap; 
1,125                    -moz-flex-flow: row wrap; 
1,126                    -ms-flex-flow: row wrap; 
1,127                    flex-flow: row wrap; 
1,128                    -ms-flex-pack: space-between; 
1,129                    -webkit-justify-content: space-between; 
1,130                    -moz-justify-content: space-between; 
1,131                    -ms-justify-content: space-between; 
1,132                    justify-content: space-between; 
1,133
1,134
1,135 
1,136            /*----------------------- Tab Styles ------------------------------ */ 
1,137            .jn-primary-nav { 
1,138                margin: 50px auto; 
1,139                display: block; 
1,140                width: 80%; 
1,141
1,142            @media screen and (min-width: 769px) { 
1,143                .jn-primary-nav { 
1,144                    width: 100%; 
1,145                    max-width: 525px; 
1,146
1,147
1,148 
1,149 
1,150            .jn-primary-nav ul { 
1,151                 
1,152                display: -webkit-box; 
1,153                display: -webkit-flex; 
1,154                display: -moz-flex; 
1,155                display: -ms-flexbox; 
1,156                display: flex; 
1,157                -webkit-align-items: center; 
1,158                -moz-align-items: center; 
1,159                -ms-align-items: center; 
1,160                align-items: center; 
1,161                -webkit-justify-content: center; 
1,162                -moz-justify-content: center; 
1,163                -ms-justify-content: center; 
1,164                justify-content: center; 
1,165                -ms-flex-pack: center; 
1,166                width: 100%; 
1,167
1,168 
1,169 
1,170            .jn-primary-nav ul li { 
1,171                width: 50%; 
1,172 
1,173
1,174            .jn-primary-nav ul li a { 
1,175                width: 100%; 
1,176                padding: 8px 0; 
1,177
1,178 
1,179            .jn-primary-nav a, .jn-primary-nav p { 
1,180                font-size: 16px; 
1,181                font-weight: 400; 
1,182                text-align: center; 
1,183                display: block; 
1,184                position: relative; 
1,185                text-transform: uppercase; 
1,186
1,187 
1,188            .jn-primary-nav p:hover { 
1,189                cursor: pointer; 
1,190
1,191 
1,192 
1,193             
1,194 
1,195 
1,196            .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content { 
1,197                display: none; 
1,198
1,199 
1,200            .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active { 
1,201                display: -webkit-box; 
1,202                display: -webkit-flex; 
1,203                display: -moz-flex; 
1,204                display: -ms-flexbox; 
1,205                display: flex; 
1,206
1,207 
1,208 
1,209             
1,210            
1,211            @media screen and (min-width: 769px) { 
1,212               
1,213                .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active { 
1,214                    display: block !important; 
1,215                    position: relative; 
1,216
1,217                .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active.one-card, .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active.two-card { 
1,218                    display: flex !important; 
1,219                    width: auto; 
1,220                    position: relative; 
1,221
1,222
1,223            @media screen and (min-width: 769px) { 
1,224                .tab-more-wrapper { 
1,225                    overflow: hidden; 
1,226
1,227
1,228            @media (min-width: 1200px) { 
1,229                .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active { 
1,230                    display: block !important; 
1,231
1,232                .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active.one-card, .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active.two-card { 
1,233                    display: flex !important; 
1,234                    width: auto; 
1,235
1,236                 
1,237                .transition-start { 
1,238                    transform: translateX(0); 
1,239
1,240                .transition-left { 
1,241                    transform: translateX(-999px); 
1,242
1,243                 
1,244
1,245 
1,246            
1,247             
1,248           
1,249 
1,250     
1,251 
1,252 
1,253 
1,254 
1,255 
1,256    /*customizations*/ 
1,257     
1,258    .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .consumer-card-heading h4 { 
1,259         color: ${textColor!'#173989'}; 
1,260
1,261    .wrapper ul.actions li a.applyNowLink { 
1,262         background-color: ${buttonColor!'#173989'}; 
1,263         border: 1px solid ${buttonColor!'#173989'}; 
1,264
1,265    .wrapper ul.actions li a.applyNowLink:hover { 
1,266         text-decoration: none; 
1,267         color: #fff; 
1,268         background-color: ${hoverColor!'#333333'}; 
1,269
1,270    .wrapper ul.actions li a:not(.applyNowLink) { 
1,271         border: 1px solid ${textColor!'#173989'}; 
1,272         color: ${textColor!'#173989'}; 
1,273    }  
1,274    .wrapper ul.actions li a:hover:not(.applyNowLink) { 
1,275         color: #fff; 
1,276         background-color: ${buttonColor!'#173989'}; 
1,277
1,278    .wrapper .jn-button { 
1,279        cursor: pointer; 
1,280        border: none; 
1,281        color: #fff; 
1,282        padding: 15px 60px; 
1,283        font-weight: normal; 
1,284        text-transform: uppercase; 
1,285        display: inline-block; 
1,286        border-radius: 0!important; 
1,287        font-size: 16px; 
1,288        background-color: ${buttonColor!'#173989'}; 
1,289
1,290    .wrapper .jn-button:hover, 
1,291    .wrapper .jn-button:active, 
1,292    .wrapper .jn-button:focus { 
1,293        background-color: ${hoverColor!'#333333'}; 
1,294
1,295    .tier3-hero-landing-business .jn-button { 
1,296        background-color: #fff; 
1,297        color: ${buttonColor!'#173989'}; 
1,298
1,299    .tier3-hero-landing-business .jn-button:hover { 
1,300        color: #fff; 
1,301
1,302    .tier3-hero-landing-consumer .jn-button { 
1,303        color: #fff; 
1,304        background-color: ${buttonColor!'#173989'}; 
1,305
1,306    .tier3-hero-landing-business .t_c_link { 
1,307        color: #fff; 
1,308
1,309 
1,310    @media (max-width: 768px) { 
1,311        .wrapper .jn-button { 
1,312            margin: 0 auto; 
1,313            max-width: 213px; 
1,314
1,315        .offer-detail { 
1,316            padding: 50px 8%; 
1,317            padding-top: 10px; 
1,318            margin-top: -1px; 
1,319
1,320        .tier3-hero-landing-consumer .offer-detail { 
1,321            background: -moz-linear-gradient(0deg, #f8f8f8 80%, ${backgroundColor!'#173989'} 80%); 
1,322            background: -webkit-linear-gradient(0deg, #f8f8f8 80%, ${backgroundColor!'#173989'} 80%); 
1,323            background: linear-gradient(0deg, #f8f8f8 80%, ${backgroundColor!'#173989'} 80%); 
1,324
1,325        .tier3-hero-landing-consumer .offer-header { 
1,326            background-color: ${backgroundColor!'#173989'}; 
1,327
1,328        .tier3-hero-landing-consumer .hero-primary-benefits { 
1,329            background: -moz-linear-gradient(180deg, #f8f8f8 43%, #fff 43%); 
1,330            background: -webkit-linear-gradient(180deg, #f8f8f8 43%, #fff 43%); 
1,331            background: linear-gradient(180deg, #f8f8f8 43%, #fff 43%); 
1,332
1,333        .tier3-hero-landing-business .offer-detail { 
1,334            background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 25%, ${backgroundColor!'#173989'} 25%); 
1,335            background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 25%, ${backgroundColor!'#173989'} 25%); 
1,336            background: linear-gradient(180deg, rgba(255,255,255,1) 25%, ${backgroundColor!'#173989'} 25%); 
1,337
1,338        .tier3-hero-landing-business .offer-header { 
1,339            background-color: #fff; 
1,340
1,341        .tier3-hero-landing-business .hero-primary-benefits { 
1,342            background: -moz-linear-gradient(180deg, ${backgroundColor!'#173989'} 43%, #fff 43%); 
1,343            background: -webkit-linear-gradient(180deg, ${backgroundColor!'#173989'} 43%, #fff 43%); 
1,344            background: linear-gradient(180deg, ${backgroundColor!'#173989'} 43%, #fff 43%); 
1,345            margin-top: -1px; 
1,346
1,347
1,348    .tier3-hero-landing-business .offer-title p, .tier3-hero-landing-business .offer-title  { 
1,349         color: ${textColor!'#173989'} !important; 
1,350
1,351 
1,352     .tier3-hero-landing-consumer .offer-title, .tier3-hero-landing-consumer .offer-subtitle, .tier3-hero-landing-consumer .offer-title p, .tier3-hero-landing-consumer .offer-subtitle p { 
1,353         color: #fff; 
1,354
1,355    @media (min-width: 769px) { 
1,356        .tier3-hero-landing-consumer .hero-main-container { 
1,357            background: -moz-linear-gradient(0deg, #f8f8f8 63%, ${backgroundColor!'#173989'} 63%); 
1,358            background: -webkit-linear-gradient(0deg, #f8f8f8 63%, ${backgroundColor!'#173989'} 63%); 
1,359            background: linear-gradient(0deg, #f8f8f8 63%, ${backgroundColor!'#173989'} 63%); 
1,360             
1,361
1,362        .tier3-hero-landing-business .hero-main-container{ 
1,363            background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 35%, ${backgroundColor!'#173989'} 35%); 
1,364            background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 35%, ${backgroundColor!'#173989'} 35%); 
1,365            background: linear-gradient(180deg, rgba(255,255,255,1) 35%, ${backgroundColor!'#173989'} 35%); 
1,366
1,367
1,368 
1,369 
1,370    .jn-primary-nav a:hover, 
1,371    .jn-primary-nav a:focus, 
1,372    .jn-primary-nav a.active, 
1,373    .jn-primary-nav p:hover, 
1,374    .jn-primary-nav p:focus, 
1,375    .jn-primary-nav p.active { 
1,376        background-color: ${backgroundColor!'#173989'}; 
1,377        border: 1px solid ${textColor!'#173989'}; 
1,378        color: #fff; 
1,379
1,380    .jn-primary-nav a, .jn-primary-nav p { 
1,381        color: ${textColor!'#173989'}; 
1,382
1,383    .jn-primary-nav ul { 
1,384        border: 1px solid ${textColor!'#173989'}; 
1,385
1,386 
1,387    /*HERO COMBINED*/ 
1,388 
1,389     
1,390 
1,391    .hero-main-offer { 
1,392        height: 100%; 
1,393        width: 100%; 
1,394
1,395 
1,396    @media (min-width: 769px) { 
1,397    .hero-main-offer { 
1,398        padding: 50px 8% 120px 8%; 
1,399        display: flex; 
1,400        flex-direction: row-reverse; 
1,401        justify-content: center; 
1,402        margin: 0 auto; 
1,403
1,404
1,405 
1,406    @media (min-width: 1024px) { 
1,407        .hero-main-offer { 
1,408            max-width: 1363px; 
1,409
1,410
1,411 
1,412    .hero-main-offer .offer-header { 
1,413        padding: 50px 8%; 
1,414        padding-top: 20px; 
1,415        padding-bottom: 10px; 
1,416
1,417 
1,418    @media (min-width: 769px) { 
1,419        .hero-main-offer .offer-header { 
1,420            padding: 0 4%; 
1,421            text-align: left; 
1,422            justify-content: space-between; 
1,423            display: flex; 
1,424            flex-direction: column; 
1,425            max-width: 70%; 
1,426
1,427        .hero-main-offer .offer-header .offer-text-top, .hero-main-offer .offer-header .offer-text-bottom { 
1,428            padding: 20px 0; 
1,429
1,430
1,431 
1,432    .hero-main-offer .offer-title, .hero-main-offer .offer-title p, .hero-main-offer .offer-title h1, .hero-main-offer .offer-title h2, .hero-main-offer .offer-title h3 { 
1,433        margin: 0; 
1,434        margin-bottom: 10px; 
1,435        font-size: 14px; 
1,436        text-transform: uppercase; 
1,437        letter-spacing: 1.136px; 
1,438
1,439 
1,440    .hero-main-offer .offer-subtitle, .hero-main-offer .offer-subtitle p, .hero-main-offer .offer-subtitle h1, .hero-main-offer .offer-subtitle h2, .hero-main-offer .offer-subtitle h3 { 
1,441        margin: 0; 
1,442        font-size: 36px; 
1,443
1,444 
1,445    .hero-main-offer .offer-detail-cardArt { 
1,446        min-height: 220px; 
1,447        min-width: 285px; 
1,448
1,449 
1,450    .hero-main-offer .offer-detail-cardArt img { 
1,451        max-width: 285px; 
1,452
1,453 
1,454    .hero-main-offer .offer-detail-cardArt p { 
1,455        margin: 20px 0; 
1,456        color: #555555; 
1,457        text-transform: uppercase; 
1,458        letter-spacing: 1.136px; 
1,459
1,460 
1,461    .hero-main-offer .offer-detail-text { 
1,462        margin-bottom: 20px; 
1,463
1,464 
1,465    .hero-main-offer .offer-detail-text p { 
1,466        color: #555555; 
1,467
1,468 
1,469    .tier3-hero-landing-business .offer-detail-cardArt p, .tier3-hero-landing-business .offer-detail-text p { 
1,470        color: #fff; 
1,471
1,472 
1,473    .hero-main-logo a { 
1,474        text-align: center; 
1,475
1,476 
1,477    .hero-main-logo-homelink a { 
1,478        color: #ffffff; 
1,479        font-weight: bold; 
1,480
1,481 
1,482    .hero-main-logo-homelink a:hover, 
1,483    .hero-main-logo-homelink a:focus, 
1,484    .hero-main-logo-homelink a:active { 
1,485        text-decoration: none; 
1,486        background-color: transparent; 
1,487
1,488 
1,489    .hero-main-container { 
1,490        text-align: center; 
1,491
1,492 
1,493    .hero-main-container sup { 
1,494        font-size: 13px !important; 
1,495
1,496    .hide-mobile, .hide-desktop { 
1,497        display: none !important; 
1,498
1,499    @media (min-width: 769px) { 
1,500        .hide-mobile { 
1,501            display: block !important; 
1,502
1,503
1,504    @media (max-width: 768px) { 
1,505        .hide-desktop { 
1,506            display: block !important; 
1,507
1,508
1,509 
1,510</style> 

Web Content Display

An error occurred while processing the template.
Error on line 36, column 1 in 10154#10192#153417670
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService") > 
2<#assign oadURL = propsUtil.get('elan.oad.url') > 
3<#assign url = request.attributes.CURRENT_URL > 
4<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
5<#assign url404 = '/error/404.html' > 
6<#assign environment = url?replace('/11t3.*','','r')> 
7 
8<#assign text_to_apply_source = "vanity url" > 
9<#if qstringmap["sms"]?has_content> 
10    <#assign sms = 1 > 
11    <#assign text_to_apply_source = "sms" > 
12</#if> 
13<#if qstringmap["qrCode"]?has_content> 
14    <#assign text_to_apply_source = "qr code" > 
15</#if> 
16 
17<#assign lc= qstringmap["ecdma-lc"]?first>   
18<#assign prefix = "00000" > 
19<#assign lcWithPrefix = prefix + lc > 
20<#assign withPrefixLength = lcWithPrefix?length > 
21<#assign startHere = withPrefixLength - 5> 
22<#assign lc = lcWithPrefix?substring(startHere)> 
23 
24<#if qstringmap["ecid"]?has_content> 
25    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
26    <#assign campaignId = qstringmap["ecid"]?first > 
27<#else> 
28    <#assign ecidExt=""> 
29    <#assign campaignId = "" > 
30</#if> 
31 
32 
33 
34<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
35<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
36<#assign clientProfile = clientProfileList?first> 
37<#assign partnerName = clientProfile.getMarketingNameLong()> 
38<#assign pbu = clientProfile.getPbu()> 
39<#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
40 
41<#assign logoFileName = clientProfile.getLogoBFormat1()?replace(".", "-")?replace("-([^-]*)$", ".$1", "r")?lower_case> 
42<#assign cdnLogoUrl = propsUtil.get('rackspace.cdn.web.url')> 
43<#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&'+pbu+'&'+subbu)> 
44 
45<#-- Begin: filter duplicated cards--> 
46<#assign temp = []> 
47<#assign offerTypeList = []>   
48<#if (fiCardsData?size > 0)>      
49    <#assign index = 0> 
50    <#list fiCardsData as fib> 
51        <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))>  
52            <#assign offerTypeList = offerTypeList + [fib.offerType]>                   
53            <#assign temp = temp + fiCardsData[index..index]>  
54        </#if>   
55        <#assign index = index + 1>               
56    </#list>  
57    <#assign fiCardsData = temp> 
58    <#if (fiCardsData?size > 0)> 
59        <div class="content-container content-container-main" title="${partnerName!''}"> 
60            <#if url?contains("index")> 
61                <#assign product="All Cards"> 
62                <header class="jn-header"> 
63                    <div class="header-logo">  
64                        <img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}" title="${partnerName!''}"> 
65                    </div>  
66                </header>         
67            <#else> 
68                <header class="jn-header"> 
69                    <div class="back-overview hide-desktop">  
70                        <a href="${environment}/11t3/index?ecdma-lc=${lc}${ecidExt}">Home</a> 
71                    </div>  
72 
73                    <div class="header-main-logo" title="${partnerName!''}"> 
74                        <img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}" title="${partnerName!''}"> 
75                    </div> 
76                    <div class="styled-select slate"> 
77                        <select> 
78                            <#list fiCardsData as fib> 
79                                <#if (fib.offerType=="108" || fib.offerType=="109")> 
80                                    <#assign productURL="consumer-platinum2103"> 
81                                    <#assign productName="Platinum Card"> 
82                                <#elseif fib.offerType=="104"> 
83                                    <#assign productURL = "max-cash"> 
84                                    <#assign productName = "Max Cash Preferred Card">     
85                                <#elseif (fib.offerType=="101" || fib.offerType=="103")> 
86                                    <#assign productURL = "real-rewards"> 
87                                    <#assign productName = "Real Rewards Card">                                        
88                                <#elseif fib.offerType == "115"> 
89                                    <#assign productURL = "secured"> 
90                                    <#assign productName = "Secured Card" > 
91                                <#elseif fib.offerType == "144"> 
92                                    <#assign productURL = "smart-business-rewards"> 
93                                    <#assign productName = "Smart Business Rewards Card" >                                         
94                                <#elseif fib.offerType == "128"> 
95                                    <#assign productURL = "business-cashback"> 
96                                    <#assign productName = "Business Cash Card" > 
97                                <#elseif fib.offerType == "143"> 
98                                    <#assign productURL = "business-real-rewards"> 
99                                    <#assign productName = "Business Real Rewards Card" > 
100                                <#elseif fib.offerType == "121"> 
101                                    <#assign productURL = "business-platinum2103"> 
102                                    <#assign productName = "Business Card" > 
103                                </#if> 
104                                <#if url?matches(".*/${productURL}.*")> 
105                                    <#assign product = productURL> 
106                                    <option value="${environment}/11t3/${productURL}?ecdma-lc=${lc}${ecidExt}" selected="selected">${productName}</option> 
107                                <#else> 
108                                    <option value="${environment}/11t3/${productURL}?ecdma-lc=${lc}${ecidExt}">${productName}</option> 
109                                </#if> 
110                            </#list> 
111                        </select> 
112                        <div class="styled-select__dropdown"> 
113                            <div class="back-overview hide-mobile">  
114                                <a href="${environment}/11t3/index?ecdma-lc=${lc}${ecidExt}">Home</a> 
115                            </div>   
116                            <div class="dropdown-select"> 
117                                <span class="selected-option"></span>  
118                                <div class="jn-arrow arrow arrow-right"></div> 
119                            </div> 
120                        </div> 
121                        <div class="jn-hamburger hamburger"> 
122                            <div class="first-line transform transformed1"></div> 
123                            <div></div> 
124                            <div class="transform transformed2"></div> 
125                            <div></div> 
126                        </div> 
127                        <ul> 
128                            <#list fiCardsData as fib> 
129                                <#if (fib.offerType=="108" || fib.offerType=="109")> 
130                                    <#assign productURL="consumer-platinum2103"> 
131                                    <#assign productName="Platinum Card"> 
132                                <#elseif fib.offerType=="104"> 
133                                    <#assign productURL = "max-cash"> 
134                                    <#assign productName = "Max Cash Preferred Card">     
135                                <#elseif (fib.offerType=="101" || fib.offerType=="103")> 
136                                    <#assign productURL = "real-rewards"> 
137                                    <#assign productName = "Real Rewards Card">                                        
138                                <#elseif fib.offerType == "115"> 
139                                    <#assign productURL = "secured"> 
140                                    <#assign productName = "Secured Card" > 
141                                <#elseif fib.offerType == "144"> 
142                                    <#assign productURL = "smart-business-rewards"> 
143                                    <#assign productName = "Smart Business Rewards Card" >                                         
144                                <#elseif fib.offerType == "128"> 
145                                    <#assign productURL = "business-cashback"> 
146                                    <#assign productName = "Business Cash Card" > 
147                                <#elseif fib.offerType == "143"> 
148                                    <#assign productURL = "business-real-rewards"> 
149                                    <#assign productName = "Business Real Rewards Card" > 
150                                <#elseif fib.offerType == "121"> 
151                                    <#assign productURL = "business-platinum2103"> 
152                                    <#assign productName = "Business Card" > 
153                                </#if> 
154                                <#if url?matches(".*/${productURL}.*")> 
155                                    <#assign product = productURL> 
156                                    <li class="selected" data-value="${productName}" selected="selected"><a href="javascript:void(0)">${productName}</a></li> 
157                                <#else> 
158                                    <li class="dropdown-item" data-value="${productName}"> 
159                                        <a href="${environment}/11t3/${productURL}?ecdma-lc=${lc}${ecidExt}"> 
160                                        ${productName}  
161                                        </a> 
162                                    </li> 
163                                </#if> 
164                            </#list> 
165                        </ul> 
166                    </div> 
167                </header> 
168                <script> 
169                    document.addEventListener('DOMContentLoaded', function() { 
170                        var pageSelected = $('.selected').attr('data-value'); 
171                        $('.jn-hamburger, .dropdown-select ').click(function () { 
172                            $('.styled-select').toggleClass('show-select'); 
173                        }); 
174                        $('.selected-option').text(pageSelected); 
175                    }); 
176                </script>            
177            </#if> 
178        </div> 
179        <script> 
180                     var reportingData = {}; 
181                 document.addEventListener('DOMContentLoaded', function() { 
182                    console.log('inside ready'); 
183                    var page = location.pathname.split('/')[location.pathname.split('/').length-1]; 
184                    var hostName = location.hostname;                                 
185                    function getDomainFromHostname(hostname) { 
186                        var parts = hostname.split('.'); 
187                        return parts.length === 3 ? parts[1] : parts[0]; 
188
189                    var domain = getDomainFromHostname(hostName); 
190                    var partnerName = "${partnerName!''}"; 
191                    var product = "All Cards"; 
192                    switch(page) { 
193                        case "max-cash": 
194                            product="Max Cash Preferred Card" 
195                            break;                         
196                        case "consumer-platinum2103": 
197                            product="Platinum Card" 
198                            break; 
199                        case "real-rewards": 
200                            product="Real Rewards Card" 
201                            break; 
202                        case "secured": 
203                            product="Secured Card" 
204                            break; 
205                        case "smart-business-rewards": 
206                            product="Smart Business Rewards Card" 
207                            break;                             
208                        case "business-cashback": 
209                            product="Business Cash Card" 
210                            break; 
211                        case "business-real-rewards": 
212                            product="Business Real Rewards Card" 
213                            break; 
214                        case "business-platinum2103": 
215                            product="Business Card" 
216                            break; 
217                        default:   
218                            product = "All Cards";                           
219
220                    var lc = "${lc!'0'}"; 
221                    var pageType = "product"; 
222                    if (page == "index") { 
223                        document.title = partnerName + " Credit Card Index Page"; 
224                    }  
225                                                             
226                    /* update SiteCatalyst data object */ 
227                        reportingData.current_page = "microsite:${partnerName}:" + domain + ':' + page.replace('-',' '); 
228                        reportingData.page_type = 'product';  
229                        reportingData.site_section = 'credit cards'; 
230                        reportingData.platform = 'microsite'; 
231                        reportingData.campaign_id = '${campaignId}'; 
232                        reportingData.location_code = lc; 
233                        reportingData.partner_name = partnerName; 
234                        reportingData.product = product; 
235                        reportingData.text_to_apply_source = '${text_to_apply_source}'; 
236                        reportingData.visitor_type = 'prospect';         
237                        reportingData.Banker_id = '0'; 
238                        reportingData.Banker_code = '0';        
239 
240 
241                    /* SiteCatalyst  pageView tracking */ 
242                        AUI().ready(function() { 
243                            if (window.publisherFW) { 
244                                //console.log("pageView"); 
245                                window.publisherFW.publishEvent("pageView", reportingData); 
246                            }  
247                        }); 
248 
249                    jQuery('.jn-button, .applyNowLink').on('click', function(e){ 
250                        var buttonName = $(this).data('button-name'); 
251                        var productName = $(this).data('product-name'); 
252                        /* SiteCatalyst  onClick tracking */ 
253                        reportingData.applyButton = buttonName; 
254                        reportingData.product = productName; 
255 
256                            if (window.publisherFW) { 
257                                //console.log('clicked', reportingData); 
258                                window.publisherFW.publishEvent("onClick", reportingData); 
259                            }   
260 
261                    }); 
262 
263                    jQuery('.applyNowLink').on('click', function(e){ 
264                        ga("send", { 
265                            hitType: "event", 
266                            eventAction: "ApplyNow", 
267                            eventCategory: "click", 
268                            eventLabel: "BottomButton" 
269                        }); 
270                    }); 
271             
272                }); 
273        </script>    
274    <#else> 
275        <script> 
276            console.log("Empty card list"); 
277            location.href = '${url404}'; 
278        </script> 
279    </#if>    
280<#else> 
281    <script> 
282        console.log("FI Cards Data empty", "pbu:", "${pbu}", ",subbu:","${subbu}"); 
283        location.href = '${url404}'; 
284    </script> 
285</#if> 

Web Content Display

An error occurred while processing the template.
Error on line 35, column 1 in 10154#10192#153417688
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign url = request.attributes.CURRENT_URL > 
2<#assign oadURL = propsUtil.get('elan.oad.url') > 
3<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
4<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService")> 
5<#assign url404 = '/error/404.html'> 
6<#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
7 
8<#assign lc= qstringmap["ecdma-lc"]?first>   
9<#assign prefix = "00000" > 
10<#assign lcWithPrefix = prefix + lc > 
11<#assign withPrefixLength = lcWithPrefix?length > 
12<#assign startHere = withPrefixLength - 5> 
13<#assign lc = lcWithPrefix?substring(startHere)> 
14 
15 
16<#if qstringmap["ecid"]?has_content> 
17    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
18<#else> 
19    <#assign ecidExt=""> 
20</#if> 
21<#if oadURL?contains("uat-")> 
22    <#assign oadURL_TC = 'https://uat-online1.elancard.com/oad/terms.controller' > 
23<#else> 
24    <#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
25</#if> 
26<#assign campaignId = "" > 
27<#assign ecidExt=""> 
28<#if qstringmap["ecid"]?has_content> 
29    <#assign campaignId = qstringmap["ecid"]?first > 
30    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
31</#if> 
32 
33<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
34<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
35<#assign clientProfile = clientProfileList?first> 
36<#assign partnerName = clientProfile.getMarketingNameLong()> 
37<#assign pbu = clientProfile.getPbu()> 
38<#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
39<#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 
40 
41<#assign fiCardsData=utilServ.makeCall('crcTier3GetPbuData','0&'+ pbu + '&'+subbu)> 
42<#assign temp = []> 
43<#assign consumerCards = []> 
44<#assign businessCards = []>  
45<#assign offerTypeList = []>       
46<#assign index = 0> 
47<#assign consumerOfferTypes = ["101", "108", "109", "115", "104"]> 
48<#assign businessOfferTypes = ["128", "123", "121", "143", "144"]> 
49<#list fiCardsData as fib>  
50    <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))> 
51        <#assign offerTypeList = offerTypeList + [fib.offerType]>  
52        <#if (consumerOfferTypes?seq_contains(fib.offerType))> 
53            <#assign consumerCards = consumerCards + fiCardsData[index..index]> 
54        <#elseif (businessOfferTypes?seq_contains(fib.offerType))> 
55            <#assign businessCards = businessCards + fiCardsData[index..index]> 
56        </#if>                            
57        <#assign temp = temp + fiCardsData[index..index]>  
58    </#if>   
59    <#assign index = index + 1>               
60</#list>  
61 
62<#assign fiCardsData = temp> 
63<#if (fiCardsData?size > 0)>    
64    <#if url?contains("index")>                    
65        <#assign offerId = ""> 
66        <#assign sourceCode = ""> 
67        <#assign cardArtImage = ""> 
68        <#assign productUrl = ""> 
69        <#assign cardIndex = 0> 
70 
71 
72        <#if (class.getData() == "landing-consumer" && consumerCards?size > 0)> 
73            <#if (offerTypeList?seq_contains("108")) ||  (offerTypeList?seq_contains("109"))> 
74                <#list consumerCards as card> 
75                    <#if (card.offerType=="108") || (card.offerType=="109")> 
76                        <#assign offerId = card.offerId> 
77                        <#assign sourceCode = card.sourceCode> 
78                        <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 
79                        <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 
80                        <#assign productUrl="consumer-platinum2103"> 
81                        <#assign product="Platinum"> 
82                        <#assign cardIndex = 2> 
83                    </#if> 
84                </#list> 
85            <#else> 
86                <#assign displayedCard = consumerCards[0]> 
87                <#assign offerId = displayedCard.offerId> 
88                <#assign sourceCode = displayedCard.sourceCode> 
89                <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 
90                <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 
91                <#if (displayedCard.offerType=="101" || displayedCard.offerType=="103")> 
92                    <#assign productUrl="real-rewards"> 
93                    <#assign product="Real Rewards"> 
94                    <#assign cardIndex = 1> 
95                <#elseif (displayedCard.offerType=="104")> 
96                    <#assign productUrl = "max-cash"> 
97                    <#assign product="Max Cash Preferred"> 
98                    <#assign cardIndex = 0> 
99                <#elseif (displayedCard.offerType=="115")> 
100                    <#assign productUrl = "secured"> 
101                    <#assign product="Secured"> 
102                    <#assign cardIndex = 3> 
103                </#if> 
104            </#if> 
105            <#if product != ""> 
106                <#assign card_text = product + " Card"> 
107            </#if>  
108        </#if> 
109        <#if (class.getData() == "landing-business" && businessCards?size > 0)> 
110            <#if (offerTypeList?seq_contains("121")) > 
111                <#list businessCards as card> 
112                    <#if (card.offerType=="121")> 
113                        <#assign offerId = card.offerId> 
114                        <#assign sourceCode = card.sourceCode> 
115                        <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 
116                        <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 
117                        <#assign productUrl = "business-platinum2103"> 
118                        <#assign product="Business"> 
119                        <#assign cardIndex = 3>  
120                    </#if> 
121                </#list> 
122            <#else> 
123                <#assign displayedCard = businessCards[0]> 
124                <#assign offerId = displayedCard.offerId> 
125                <#assign sourceCode = displayedCard.sourceCode> 
126                <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 
127                <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 
128                <#if (displayedCard.offerType=="143")> 
129                    <#assign productUrl="business-real-rewards"> 
130                    <#assign product="Business Real Rewards"> 
131                    <#assign cardIndex = 2> 
132                <#elseif (displayedCard.offerType=="128")> 
133                    <#assign productUrl="business-cash"> 
134                    <#assign product="Business Cash"> 
135                    <#assign cardIndex = 1> 
136                <#elseif (displayedCard.offerType=="144")> 
137                    <#assign productUrl="smart-business-rewards"> 
138                    <#assign product="Smart Business Rewards"> 
139                    <#assign cardIndex = 0>                    
140                </#if> 
141            </#if> 
142            <#if product != ""> 
143                <#assign card_text = product + " Card"> 
144            </#if>  
145        </#if>  
146        <#list fiCardsData as fib> 
147            <#if (fib.offerType=="108" || fib.offerType=="109")> 
148                <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', '${fib.offerId}' + '&'+ '${fib.sourceCode}')> 
149                <#if (scrapedData?size > 0)> 
150                        <#list scrapedData as sItem> 
151                            <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
152                                <#assign apr = sItem.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 
153                                <#break> 
154                            </#if> 
155                        </#list> 
156                        <script> 
157                            $(document).ready(function () { 
158                                var aprText = "${apr}"; 
159                                console.log(aprText); 
160                                if (aprText) { 
161                                    try { 
162                                        var matches= aprText.match(/\d+(\.\d+)?%?/g); 
163                                        var billing_cycle = matches[1]; 
164                                        var apr_min = apr_min = matches[2]; 
165                                        var apr_max = apr_max = matches[3]; 
166                                        console.log('billing_cycle', billing_cycle); 
167                                        console.log('apr_min', apr_min); 
168                                        console.log('apr_max', apr_max); 
169                                        if (billing_cycle) { 
170                                            $(".scraped-billing-cycle").html(billing_cycle); 
171
172                                        if (apr_min) { 
173                                            $(".scraped-apr-min").html(apr_min); 
174
175                                        if (apr_max) { 
176                                            $('.scraped-apr-max').html(apr_max); 
177
178 
179                                    } catch (e) { 
180                                        console.log(e); 
181
182
183                            }); 
184                        </script> 
185                </#if>   
186            </#if>  
187        </#list> 
188         
189            <div class="hero-container product-${productUrl} tier3-hero-${class.getData()}" title="${partnerName!''} ${product!''} Credit Card"> 
190                <div class="hero-main"> 
191                    <div class="hero-main-container"> 
192                        <div class="hero-main-offer"> 
193                            <div class="offer-header"> 
194                                <div class="offer-text-top"> 
195                                    ${productTitle.getSiblings()[cardIndex].primaryHeadlineText.getData()} 
196                                </div> 
197                                <div class="offer-text-bottom hide-mobile"> 
198                                    <div class="offer-detail-text text-color-default "> 
199                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()}  
200 
201                                        <a href="${oadURL_TC}?locationCode=${lc}&offerId=${offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a> 
202 
203                                    </div> 
204                                    <a href="${oadURL}?locationCode=${lc}&offerId=${offerId}&preparerType=customer"  
205                                    class="jn-button" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
206                                    title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
207                                </div> 
208                            </div> 
209                            <div class="offer-detail"> 
210                                <div class="offer-detail-cardArt cardArtImg"> 
211                                    <img src="${cardArtImage!''}" alt="${partnerName!''}" title="${partnerName!''}" 
212                                    class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
213                                    <p>${card_text!''}</p> 
214                                </div> 
215                                <div class="offer-detail-text text-color-default hide-desktop"> 
216                                    ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
217                                    <a href="${oadURL_TC}?locationCode=${lc}&offerId=${offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a> 
218                                </div> 
219                                <a href="${oadURL}?locationCode=${lc}&offerId=${offerId}&preparerType=customer"  
220                                    class="jn-button hide-desktop btn" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
221                                    title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
222                            </div> 
223                        </div> 
224                    </div> 
225                </div> 
226            </div> 
227    <#else> 
228        <#list fiCardsData as fib> 
229            <#switch fib.offerType> 
230                <#case "144"> 
231                    <#assign cardIndex = 0 > 
232                    <#assign productUrl = "smart-business-rewards"> 
233                    <#assign product="Smart Business Rewards">                                          
234                    <#break> 
235                <#case "104"> 
236                    <#assign cardIndex = 0 > 
237                    <#assign productUrl="max-cash"> 
238                    <#assign product="Max Cash Preferred">                       
239                    <#break> 
240                <#case "128"> 
241                    <#assign cardIndex = 1 > 
242                    <#assign productUrl = "business-cashback"> 
243                    <#assign product="Business Cash">                     
244                    <#break> 
245                <#case "108"> 
246                    <#assign cardIndex = 2 > 
247                    <#assign productUrl = "consumer-platinum2103"> 
248                    <#assign product="Platinum">                       
249                    <#break> 
250                <#case "109"> 
251                    <#assign cardIndex = 2 > 
252                    <#assign productUrl = "consumer-platinum2103"> 
253                    <#assign product="Platinum">                                           
254                    <#break>                                         
255                <#case "143"> 
256                    <#assign cardIndex = 2 > 
257                    <#assign productUrl = "business-real-rewards"> 
258                    <#assign product="Business Real Rewards">                     
259                    <#break> 
260                <#case "101"> 
261                    <#assign cardIndex = 1 > 
262                    <#assign productUrl = "real-rewards"> 
263                    <#assign product="Real Rewards">                     
264                    <#break>   
265                <#case "103"> 
266                    <#assign cardIndex = 1 > 
267                    <#assign productUrl = "real-rewards"> 
268                    <#assign product="Real Rewards">                     
269                    <#break>                                          
270                <#case "121"> 
271                    <#assign cardIndex = 3 > 
272                    <#assign productUrl = "business-platinum2103"> 
273                    <#assign product="Business">                      
274                    <#break> 
275                <#case "115"> 
276                    <#assign cardIndex = 3 > 
277                    <#assign productUrl = "secured"> 
278                    <#assign product="Secured">                     
279                    <#break>                     
280                <#default> 
281            </#switch>                          
282            <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png">  
283            <#assign cardArtImageAlt = cdnCardArtUrl + "/" + fib.filename + ".jpg">                     
284            <#if url?matches(".*/${productUrl}.*")>  
285                <#if (fib.offerType=="108" || fib.offerType=="109" || fib.offerType == "121")> 
286                    <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', '${fib.offerId}' + '&'+ '${fib.sourceCode}')> 
287                    <#if (scrapedData?size > 0)> 
288                            <#list scrapedData as sItem> 
289                                <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
290                                    <#assign apr = sItem.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 
291                                    <#break> 
292                                </#if> 
293                            </#list> 
294                            <script> 
295                                $(document).ready(function () { 
296                                    var aprText = "${apr}"; 
297                                    console.log(aprText); 
298                                    if (aprText) { 
299                                        try { 
300                                            var matches= aprText.match(/\d+(\.\d+)?%?/g); 
301                                            var billing_cycle = matches[1]; 
302                                            var apr_min = apr_min = matches[2]; 
303                                            var apr_max = apr_max = matches[3]; 
304                                            console.log('billing_cycle', billing_cycle); 
305                                            console.log('apr_min', apr_min); 
306                                            console.log('apr_max', apr_max); 
307                                            if (billing_cycle) { 
308                                                $(".scraped-billing-cycle").html(billing_cycle); 
309
310                                            if (apr_min) { 
311                                                $(".scraped-apr-min").html(apr_min); 
312
313                                            if (apr_max) { 
314                                                $('.scraped-apr-max').html(apr_max); 
315
316 
317                                        } catch (e) { 
318                                            console.log(e); 
319
320
321                                }); 
322                            </script> 
323                    </#if>   
324                </#if>      
325                <#if product != ""> 
326                    <#assign card_text = product + " Card"> 
327                </#if>        
328                <div class="hero-container ${class.getData()}" title="${partnerName!''} ${product!''} Credit Card"> 
329                    <div class="hero-main"> 
330                        <div class="hero-main-container"> 
331                            <div class="hero-main-offer"> 
332                                <div class="offer-header"> 
333                                    <div class="offer-text-top"> 
334                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineText.getData()} 
335                                    </div> 
336                                    <div class="offer-text-bottom hide-mobile"> 
337                                        <div class="offer-detail-text text-color-default "> 
338                                            ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
339                                        </div> 
340                                        <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
341                                        class="jn-button" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
342                                        title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
343                                    </div> 
344                                </div> 
345                                <div class="offer-detail"> 
346                                    <div class="offer-detail-cardArt cardArtImg"> 
347                                        <img src="${cardArtImage!''}" alt="${partnerName!''}" title="${partnerName!''}" 
348                                        class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
349                                        <p>${card_text!''}</p> 
350                                    </div> 
351                                    <div class="offer-detail-text text-color-default hide-desktop"> 
352                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
353                                    </div> 
354                                    <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
355                                        class="jn-button hide-desktop btn" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
356                                        title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
357                                </div> 
358                            </div> 
359                        </div> 
360                    </div> 
361                </div> 
362            </#if> 
363        </#list>    
364 
365    </#if> 
366</#if> 

Web Content Display

An error occurred while processing the template.
Error on line 35, column 1 in 10154#10192#153417688
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign url = request.attributes.CURRENT_URL > 
2<#assign oadURL = propsUtil.get('elan.oad.url') > 
3<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
4<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService")> 
5<#assign url404 = '/error/404.html'> 
6<#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
7 
8<#assign lc= qstringmap["ecdma-lc"]?first>   
9<#assign prefix = "00000" > 
10<#assign lcWithPrefix = prefix + lc > 
11<#assign withPrefixLength = lcWithPrefix?length > 
12<#assign startHere = withPrefixLength - 5> 
13<#assign lc = lcWithPrefix?substring(startHere)> 
14 
15 
16<#if qstringmap["ecid"]?has_content> 
17    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
18<#else> 
19    <#assign ecidExt=""> 
20</#if> 
21<#if oadURL?contains("uat-")> 
22    <#assign oadURL_TC = 'https://uat-online1.elancard.com/oad/terms.controller' > 
23<#else> 
24    <#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
25</#if> 
26<#assign campaignId = "" > 
27<#assign ecidExt=""> 
28<#if qstringmap["ecid"]?has_content> 
29    <#assign campaignId = qstringmap["ecid"]?first > 
30    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
31</#if> 
32 
33<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
34<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
35<#assign clientProfile = clientProfileList?first> 
36<#assign partnerName = clientProfile.getMarketingNameLong()> 
37<#assign pbu = clientProfile.getPbu()> 
38<#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
39<#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 
40 
41<#assign fiCardsData=utilServ.makeCall('crcTier3GetPbuData','0&'+ pbu + '&'+subbu)> 
42<#assign temp = []> 
43<#assign consumerCards = []> 
44<#assign businessCards = []>  
45<#assign offerTypeList = []>       
46<#assign index = 0> 
47<#assign consumerOfferTypes = ["101", "108", "109", "115", "104"]> 
48<#assign businessOfferTypes = ["128", "123", "121", "143", "144"]> 
49<#list fiCardsData as fib>  
50    <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))> 
51        <#assign offerTypeList = offerTypeList + [fib.offerType]>  
52        <#if (consumerOfferTypes?seq_contains(fib.offerType))> 
53            <#assign consumerCards = consumerCards + fiCardsData[index..index]> 
54        <#elseif (businessOfferTypes?seq_contains(fib.offerType))> 
55            <#assign businessCards = businessCards + fiCardsData[index..index]> 
56        </#if>                            
57        <#assign temp = temp + fiCardsData[index..index]>  
58    </#if>   
59    <#assign index = index + 1>               
60</#list>  
61 
62<#assign fiCardsData = temp> 
63<#if (fiCardsData?size > 0)>    
64    <#if url?contains("index")>                    
65        <#assign offerId = ""> 
66        <#assign sourceCode = ""> 
67        <#assign cardArtImage = ""> 
68        <#assign productUrl = ""> 
69        <#assign cardIndex = 0> 
70 
71 
72        <#if (class.getData() == "landing-consumer" && consumerCards?size > 0)> 
73            <#if (offerTypeList?seq_contains("108")) ||  (offerTypeList?seq_contains("109"))> 
74                <#list consumerCards as card> 
75                    <#if (card.offerType=="108") || (card.offerType=="109")> 
76                        <#assign offerId = card.offerId> 
77                        <#assign sourceCode = card.sourceCode> 
78                        <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 
79                        <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 
80                        <#assign productUrl="consumer-platinum2103"> 
81                        <#assign product="Platinum"> 
82                        <#assign cardIndex = 2> 
83                    </#if> 
84                </#list> 
85            <#else> 
86                <#assign displayedCard = consumerCards[0]> 
87                <#assign offerId = displayedCard.offerId> 
88                <#assign sourceCode = displayedCard.sourceCode> 
89                <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 
90                <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 
91                <#if (displayedCard.offerType=="101" || displayedCard.offerType=="103")> 
92                    <#assign productUrl="real-rewards"> 
93                    <#assign product="Real Rewards"> 
94                    <#assign cardIndex = 1> 
95                <#elseif (displayedCard.offerType=="104")> 
96                    <#assign productUrl = "max-cash"> 
97                    <#assign product="Max Cash Preferred"> 
98                    <#assign cardIndex = 0> 
99                <#elseif (displayedCard.offerType=="115")> 
100                    <#assign productUrl = "secured"> 
101                    <#assign product="Secured"> 
102                    <#assign cardIndex = 3> 
103                </#if> 
104            </#if> 
105            <#if product != ""> 
106                <#assign card_text = product + " Card"> 
107            </#if>  
108        </#if> 
109        <#if (class.getData() == "landing-business" && businessCards?size > 0)> 
110            <#if (offerTypeList?seq_contains("121")) > 
111                <#list businessCards as card> 
112                    <#if (card.offerType=="121")> 
113                        <#assign offerId = card.offerId> 
114                        <#assign sourceCode = card.sourceCode> 
115                        <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 
116                        <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 
117                        <#assign productUrl = "business-platinum2103"> 
118                        <#assign product="Business"> 
119                        <#assign cardIndex = 3>  
120                    </#if> 
121                </#list> 
122            <#else> 
123                <#assign displayedCard = businessCards[0]> 
124                <#assign offerId = displayedCard.offerId> 
125                <#assign sourceCode = displayedCard.sourceCode> 
126                <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 
127                <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 
128                <#if (displayedCard.offerType=="143")> 
129                    <#assign productUrl="business-real-rewards"> 
130                    <#assign product="Business Real Rewards"> 
131                    <#assign cardIndex = 2> 
132                <#elseif (displayedCard.offerType=="128")> 
133                    <#assign productUrl="business-cash"> 
134                    <#assign product="Business Cash"> 
135                    <#assign cardIndex = 1> 
136                <#elseif (displayedCard.offerType=="144")> 
137                    <#assign productUrl="smart-business-rewards"> 
138                    <#assign product="Smart Business Rewards"> 
139                    <#assign cardIndex = 0>                    
140                </#if> 
141            </#if> 
142            <#if product != ""> 
143                <#assign card_text = product + " Card"> 
144            </#if>  
145        </#if>  
146        <#list fiCardsData as fib> 
147            <#if (fib.offerType=="108" || fib.offerType=="109")> 
148                <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', '${fib.offerId}' + '&'+ '${fib.sourceCode}')> 
149                <#if (scrapedData?size > 0)> 
150                        <#list scrapedData as sItem> 
151                            <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
152                                <#assign apr = sItem.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 
153                                <#break> 
154                            </#if> 
155                        </#list> 
156                        <script> 
157                            $(document).ready(function () { 
158                                var aprText = "${apr}"; 
159                                console.log(aprText); 
160                                if (aprText) { 
161                                    try { 
162                                        var matches= aprText.match(/\d+(\.\d+)?%?/g); 
163                                        var billing_cycle = matches[1]; 
164                                        var apr_min = apr_min = matches[2]; 
165                                        var apr_max = apr_max = matches[3]; 
166                                        console.log('billing_cycle', billing_cycle); 
167                                        console.log('apr_min', apr_min); 
168                                        console.log('apr_max', apr_max); 
169                                        if (billing_cycle) { 
170                                            $(".scraped-billing-cycle").html(billing_cycle); 
171
172                                        if (apr_min) { 
173                                            $(".scraped-apr-min").html(apr_min); 
174
175                                        if (apr_max) { 
176                                            $('.scraped-apr-max').html(apr_max); 
177
178 
179                                    } catch (e) { 
180                                        console.log(e); 
181
182
183                            }); 
184                        </script> 
185                </#if>   
186            </#if>  
187        </#list> 
188         
189            <div class="hero-container product-${productUrl} tier3-hero-${class.getData()}" title="${partnerName!''} ${product!''} Credit Card"> 
190                <div class="hero-main"> 
191                    <div class="hero-main-container"> 
192                        <div class="hero-main-offer"> 
193                            <div class="offer-header"> 
194                                <div class="offer-text-top"> 
195                                    ${productTitle.getSiblings()[cardIndex].primaryHeadlineText.getData()} 
196                                </div> 
197                                <div class="offer-text-bottom hide-mobile"> 
198                                    <div class="offer-detail-text text-color-default "> 
199                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()}  
200 
201                                        <a href="${oadURL_TC}?locationCode=${lc}&offerId=${offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a> 
202 
203                                    </div> 
204                                    <a href="${oadURL}?locationCode=${lc}&offerId=${offerId}&preparerType=customer"  
205                                    class="jn-button" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
206                                    title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
207                                </div> 
208                            </div> 
209                            <div class="offer-detail"> 
210                                <div class="offer-detail-cardArt cardArtImg"> 
211                                    <img src="${cardArtImage!''}" alt="${partnerName!''}" title="${partnerName!''}" 
212                                    class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
213                                    <p>${card_text!''}</p> 
214                                </div> 
215                                <div class="offer-detail-text text-color-default hide-desktop"> 
216                                    ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
217                                    <a href="${oadURL_TC}?locationCode=${lc}&offerId=${offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a> 
218                                </div> 
219                                <a href="${oadURL}?locationCode=${lc}&offerId=${offerId}&preparerType=customer"  
220                                    class="jn-button hide-desktop btn" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
221                                    title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
222                            </div> 
223                        </div> 
224                    </div> 
225                </div> 
226            </div> 
227    <#else> 
228        <#list fiCardsData as fib> 
229            <#switch fib.offerType> 
230                <#case "144"> 
231                    <#assign cardIndex = 0 > 
232                    <#assign productUrl = "smart-business-rewards"> 
233                    <#assign product="Smart Business Rewards">                                          
234                    <#break> 
235                <#case "104"> 
236                    <#assign cardIndex = 0 > 
237                    <#assign productUrl="max-cash"> 
238                    <#assign product="Max Cash Preferred">                       
239                    <#break> 
240                <#case "128"> 
241                    <#assign cardIndex = 1 > 
242                    <#assign productUrl = "business-cashback"> 
243                    <#assign product="Business Cash">                     
244                    <#break> 
245                <#case "108"> 
246                    <#assign cardIndex = 2 > 
247                    <#assign productUrl = "consumer-platinum2103"> 
248                    <#assign product="Platinum">                       
249                    <#break> 
250                <#case "109"> 
251                    <#assign cardIndex = 2 > 
252                    <#assign productUrl = "consumer-platinum2103"> 
253                    <#assign product="Platinum">                                           
254                    <#break>                                         
255                <#case "143"> 
256                    <#assign cardIndex = 2 > 
257                    <#assign productUrl = "business-real-rewards"> 
258                    <#assign product="Business Real Rewards">                     
259                    <#break> 
260                <#case "101"> 
261                    <#assign cardIndex = 1 > 
262                    <#assign productUrl = "real-rewards"> 
263                    <#assign product="Real Rewards">                     
264                    <#break>   
265                <#case "103"> 
266                    <#assign cardIndex = 1 > 
267                    <#assign productUrl = "real-rewards"> 
268                    <#assign product="Real Rewards">                     
269                    <#break>                                          
270                <#case "121"> 
271                    <#assign cardIndex = 3 > 
272                    <#assign productUrl = "business-platinum2103"> 
273                    <#assign product="Business">                      
274                    <#break> 
275                <#case "115"> 
276                    <#assign cardIndex = 3 > 
277                    <#assign productUrl = "secured"> 
278                    <#assign product="Secured">                     
279                    <#break>                     
280                <#default> 
281            </#switch>                          
282            <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png">  
283            <#assign cardArtImageAlt = cdnCardArtUrl + "/" + fib.filename + ".jpg">                     
284            <#if url?matches(".*/${productUrl}.*")>  
285                <#if (fib.offerType=="108" || fib.offerType=="109" || fib.offerType == "121")> 
286                    <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', '${fib.offerId}' + '&'+ '${fib.sourceCode}')> 
287                    <#if (scrapedData?size > 0)> 
288                            <#list scrapedData as sItem> 
289                                <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
290                                    <#assign apr = sItem.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 
291                                    <#break> 
292                                </#if> 
293                            </#list> 
294                            <script> 
295                                $(document).ready(function () { 
296                                    var aprText = "${apr}"; 
297                                    console.log(aprText); 
298                                    if (aprText) { 
299                                        try { 
300                                            var matches= aprText.match(/\d+(\.\d+)?%?/g); 
301                                            var billing_cycle = matches[1]; 
302                                            var apr_min = apr_min = matches[2]; 
303                                            var apr_max = apr_max = matches[3]; 
304                                            console.log('billing_cycle', billing_cycle); 
305                                            console.log('apr_min', apr_min); 
306                                            console.log('apr_max', apr_max); 
307                                            if (billing_cycle) { 
308                                                $(".scraped-billing-cycle").html(billing_cycle); 
309
310                                            if (apr_min) { 
311                                                $(".scraped-apr-min").html(apr_min); 
312
313                                            if (apr_max) { 
314                                                $('.scraped-apr-max').html(apr_max); 
315
316 
317                                        } catch (e) { 
318                                            console.log(e); 
319
320
321                                }); 
322                            </script> 
323                    </#if>   
324                </#if>      
325                <#if product != ""> 
326                    <#assign card_text = product + " Card"> 
327                </#if>        
328                <div class="hero-container ${class.getData()}" title="${partnerName!''} ${product!''} Credit Card"> 
329                    <div class="hero-main"> 
330                        <div class="hero-main-container"> 
331                            <div class="hero-main-offer"> 
332                                <div class="offer-header"> 
333                                    <div class="offer-text-top"> 
334                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineText.getData()} 
335                                    </div> 
336                                    <div class="offer-text-bottom hide-mobile"> 
337                                        <div class="offer-detail-text text-color-default "> 
338                                            ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
339                                        </div> 
340                                        <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
341                                        class="jn-button" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
342                                        title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
343                                    </div> 
344                                </div> 
345                                <div class="offer-detail"> 
346                                    <div class="offer-detail-cardArt cardArtImg"> 
347                                        <img src="${cardArtImage!''}" alt="${partnerName!''}" title="${partnerName!''}" 
348                                        class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
349                                        <p>${card_text!''}</p> 
350                                    </div> 
351                                    <div class="offer-detail-text text-color-default hide-desktop"> 
352                                        ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()} 
353                                    </div> 
354                                    <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
355                                        class="jn-button hide-desktop btn" data-button-name="cta-button-top" data-product-name="${productUrl!''}" 
356                                        title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 
357                                </div> 
358                            </div> 
359                        </div> 
360                    </div> 
361                </div> 
362            </#if> 
363        </#list>    
364 
365    </#if> 
366</#if> 

Web Content Display

An error occurred while processing the template.
Error on line 37, column 1 in 10154#10192#154758877
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService") > 
2<#assign oadURL = propsUtil.get('elan.oad.url') > 
3<#assign url = request.attributes.CURRENT_URL > 
4<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
5<#assign environment = url?replace('/index.*','','r')> 
6 
7<#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
8 
9<script> 
10var currentUrl = '${url}'; 
11//console.log('${environment}'); 
12</script> 
13 
14<#assign lc= qstringmap["ecdma-lc"]?first>   
15<#assign prefix = "00000" > 
16<#assign lcWithPrefix = prefix + lc > 
17<#assign withPrefixLength = lcWithPrefix?length > 
18<#assign startHere = withPrefixLength - 5> 
19<#assign lc = lcWithPrefix?substring(startHere)> 
20 
21 
22<#if qstringmap["ecid"]?has_content> 
23    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
24<#else> 
25    <#assign ecidExt=""> 
26</#if> 
27 
28<#if oadURL?contains("uat-")> 
29    <#assign oadURL_TC = 'https://uat-online1.elancard.com/oad/terms.controller' > 
30<#else> 
31    <#assign oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 
32</#if> 
33 
34 
35<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
36<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
37<#assign clientProfile = clientProfileList?first> 
38<#assign partnerName = clientProfile.getMarketingNameLong()> 
39<#assign pbu = clientProfile.getPbu()> 
40<#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
41<#--  
42 add lc to bellow arrays for FI that need cutsom card art.  
43 Then upload custom image to Rackspace CDN under folder /Tier-3-Index-Custom/ 
44 Image File name should follow naming convention of [pbu]_[cardName]_custom_logo.png 
45 Example: 0896153_real-rewards_custom_logo.png 
46--> 
47<#assign fiLCWithCustomMaxCashImages = ["25479"]> 
48<#assign fiLCWithCustomConsumerRealRewardsImages = ["31494", "31764"]> 
49<#assign fiLCWithCustomSmartBusinessRewardsImages = ["31764"] > 
50 
51<script> 
52 //console.log('pbu:', "${pbu}", 'subbu:', '${subbu}', 'lc: ', '${lc}'); 
53</script> 
54<#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 
55 
56<#if qstringmap["ecid"]?has_content> 
57    <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 
58    <#assign campaignId = qstringmap["ecid"]?first > 
59<#else> 
60    <#assign ecidExt=""> 
61    <#assign campaignId = "" > 
62</#if> 
63 
64<#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&'+ pbu +'&'+subbu)>  
65<#-- filter duplicated cards--> 
66<#assign consumerCards = []> 
67<#assign businessCards = []>  
68<#assign offerTypeList = []>  
69<#assign consumerOfferTypes =['104', '101', '108', '109', '115']> 
70<#assign businessOfferTypes =['144', '128', '143', '121', '123']>      
71<#assign index = 0> 
72<#list fiCardsData as fib> 
73    <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))>   
74        <#assign offerTypeList = offerTypeList + [fib.offerType]>     
75        <#if consumerOfferTypes?seq_contains(fib.offerType)> 
76            <#assign consumerCards = consumerCards + fiCardsData[index..index]> 
77        <#elseif (businessOfferTypes?seq_contains(fib.offerType))> 
78            <#assign businessCards = businessCards + fiCardsData[index..index]> 
79        </#if>                  
80    </#if>  
81    <#assign index = index + 1>                
82</#list>  
83 
84<#if ((consumerCards?size > 0) || (businessCards?size > 0))> 
85    <div class="content-container content-container-main jn-consumer-content"> 
86        <#if ((consumerCards?size > 0) && (businessCards?size > 0))> 
87            <nav class="jn-primary-nav two-tabs"> 
88                <ul> 
89                    <li title="${partnerName!''} - Personal products"> 
90                        <a href="#" class="tab-nav active" id="consumerTab"><span>Personal</span></a> 
91                    </li> 
92                    <li title="${partnerName!''} - Business products"> 
93                        <a href="#" class="tab-nav" id="businessTab"><span>Business</span></a> 
94                    </li> 
95                </ul> 
96            </nav> 
97        <#else> 
98            <#if (consumerCards?size > 0)> 
99                <nav class="jn-primary-nav" title="${partnerName!''} - Personal products"> 
100                    <ul> 
101                        <li> 
102                            <p class="tab-nav" id="consumerTab"><span>Personal</span></p> 
103                        </li> 
104                    </ul> 
105                </nav> 
106            </#if> 
107            <#if (businessCards?size > 0)> 
108                <nav class="jn-primary-nav" title="${partnerName!''} - Business products"> 
109                    <ul> 
110                        <li> 
111                            <p class="tab-nav" id="businessTab"><span>Business</span></p> 
112                        </li> 
113                    </ul> 
114                </nav> 
115            </#if> 
116        </#if> 
117        <#if (consumerCards?size > 0)> 
118            <div class="tab-more-wrapper">   
119                <div class="jn-consumer-content-wrapper jn-tab-content active transition-start" data-id="consumerTab" title="${partnerName!''} - Personal products"> 
120                    <#list consumerCards as fib>    
121                            <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png" > 
122                            <#assign cardArtImageAlt = cdnCardArtUrl + "/" + fib.filename + ".jpg" > 
123                            <#switch fib.offerType> 
124                                <#case "101"> 
125                                   <#if fiLCWithCustomConsumerRealRewardsImages?seq_contains(lc)>                            
126                                        <#assign cardArtImage = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_real-rewards_custom_logo" + ".png">    
127                                        <#assign cardArtImageAlt = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_real-rewards_custom_logo" + ".jpg">                                                           
128                                    </#if> 
129                                    <#assign productName = "real-rewards"> 
130                                    <#assign product="Real Rewards"> 
131                                    <#assign cardIndex = 1> 
132                                    <#break> 
133                                <#case "108"> 
134                                    <#assign productName = "consumer-platinum2103"> 
135                                    <#assign product="Platinum"> 
136                                    <#assign cardIndex = 2> 
137                                    <#break> 
138                                <#case "109"> 
139                                    <#assign productName = "consumer-platinum2103"> 
140                                    <#assign product="Platinum"> 
141                                    <#assign cardIndex = 2> 
142                                    <#break>                                            
143                                <#case "115"> 
144                                    <#assign productName = "secured"> 
145                                    <#assign product="Secured"> 
146                                    <#assign cardIndex = 3> 
147                                    <#break> 
148                                <#case "104"> 
149                                    <#if fiLCWithCustomMaxCashImages?seq_contains(lc)>                            
150                                        <#assign cardArtImage = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_max-cash_custom_logo" + ".png">    
151                                        <#assign cardArtImageAlt = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_max-cash_custom_logo" + ".jpg">                                                           
152                                    </#if>    
153                                    <#assign productName = "max-cash"> 
154                                    <#assign product="Max Cash"> 
155                                    <#assign cardIndex = 0> 
156                                    <#break> 
157                                <#default> 
158                            </#switch> 
159                            <#assign titleText = consumerTitle.getSiblings()[cardIndex].Title.getData()> 
160                            <#assign titleText = titleText?replace('<[^>]+>','','r')> 
161                            <#assign APR=""> 
162                            <#assign AMF=""> 
163                            <#assign BAL=""> 
164                            <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', fib.offerId + '&'+ fib.sourceCode)> 
165                            <#if (scrapedData?size > 0)> 
166                                <#list scrapedData as sItem> 
167                                    <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
168                                        <#assign APR = sItem.scrapedValue> 
169                                    <#elseif ((sItem.scrapedLabel?contains("Annual Membership Fee")) && (sItem.scrapedValue?has_content)) > 
170                                        <#assign AMF = sItem.scrapedValue> 
171                                    <#elseif ((sItem.scrapedLabel?contains("APR for Balance Transfers")) && (sItem.scrapedValue?has_content)) > 
172                                        <#assign BAL = sItem.scrapedValue> 
173                                    </#if> 
174                                    <#if (APR?has_content && AMF?has_content && BAL?has_content)> 
175                                        <#break> 
176                                    </#if> 
177                                </#list> 
178                            </#if>                                          
179                            <div class="jn-consumer-item item-${fib.offerType}" title="${partnerName!''} ${product!''} Credit Card"> 
180                                <div class="consumer-card-heading hide-desktop"> 
181                                    <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 
182                                    ${consumerTitle.getSiblings()[cardIndex].headlineText.getData()} 
183                                </div> 
184                                <div class="jn-consumer-card-image"> 
185                                    <img src="${cardArtImage!''}" alt="${titleText}" class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
186                                </div> 
187                                 
188                                <div class="jn-consumer-card-info"> 
189                                    <div class="consumer-card-heading hide-mobile"> 
190                                        <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 
191                                        ${consumerTitle.getSiblings()[cardIndex].headlineText.getData()} 
192                                    </div> 
193                                    <div class="jn-additional"> 
194                                            <ul class="${fib.offerType}"> 
195                                                    <#if (fib.offerType == "104")> 
196                                                    <li class="${fib.offerType}"> 
197                                                            <p> 
198                                                                <strong>APR for Purchases: </strong> 
199                                                            ${APR!''} <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
200                                                        </li> 
201                                                        <li class="${fib.offerType}"> 
202                                                                <p> 
203                                                                    <strong>Intro APR<sup>*</sup> for Balance Transfers: </strong> 
204                                                                ${BAL!''} <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
205                                                            </li> 
206                                                    <#elseif (fib.offerType == "115")> 
207                                                <li class="${fib.offerType}"> 
208                                                    <p> 
209                                                        <strong>APR for Purchases and Balance Transfers: </strong> 
210                                                    ${APR!''} <a href="${oadURL_TC}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
211                                                </li> 
212                                                <#elseif (fib.offerType == "101")> 
213                                                    <li class="${fib.offerType}"> 
214                                                        <p> 
215                                                            <strong>Intro APR<sup>*</sup> for Purchases and Balance Transfers: </strong> 
216                                                        ${APR!''} <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
217                                                    </li> 
218                                                <#else> 
219                                                    <li class="${fib.offerType}"> 
220                                                        <p> 
221                                                            <strong>Intro APR<sup>*</sup> for Purchases and Balance Transfers: </strong> 
222                                                        ${APR!''} <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer#termsAndCond-details" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
223                                                    </li> 
224                                                </#if> 
225         
226         
227         
228                                                <#if consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings()?has_content> 
229                                                    <#list consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings() as marketingInfo> 
230                                                        <li>${marketingInfo.getData()}</li> 
231                                                    </#list> 
232                                                </#if> 
233                                                <li> 
234                                                    <p>Annual Fee: ${AMF!''} <a  href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc}"  target="_blank" class="t_c_link">See terms & conditions.</a></p> 
235                                                </li> 
236                                            </ul> 
237                                    </div> 
238                                    <ul class="actions"> 
239                                        <li> 
240                                            <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
241                                                class="applyNowLink" data-button-name="apply-now-link" data-product-name="${productName!''}" 
242                                                title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${consumerTitle.getSiblings()[cardIndex].applyNow.getData()}</a> 
243                                        </li> 
244                                        <li><a href="${environment}/${productName}?ecdma-lc=${lc}${ecidExt}">${consumerTitle.getSiblings()[cardIndex].LearnMore.getData()}</a> 
245                                        </li> 
246                                    </ul> 
247                                </div> 
248                            </div> 
249                    </#list> 
250                </div> 
251            </div> 
252        </#if> 
253        <#if (businessCards?size > 0)>   
254        <div class="tab-more-wrapper">      
255            <div class="jn-consumer-content-wrapper jn-tab-content transition-start" data-id="businessTab" title="${partnerName!''} - Business products"> 
256                 
257                <#list businessCards as fib> 
258                        <#assign cardArtImage = cdnCardArtUrl + "/"+fib.filename+".png"> 
259                        <#assign cardArtImageAlt = cdnCardArtUrl + "/"+fib.filename+".jpg"> 
260                        <#switch fib.offerType> 
261                            <#case "144"> 
262                                <#assign productName = "smart-business-rewards"> 
263                                <#assign product="Smart Business Rewards"> 
264                                <#assign cardIndex = 4> 
265                                 <#if fiLCWithCustomSmartBusinessRewardsImages?seq_contains(lc)>                                     
266                                    <#assign cardArtImage = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_smart-business-rewards_custom_logo" + ".png">    
267                                    <#assign cardArtImageAlt = cdnCardArtUrl + "/Tier-3-Index-Custom/" + pbu + "_smart-business-rewards_custom_logo" + ".png">                                                           
268                                </#if> 
269                                <#break> 
270                            <#case "128"> 
271                                <#assign productName = "business-cashback"> 
272                                <#assign product="Business Cash"> 
273                                <#assign cardIndex = 5> 
274                                <#break> 
275                            <#case "143"> 
276                                <#assign productName = "business-real-rewards"> 
277                                <#assign product="Business Real Rewards"> 
278                                <#assign cardIndex = 6> 
279                                <#break> 
280                            <#case "121"> 
281                                <#assign productName = "business-platinum2103"> 
282                                <#assign product="Business Card"> 
283                                <#assign cardIndex = 7> 
284                                <#break> 
285                            <#default> 
286                        </#switch> 
287                         
288                        <#assign APR=""> 
289                        <#assign AMF=""> 
290                            <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', fib.offerId + '&'+ fib.sourceCode)> 
291                            <#if (scrapedData?size > 0)> 
292                                <#list scrapedData as sItem> 
293                                    <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 
294                                        <#assign APR = sItem.scrapedValue> 
295                                    <#elseif ((sItem.scrapedLabel?contains("Annual Membership Fee")) && (sItem.scrapedValue?has_content)) > 
296                                        <#assign AMF = sItem.scrapedValue> 
297                                    </#if> 
298                                    <#if (APR?has_content && AMF?has_content)> 
299                                        <#break> 
300                                    </#if> 
301                                </#list> 
302                            </#if>   
303 
304                        <div class="jn-consumer-item" title="${partnerName!''} ${product!''} Credit Card"> 
305                            <div class="consumer-card-heading hide-desktop"> 
306                                <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 
307                                ${consumerTitle.getSiblings()[cardIndex].headlineText.getData()} 
308                            </div> 
309                            <div class="jn-consumer-card-image"> 
310                                <img src="${cardArtImage!''}" alt="${partnerName!''}" class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 
311                            </div> 
312                            <div class="jn-consumer-card-info"> 
313                                <div class="consumer-card-heading hide-mobile"> 
314                                    <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 
315                                    ${consumerTitle.getSiblings()[cardIndex].headlineText.getData()} 
316                                </div> 
317                                <div class="jn-additional"> 
318                                    <ul> 
319                                            <#if (fib.offerType == "144")> 
320                                        <li> 
321                                            <p> 
322                                                <strong>APR for Purchases and Balance Transfers: </strong> 
323                                                ${APR!''} 
324                                                <a href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc}" target="_blank" class="t_c_link">See terms & conditions.</a> 
325                                            </p> 
326                                        </li> 
327                                        <#else> 
328                                        <li> 
329                                                <p> 
330                                                    <strong>Intro APR<sup>*</sup> for Purchases and Balance Transfers: </strong> 
331                                                    ${APR!''} 
332                                                    <a href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc}" target="_blank" class="t_c_link">See terms & conditions.</a> 
333                                                </p> 
334                                            </li> 
335                                        </#if> 
336                                        <#if consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings()?has_content> 
337                                            <#list consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings() as marketingInfo> 
338                                                <li>${marketingInfo.getData()}</li> 
339                                            </#list> 
340                                        </#if> 
341                                        <li><p>Annual Fee: ${AMF!''} <a 
342                                            href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc}" target="_blank" class="t_c_link">See terms & conditions.</a></p> 
343                                        </li> 
344                                    </ul> 
345                                </div> 
346                                <ul class="actions"> 
347                                    <li> 
348                                        <a href="${oadURL}?locationCode=${lc}&offerId=${fib.offerId}&preparerType=customer"  
349                                            class="applyNowLink" data-button-name="apply-now-link" data-product-name="${productName!''}" 
350                                            title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${consumerTitle.getSiblings()[cardIndex].applyNow.getData()}</a> 
351                                    </li> 
352                                    <li><a href="${environment}/${productName}?ecdma-lc=${lc}${ecidExt}">${consumerTitle.getSiblings()[cardIndex].LearnMore.getData()}</a></li> 
353                                </ul> 
354                            </div> 
355                        </div> 
356                         
357                </#list> 
358            </div> 
359            </div> 
360        </#if>  
361    </div> 
362 
363    <script> 
364        document.addEventListener('DOMContentLoaded', function() { 
365 
366 
367             
368          
369         
370            var tabs=$('.tab-nav'); 
371            var consumerSelector = '.jn-consumer-content-wrapper.jn-tab-content[data-id="consumerTab"]'; 
372            var businessSelector = '.jn-consumer-content-wrapper.jn-tab-content[data-id="businessTab"]'; 
373            var screenWidthMobile = 768; 
374            var screenWidth = window.innerWidth; 
375            var heroCardImgs = document.querySelectorAll('.jn-consumer-card-image img, .cardArtImg img'); 
376            for (var index = 0; index < heroCardImgs.length; index++) { 
377                var heroCardImg = heroCardImgs[index]; 
378                var heroCardSrc = heroCardImg.getAttribute("src"); 
379                if(heroCardSrc != "") { 
380                    resizeImg(heroCardImg); 
381
382
383             
384            if (tabs.length == 1) { 
385                $(tabs).parent().css('margin', '0'); 
386                if ($(consumerSelector).length > 0) { 
387                    hideHeroAndDisclaimer('business'); 
388                    showHeroAndDisclaimer('consumer'); 
389                    changeCardLayout(consumerSelector); 
390                    renumberFootnote("consumer"); 
391                    createMetaTag("consumer"); 
392                }  
393                if ($(businessSelector).length > 0) { 
394                    $(businessSelector).addClass('active'); 
395                    hideHeroAndDisclaimer('consumer'); 
396                    showHeroAndDisclaimer('business'); 
397                    changeCardLayout(businessSelector); 
398                    renumberFootnote("business"); 
399                    createMetaTag("business"); 
400
401            }  
402            if (tabs.length == 2) { 
403                renumberFootnote("consumer"); 
404                renumberFootnote("business"); 
405                createMetaTag("consumer"); 
406                 
407                if ($(consumerSelector + ' .jn-consumer-item').length < 3) { 
408                    changeCardLayout(consumerSelector); 
409
410                if ($(businessSelector + ' .jn-consumer-item').length < 3) { 
411                    changeCardLayout(businessSelector); 
412
413                 
414                var tabsNav = document.querySelectorAll('.tab-nav'); 
415                togglePrimaryNav(tabsNav); 
416                 
417                if(window.location.href.indexOf('#business') > -1 ) { 
418                    //console.log('we are on a business url index page bro'); 
419                    $(consumerSelector).removeClass('active'); 
420                    $(businessSelector).addClass('active'); 
421                    $('#consumerTab').removeClass('active'); 
422                    $('#businessTab').addClass('active'); 
423                    hideHeroAndDisclaimer('consumer'); 
424                    showHeroAndDisclaimer('business'); 
425                    changeCardLayout(businessSelector); 
426                    renumberFootnote("business"); 
427                    createMetaTag("business"); 
428 
429                    $(tabs).click(function(){ 
430                        if ($(this).attr('id') === "consumerTab") { 
431                            var newUrl = window.location.toString(); 
432                            window.location = newUrl.replace(/#business/, '#consumer'); 
433
434                        if ($(this).attr('id') === "businessTab") { 
435                            var url = window.location.toString(); 
436                            window.location = url.replace(/#consumer/, '#business'); 
437
438                    }); 
439
440                 
441
442        }); 
443        // Primary Nav function 
444         
445        function togglePrimaryNav(elem) { 
446            for (var i = 0; i < elem.length; i++) { 
447                elem[i].addEventListener("click", function(e) { 
448 
449                    var current = this, 
450                        allSections = document.querySelectorAll('[data-id]'), 
451                        section = document.querySelector("[data-id='"+ current.id +"']"); 
452 
453                    for (var a = 0; a < allSections.length; a++) { 
454                        allSections[a].classList.remove('active'); 
455
456                    for (var c = 0; c < elem.length; c++) { 
457                        if (current != elem[c]) { 
458                            elem[c].classList.remove('active'); 
459                        } else { 
460                            current.classList.add('active'); 
461                            //console.log('current: ', current); 
462                            //console.log('section: ', section); 
463                            section.classList.add('active'); 
464                            hideHeroAndDisclaimer('consumer'); 
465                            hideHeroAndDisclaimer('business'); 
466                            if(current.getAttribute('id') === "consumerTab"){ 
467                                showHeroAndDisclaimer('consumer'); 
468                            } else if(current.getAttribute('id') === "businessTab"){ 
469                                showHeroAndDisclaimer('business'); 
470
471
472
473                    e.preventDefault(); 
474                }); 
475
476
477 
478        function renumberFootnote(type) { 
479            var discriptionSelector = '.jn-consumer-content-wrapper.jn-tab-content' + '[data-id="' + type + 'Tab"]'; 
480            var disclaimerSelector = '.tier3-disclaimer-landing-' + type; 
481            var heroSelector = '.tier3-hero-landing-' + type; 
482            var numOfFootnote = $(disclaimerSelector + ' sup').length; 
483            var showList = []; 
484            var hideList=[]; 
485            for (var i = 1; i <= numOfFootnote; i++) { 
486            var cssClass="tag-" + i; 
487            if ($(discriptionSelector + ' sup').hasClass(cssClass) || $(heroSelector + ' sup').hasClass(cssClass)) { 
488                showList.push(i);      
489            } else { 
490                hideList.push(i); 
491
492            }  
493            for (var i = 1; i < showList.length + 1; i++) { 
494                if(showList[i-1] != i) { 
495                    var className="tag-" + showList[i-1]; 
496                    $(heroSelector).find("." +  className).html(i); 
497                    // $(discriptionSelector).find("." +  className).html(i); 
498                    $(disclaimerSelector).find("." +  className).html(i); 
499
500
501            for (var i = 0; i <hideList.length; i++) { 
502                var cname="tag-" + hideList[i]; 
503                $(disclaimerSelector).find("." + cname).parent().hide(); 
504            }    
505
506 
507        function changeCardLayout(cssSelector) { 
508            var numOfCards = $(cssSelector + ' .jn-consumer-item').length; 
509            //console.log('numofcards', numOfCards); 
510            if(numOfCards == 1) { 
511                $(cssSelector).addClass('one-card'); 
512            } else if (numOfCards == 2) { 
513                $(cssSelector).addClass('two-card'); 
514            }   
515
516        function hideHeroAndDisclaimer(type) { 
517            try { 
518                document.querySelector('.tier3-hero-landing-'+ type).classList.remove('show'); 
519                document.querySelector('.tier3-hero-landing-'+ type).classList.add('hide'); 
520            } catch (e) { 
521                console.log(e); 
522
523 
524            try { 
525                document.querySelector('.tier3-disclaimer-landing-'+ type).classList.remove('show'); 
526                document.querySelector('.tier3-disclaimer-landing-'+ type).classList.add('hide');  
527            } catch (e) { 
528                console.log(e); 
529
530 
531
532        function showHeroAndDisclaimer(type) { 
533            try { 
534                document.querySelector('.tier3-hero-landing-'+ type).classList.add('show'); 
535                document.querySelector('.tier3-hero-landing-'+ type).classList.remove('hide'); 
536            } catch (e) { 
537                console.log(e); 
538
539             
540            try { 
541                document.querySelector('.tier3-disclaimer-landing-'+ type).classList.add('show'); 
542                document.querySelector('.tier3-disclaimer-landing-'+ type).classList.remove('hide');  
543            } catch (e) { 
544                console.log(e); 
545
546 
547
548        function createMetaTag(type) { 
549            var partnerName = "${partnerName!0}"; 
550            var product_name = $('.jn-hero-container .jn-button').data('product-name'); 
551            var metaDesc =""; 
552            if (type == "consumer") {             
553                if(product_name ==  "consumer-platinum2103") { 
554                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Limited Time Offer. 0% Intro APR on Purchases and Balance Transfers for 20 Billing Cycles Consolidate your Balances with the "+partnerName+" Intro APR Card."; 
555                } else if(product_name ==  "real-rewards") { 
556                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Take home 2,500 bonus points after your first purchase."; 
557                } else if(product_name ==  "secured") { 
558                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Use this card as a solid foundation to build your credit."; 
559                } else if(product_name ==  "max-cash") { 
560                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Earn a $150 Bonus and 5% cash back on the two categories you select."; 
561
562 
563            } else if (type == "business") { 
564                if(product_name ==  "business-cashback") {               
565                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Earn Cash back on common business expenses."; 
566                } else if(product_name ==  "business-real-rewards") { 
567                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. Get more rewards in the categories you spend the most on."; 
568                } else if(product_name ==  "business-platinum2103") { 
569                    metaDesc = "Apply Today for a "+partnerName+" Business Card. 0% Intro APR on Purchases and Balance Transfers for 15 Billing Cycles"; 
570                } else if(product_name ==  "smart-business-rewards") { 
571                    metaDesc = "Apply Today for a "+partnerName+" Credit Card. More choices. More value for your business. Earn a $200 Bonus and 2x Rewards on your top 2 spend categories each month with the "+partnerName+" Credit Card."; 
572
573
574            var m = document.createElement('meta');  
575            m.name = 'description';  
576            m.content = metaDesc;  
577            document.head.appendChild(m); 
578
579         
580        function resizeImg(img) { 
581            img.addEventListener("load", function() { 
582                var cardImgWidth = img.width; 
583                var cardImgHeight = img.height; 
584                //console.log('width', cardImgWidth); 
585                //console.log('height', cardImgHeight); 
586                if(cardImgWidth > cardImgHeight) { 
587                    img.style.width = "285px"; 
588                } else { 
589                    img.style.width = "150px"; 
590
591            }); 
592
593    </script>                 
594</#if> 

Web Content Display

An error occurred while processing the template.
Error on line 14, column 1 in 10154#10192#153417682
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService") > 
2<#assign url = request.attributes.CURRENT_URL > 
3<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
4 
5<#assign lc= qstringmap["ecdma-lc"]?first>   
6<#assign prefix = "00000" > 
7<#assign lcWithPrefix = prefix + lc > 
8<#assign withPrefixLength = lcWithPrefix?length > 
9<#assign startHere = withPrefixLength - 5> 
10<#assign lc = lcWithPrefix?substring(startHere)> 
11 
12<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
13<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
14<#assign clientProfile = clientProfileList?first> 
15<#assign partnerName = clientProfile.getMarketingNameLong()> 
16 
17 
18<div class="jn-disclaimer tier3-disclaimer-${class.getData()}" title="${partnerName!''} - Disclaimer"> 
19    <div class="disclaimer"> 
20        ${content.getData()} 
21    </div> 
22</div> 

Web Content Display

An error occurred while processing the template.
Error on line 14, column 1 in 10154#10192#153417682
clientProfileList?first is undefined.
It cannot be assigned to clientProfile
1<#assign utilServ = serviceLocator.findService("crc-utilities-portlet", "com.elan.crc.utilities.service.CRCRemoteServiceService") > 
2<#assign url = request.attributes.CURRENT_URL > 
3<#assign qstringmap = httpUtil.getParameterMap(httpUtil.getQueryString(url))> 
4 
5<#assign lc= qstringmap["ecdma-lc"]?first>   
6<#assign prefix = "00000" > 
7<#assign lcWithPrefix = prefix + lc > 
8<#assign withPrefixLength = lcWithPrefix?length > 
9<#assign startHere = withPrefixLength - 5> 
10<#assign lc = lcWithPrefix?substring(startHere)> 
11 
12<#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
13<#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
14<#assign clientProfile = clientProfileList?first> 
15<#assign partnerName = clientProfile.getMarketingNameLong()> 
16 
17 
18<div class="jn-disclaimer tier3-disclaimer-${class.getData()}" title="${partnerName!''} - Disclaimer"> 
19    <div class="disclaimer"> 
20        ${content.getData()} 
21    </div> 
22</div> 

Web Content Display

Cardmember Agreements

Privacy and Security