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