Web Content Display
An error occurred while processing the template.
Expression bCode is undefined on line 41, column 6 in 10154#10192#153411726.
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<#-- check bankercode validity --> 7<#if qstringmap["bankercode"]?has_content> 8 <#assign bCode= qstringmap["bankercode"]?first> 9 <#assign fiData= utilServ.makeCall('crcDDCBankerAssistedApp','0&'+bCode)> 10 <#if fiData?first?has_content> 11 <#assign fi = fiData?first> 12 <#if ((fi.projectId == "12") || (fi.projectId == "13") || (fi.projectId == "14"))> 13 <#assign subbu_special = fi.offerId> 14 </#if> 15 <#if (url?index_of(fi.page) != -1)> 16 <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 17 <#list bData as b> 18 <#assign lc = b.locationcode > 19 <#assign rLC = b.reallocationcode > 20 <#assign mappedLC = b.mappedLocationCode > 21 </#list> 22 <#else> 23 <script> 24 console.log("page url not match"); 25 location.href = '${url404}'; 26 </script> 27 </#if> 28 <#else> 29 <script> 30 console.log("Fi data empty"); 31 location.href = '${url404}'; 32 </script> 33 </#if> 34<#else> 35 <script> 36 console.log("MainProductBcode missing"); 37 location.href = '${url404}'; 38 </script> 39</#if> 40 41<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 42 <#assign ameriprise = true> 43<#else> 44 <#assign ameriprise = false> 45</#if> 46<#if mappedLC?has_content && !ameriprise> 47 <#assign lc = mappedLC > 48</#if> 49 50<#if lc?has_content> 51 <#assign prefix = "00000" > 52 <#assign lcWithPrefix = prefix + lc > 53 <#assign withPrefixLength = lcWithPrefix?length > 54 <#assign startHere = withPrefixLength - 5> 55 <#assign lc = lcWithPrefix?substring(startHere)> 56 57 <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 58 <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 59 <#if clientProfileList?first?has_content> 60 <#assign clientProfile = clientProfileList?first> 61 <#assign partnerName = clientProfile.getMarketingNameLong()> 62 <#assign pbu = clientProfile.getPbu()> 63 <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 64 <script> 65 console.log('pbu', '${pbu!''}','subbu', '${subbu!''}', 'lc','${lc!''}'); 66 </script> 67 <#assign optoutData = utilServ.makeCall('crc_DDCSAAOptOut',pbu+'&'+subbu)> 68 <#if (optoutData?size == 0)> 69 <#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&11')> 70 <#if (clientdata?size > 0)> 71 <#if (subbu_special?has_content)> 72 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)> 73 <script> 74 console.log('new subbu', '${subbu_special!''}'); 75 </script> 76 <#else> 77 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)> 78 </#if> 79 <#if (fiCardsData?size > 0)> 80 <#assign offerTypeList = []> 81 <#assign temp =[]> 82 <#assign index = 0> 83 <#list fiCardsData as fib> 84 <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))> 85 <#assign offerTypeList = offerTypeList + [fib.offerType]> 86 <#assign temp = temp + fiCardsData[index..index]> 87 </#if> 88 <#assign index = index + 1> 89 </#list> 90 <#assign fiCardsData = temp> 91 <#else> 92 <script> 93 console.log("FI Cards Data empty"); 94 location.href = '${url404}'; 95 </script> 96 </#if> 97 <#if (fiCardsData?size > 0)> 98 <#list clientdata as data> 99 <#assign backgroundColor=data.backgroundHexColor> 100 <#assign buttonColor=data.buttonHexColor> 101 <#assign aprMin=data.AprMin> 102 <#assign aprMax=data.AprMax> 103 <#assign cashAdvance=data.cashAdvanceRate> 104 <#assign billingCycle=data.BillingCycles> 105 <#assign textColor=data.textHexColor> 106 <#assign hoverColor=data.hoverColor> 107 <#assign backgroundImage="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.backgroundImage> 108 <#assign secondaryImage="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.secondaryBackgroundImage> 109 <#assign transparency=data.transparency> 110 <#assign businessBackgroundImageLarge="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.businessBackgroundImageLarge> 111 <#assign businessBackgroundImageSmall="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.businessBackgroundImageSmall> 112 <#assign businessTransparency=data.businessTransparency> 113 </#list> 114 <script> 115 $(document).ready(function (){ 116 $(".journal-content-article").each(function(index){ 117 var t = $(this).attr("title"); 118 $(this).attr("data-title", t); 119 $(this).removeAttr("title"); 120 }); 121 }); 122 </script> 123 <#else> 124 <script> 125 console.log('empty card/offerType list'); 126 location.href='${url404}'; 127 </script> 128 </#if> 129 130 <#else> 131 <script> 132 console.log('not in Tier1'); 133 //location.href='${url404}'; 134 </script> 135 </#if> 136 <#else> 137 <script> 138 console.log('Fi opt-out'); 139 location.href='${url404}'; 140 </script> 141 </#if> 142 <#else> 143 <script> 144 console.log('client profile is empty'); 145 //location.href='${url404}'; 146 </script> 147 </#if> 148<#else> 149 <script> 150 console.log('location code is empty'); 151 location.href='${url404}'; 152 </script> 153</#if> 154 155<style> 156 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 157 158 .jn-hero-container{ 159 width: 100vw !important; 160 } 161 .content-container{ 162 width: 100vw !important; 163 } 164 } 165 166 *, html, :root { 167 box-sizing: border-box; 168 padding: 0; 169 margin: 0; 170 font-size: 100%; 171 font-family: Arial, Helvetica, sans-serif; 172 } 173 p, ul, h2 { 174 margin: 0; 175 } 176 body { 177 line-height: normal; 178 color: black; 179 } 180 img { 181 width: auto; 182 height: auto; 183 max-width: 100%; 184 max-height: 100%; 185 } 186 svg polyline { 187 stroke: ${textColor!'#19398A'}; 188 } 189 a:hover { 190 text-decoration: none; 191 background-color: ${hoverColor!'#333333'}; 192 color: white; 193 } 194 195 /* overrides for berkshire*/ 196 .banner.berkshire .jn-button { 197 background-color: ${buttonColor!'#19398A'}; 198 color: white; 199 border: 1px solid white; 200 } 201 .banner.berkshire .jn-button:hover { 202 text-decoration: none; 203 background-color: ${hoverColor!'#333333'}; 204 color: white; 205 } 206 .jn-button { 207 cursor: pointer; 208 border: none; 209 } 210 .jn-button:hover { 211 text-decoration: none; 212 background-color: ${hoverColor!'#333333'}; 213 color: white; 214 } 215 .hero-main-logo a:hover, .footer a:hover { 216 text-decoration: none; 217 background-color: transparent; 218 } 219 220 .jn-hero-container.product-ameriprise-premier-visa-signature a.jn-button:focus, 221 .jn-hero-container.product-ameriprise-visa-signature a.jn-button:focus { 222 color: #ffffff; 223 text-decoration: none; 224 } 225 .jn-hero-container.product-ameriprise-premier-visa-signature a.jn-button:visited, 226 .jn-hero-container.product-ameriprise-visa-signature a.jn-button:visited { 227 color: #ffffff; 228 text-decoration: none; 229 background-color: ${buttonColor!'#19398A'}; 230 } 231 .hero-main-logo a { 232 text-align: center; 233 } 234 .text-color-default { 235 color: #19398A; 236 } 237 .text-bold { 238 font-weight: bold; 239 } 240 .learnmore { 241 font-size: 1.2rem; 242 cursor: pointer; 243 } 244 .bg-color-white{ 245 background-color: white; 246 } 247 .bg-color-black { 248 background-color: black; 249 } 250 .bg-color-custom { 251 background-color: ${backgroundColor!'#19398A'}; 252 } 253 .bg-color-black-half-transparent { 254 background-color: rgba(0, 0, 0, 0.5) 255 } 256 .text-color-white { 257 color: #ffffff; 258 } 259 .text-color-black { 260 color: #000000; 261 } 262 .text-color-custom { 263 color: ${textColor!'#19398A'}; 264 } 265 .button-text-color-custom { 266 color: ${buttonColor!'black'}; 267 } 268 .button-bg-color-custom { 269 background-color: ${buttonColor!'#19398A'}; 270 } 271 .button-bg-color-white { 272 background-color: #ffffff; 273 } 274 .jn-hero-container { 275 width: 100%; 276 background-repeat: no-repeat; 277 background-position: left top; 278 background-size: cover; 279 } 280 .jn-hero-container.tier1-hero-landing-consumer { 281 background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${backgroundImage!''}'); 282 } 283 .jn-hero-container.tier1-hero-landing-business { 284 background-image: linear-gradient(${businessTransparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${businessBackgroundImageLarge!''}'); 285 } 286 .standard-content-container { 287 width: 100%; 288 text-align: center; 289 } 290 291 .hero-main-container { 292 text-align: center; 293 } 294 295 .hero-main-container sup { 296 font-size: 13px !important; 297 } 298 299 .offer-header { 300 height: 62px; 301 padding-top: 15px; 302 font-size: 2rem; 303 } 304 .offer-header sup { 305 top: -1.0em; 306 } 307 .offer-detail-head sup { 308 top: -1.8em; 309 } 310 311 .offer-detail-cardArt { 312 min-height: 150px; 313 } 314 .hero-main-offer { 315 height: 100%; 316 width: 100%; 317 overflow:hidden; 318 } 319 .offer-detail { 320 width: 100%; 321 height: calc(100% - 62px); 322 } 323 .footer { 324 height: 161px; 325 } 326 h2 { 327 margin-bottom: 1.5rem; 328 } 329 .hero-main::before, .hero-main::after, .banner::before, .banner::after { 330 display: table; 331 content: " "; 332 } 333 .hero-main::after, .banner::after { 334 clear: both; 335 } 336 .disclaimer{ 337 padding: 1% 8%; 338 margin: auto; 339 max-width: 1800px; 340 } 341 .disclaimer ul { 342 padding: 0 2%; 343 text-align: left; 344 list-style: none; 345 } 346 .disclaimer ul li { 347 margin-bottom: 10px 348 } 349 sup { 350 font-size: 0.8rem; 351 } 352 .footer { 353 padding: 0 3%; 354 width: 100%; 355 text-align: right; 356 } 357 .footer article { 358 padding: 2%; 359 margin-right: 0; 360 } 361 362 footer article .member-agreement { 363 display: inline-block; 364 365 } 366 footer article .fdic { 367 display: inline-block; 368 margin-left: 150px; 369 } 370 371 /* use this code when necessary */ 372 @media screen and (max-width: 1300px) { 373 .jn-hero-container.tier1-hero-landing-consumer { 374 background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${secondaryImage!''}'); 375 } 376 .jn-hero-container.tier1-hero-landing-business { 377 background-image: linear-gradient(${businessTransparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${businessBackgroundImageSmall!''}'); 378 } 379 380 } 381 382 /* computer */ 383 @media screen and (min-width: 993px) { 384 .jn-hero-container { 385 padding: 3% 8% 0 8%; 386 } 387 388 .standard-content-container { 389 padding: 1% 5%; 390 max-width: 1600px; 391 margin: auto; 392 } 393 .hero-main { 394 /* -webkit-flex-direction: row; 395 -ms-flex-direction: row; 396 flex-direction: row; 397 -webkit-justify-content: space-around; 398 justify-content: space-around; 399 -ms-flex-line-pack: distribute; */ 400 max-width: 1450px; 401 margin-left: auto; 402 margin-right: auto; 403 } 404 405 .hero-main-logo { 406 max-width: 200px; 407 min-width: 140px; 408 width: 16%; 409 float: left; 410 } 411 .jn-hero-container.product-ameriprise-premier-visa-signature .hero-main-logo, 412 .jn-hero-container.product-ameriprise-visa-signature .hero-main-logo { 413 max-width: 400px; 414 min-width: 140px; 415 width: 35%; 416 float: left; 417 } 418 .hero-main-container { 419 float: right; 420 width: 680px; 421 /* max-width: 730px; */ 422 height: 600px; 423 padding: 0 60px 60px 0px; 424 /* min-width: 600px; */ 425 } 426 .hero-main-offer { 427 border: 1px solid black; 428 border-radius: 15px; 429 } 430 .offer-detail-head { 431 font-size: 3.8rem; 432 line-height: 3.8rem; 433 margin: 15px 0; 434 } 435 .offer-detail-text { 436 float: right; 437 width: 40%; 438 margin-right: 30px; 439 text-align: left; 440 } 441 .offer-detail-text p { 442 font-weight: bold; 443 margin: 10px 0; 444 font-size: 1.2rem; 445 } 446 .offer-detail-cardArt { 447 width: 46.5%; 448 margin-left: 30px; 449 filter: drop-shadow(0px 0px 10px black); 450 -webkit-filter: drop-shadow(0px 0px 10px black); 451 } 452 .apply-button { 453 display: block; 454 margin: 2rem auto; 455 font-size: 2rem; 456 text-decoration: none; 457 width: 55%; 458 text-transform: uppercase; 459 padding: 0.8rem; 460 } 461 462 } 463 /* tablet */ 464 465 @media screen and (max-width: 992px) { 466 .jn-hero-container { 467 padding: 1.8% 3.6% 0 3.6%; 468 background-size: cover; 469 background-position: left top; 470 } 471 .jn-hero-container.tier1-hero-landing-consumer { 472 background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${secondaryImage!''}'); 473 } 474 .jn-hero-container.tier1-hero-landing-business { 475 background-image: linear-gradient(${businessTransparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${businessBackgroundImageSmall!''}'); 476 } 477 478 .standard-content-container { 479 padding: 1% 3.6%; 480 } 481 .hero-main { 482 /* -webkit-flex-direction: row; 483 -ms-flex-direction: row; 484 flex-direction: row; */ 485 position: relative; 486 } 487 .hero-main-logo { 488 position: absolute; 489 top: 0; 490 left: 0; 491 z-index: 1; 492 width: 200px; 493 } 494 .jn-hero-container.product-ameriprise-premier-visa-signature .hero-main-logo, 495 .jn-hero-container.product-ameriprise-visa-signature .hero-main-logo { 496 width: 300px; 497 } 498 .hero-main-container { 499 /* max-width: 70%; */ 500 width: 523px; 501 height: 630px; 502 padding: 80px 0 40px 55px; 503 float: right; 504 /* min-width: 500px; */ 505 } 506 .hero-main-offer { 507 border: 1px solid black; 508 border-radius: 15px; 509 } 510 511 .offer-detail-head { 512 font-size: 2.8rem; 513 line-height: 2.8rem; 514 margin: 15px 0; 515 } 516 .offer-detail-text { 517 width: 96%; 518 margin: auto; 519 text-align: center; 520 float: none; 521 } 522 .offer-detail-text p { 523 font-weight: bold; 524 margin: 10px 0; 525 font-size: 0.8rem; 526 } 527 .offer-detail-cardArt { 528 width: 56%; 529 margin: 5px auto; 530 filter: drop-shadow(0px 0px 10px black); 531 -webkit-filter: drop-shadow(0px 0px 10px black); 532 } 533 .apply-button { 534 display: block; 535 margin: 1rem auto; 536 font-size: 1.5rem; 537 text-decoration: none; 538 width: 60%; 539 text-transform: uppercase; 540 padding: 0.8rem; 541 } 542 543 .disclaimer{ 544 padding: 3%; 545 margin: auto; 546 } 547 } 548 549 /* handset */ 550 @media screen and (max-width: 560px) { 551 .jn-hero-container { 552 padding: 0px; 553 background-position: right; 554 } 555 .hero-main { 556 display: -ms-flexbox; 557 display: -webkit-flex; 558 display: -moz-flex; 559 display: flex; 560 -webkit-flex-wrap: nowrap; 561 -ms-flex-wrap: nowrap; 562 flex-wrap: nowrap; 563 -webkit-flex-direction: column; 564 -ms-flex-direction: column; 565 flex-direction: column; 566 } 567 .hero-main-logo { 568 position: static; 569 width: 100%; 570 height: 125px; 571 display: -ms-flexbox; 572 display: -webkit-flex; 573 display: -moz-flex; 574 display: flex; 575 -webkit-justify-content: center; 576 -ms-flex-pack: center; 577 justify-content: center; 578 -webkit-flex-direction: column; 579 -ms-flex-direction: column; 580 flex-direction: column; 581 } 582 .hero-main-logo a{ 583 margin-left: auto; 584 margin-right: auto; 585 height: 50%; 586 width: 50%; 587 line-height: 62.5px; 588 } 589 .jn-hero-container.product-ameriprise-premier-visa-signature .hero-main-logo, 590 .jn-hero-container.product-ameriprise-visa-signature .hero-main-logo { 591 width: 100%; 592 } 593 .jn-hero-container.product-ameriprise-premier-visa-signature .hero-main-logo a, 594 .jn-hero-container.product-ameriprise-visa-signature .hero-main-logo a { 595 width: 65%; 596 } 597 .hero-main-container { 598 width: 100%; 599 min-height: 488px; 600 padding: 0px; 601 float: none; 602 height: auto; 603 } 604 .hero-primary-benefits { 605 -webkit-flex-direction: column; 606 -ms-flex-direction: column; 607 flex-direction: column; 608 } 609 610 .hero-main-offer { 611 border-radius: 0; 612 min-height: inherit; 613 } 614 .offer-header.bg-color-black { 615 background-color: rgba(0, 0, 0, 0.8); 616 font-size: 1.2rem; 617 height: 48px; 618 padding-top: 10px; 619 } 620 .offer-detail { 621 width: 100%; 622 height: auto; 623 } 624 .offer-detail-head { 625 font-size: 2.3rem; 626 line-height: 2.3rem; 627 margin: 15px 0; 628 min-height: 4.6rem; 629 } 630 .offer-detail-text { 631 width: 96%; 632 margin: auto; 633 text-align: center; 634 float: none; 635 } 636 .offer-detail-text p { 637 font-weight: bold; 638 margin: 10px 0; 639 font-size: 0.8rem; 640 } 641 .offer-detail-cardArt { 642 width: 75%; 643 margin: 5px auto; 644 filter: drop-shadow(0px 0px 10px black); 645 -webkit-filter: drop-shadow(0px 0px 10px black); 646 -ms-filter: drop-shadow(0px 0px 10px black); 647 max-width: 261px; 648 } 649 .apply-button { 650 display: block; 651 margin: 0.8rem auto; 652 font-size: 1.5rem; 653 text-decoration: none; 654 width: 80%; 655 text-transform: uppercase; 656 padding: 0.7rem; 657 } 658 659 } 660 @media screen and (max-width: 360px) { 661 .hero-main-logo { 662 width: 100%; 663 height: 150px; 664 display: -ms-flexbox; 665 display: -webkit-flex; 666 display: -moz-flex; 667 display: flex; 668 -webkit-justify-content: center; 669 -ms-flex-pack: center; 670 justify-content: center; 671 -webkit-flex-direction: column; 672 -ms-flex-direction: column; 673 flex-direction: column; 674 } 675 .hero-main-logo a{ 676 margin-left: auto; 677 margin-right: auto; 678 height: 50%; 679 width: 80%; 680 line-height: 75px; 681 } 682 .jn-hero-container.product-ameriprise-premier-visa-signature .hero-main-logo a, 683 .jn-hero-container.product-ameriprise-visa-signature .hero-main-logo a { 684 width: 80%; 685 } 686 .hero-main-offer { 687 border-radius: 0; 688 } 689 690 } 691 692 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 693 select::-ms-expand { 694 display: none; 695 } 696 } 697 .tier1-hero-landing-business.hide, 698 .tier1-hero-landing-consumer.hide, 699 .tier1-disclaimer-landing-business.hide, 700 .tier1-disclaimer-landing-consumer.hide, 701 .tier1-hero-landing-business, 702 .tier1-disclaimer-landing-business { 703 display: none !important; 704 } 705 706 .tier1-hero-landing-business.show, 707 .tier1-hero-landing-consumer.show, 708 .tier1-disclaimer-landing-business.show, 709 .tier1-disclaimer-landing-consumer.show { 710 display: block !important; 711 } 712 713 .wrapper ul { 714 padding: 0; 715 margin: 0; 716 } 717 718 .wrapper ul li { 719 list-style-type: none; 720 font-size: 14px; 721 margin: 0; 722 line-height: 1.4; 723 color: #000000; 724 } 725 .wrapper sub, sup { 726 font-size:75% 727 } 728 729 /*----------------------- Consumer Styles ------------------------------ */ 730 .wrapper .content-container { 731 display: block; 732 max-width: 825px; 733 background: #f4f4f4; 734 margin: 0 auto; 735 padding: 0; 736 } 737 @media screen and (min-width: 826px) { 738 .wrapper .content-container { 739 background: #ffffff; 740 padding: 0 6px 10px; 741 } 742 } 743 @media screen and (min-width: 1200px) { 744 .wrapper .content-container { 745 max-width: 1200px; 746 } 747 } 748 749 750 .wrapper .content-container.jn-consumer-content { 751 padding: 20px 10px 40px; 752 background: #fff; 753 } 754 755 .jn-consumer-content h2 { 756 font-size: 24px; 757 color: #333333; 758 font-weight: bold; 759 margin-bottom: 40px; 760 text-align: center; 761 } 762 .jn-consumer-content sup { 763 top: -.5em; 764 font-size: 75%; 765 } 766 .jn-consumer-content p { 767 font-size: 14px; 768 margin: 0; 769 line-height: 1.4; 770 color: #333333; 771 } 772 773 774 .jn-consumer-content ul { 775 padding: 0; 776 margin: 0; 777 } 778 779 .jn-consumer-content ul li { 780 list-style-type: none; 781 font-size: 14px; 782 margin: 0; 783 line-height: 1.4; 784 color: #000000; 785 } 786 787 .jn-consumer-content a { 788 text-decoration: none; 789 cursor: pointer; 790 color: #19398a; 791 font-weight: bold; 792 } 793 .jn-consumer-content a:hover, 794 .jn-consumer-content a:focus, 795 .jn-consumer-content a.active { 796 background: transparent; 797 } 798 799 .jn-consumer-content .jn-consumer-content-wrapper { 800 display: -webkit-box; 801 display: -webkit-flex; 802 display: -moz-flex; 803 display: -ms-flexbox; 804 display: flex; 805 -webkit-align-items: flex-start; 806 -moz-align-items: flex-start; 807 -ms-align-items: flex-start; 808 align-items: flex-start; 809 -webkit-flex-flow: column wrap; 810 -moz-flex-flow: column wrap; 811 -ms-flex-flow: column wrap; 812 flex-flow: column wrap; 813 -ms-flex-pack: space-around; 814 -webkit-justify-content: space-around; 815 -moz-justify-content: space-around; 816 -ms-justify-content: space-around; 817 justify-content: space-around; 818 font-family: Arial, Helvetica, sans-serif; 819 } 820 821 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item { 822 width: 100%; 823 margin-bottom: 25px; 824 padding: 0 20px; 825 } 826 827 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item p { 828 font-size: 12px; 829 } 830 831 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item img { 832 width: 220px; 833 margin: 0 auto 20px; 834 display: block; 835 } 836 837 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item h4 { 838 font-size: 20px; 839 font-weight: bold; 840 text-align: center; 841 color: #333333; 842 margin: 0 0 10px; 843 } 844 845 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .jn-additional ul li { 846 list-style-type: disc; 847 padding: 0 0 10px 0; 848 margin-left: 16px; 849 color: #333333; 850 font-size: 12px; 851 line-height: 1.4; 852 } 853 854 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item .jn-additional ul li p { 855 font-size: 12px; 856 857 } 858 859 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions { 860 display: -webkit-box; 861 display: -webkit-flex; 862 display: -moz-flex; 863 display: -ms-flexbox; 864 display: flex; 865 -webkit-align-items: center; 866 -moz-align-items: center; 867 -ms-align-items: center; 868 align-items: center; 869 -webkit-flex-flow: row nowrap; 870 -moz-flex-flow: row nowrap; 871 -ms-flex-flow: row nowrap; 872 flex-flow: row nowrap; 873 -ms-flex-pack: center; 874 -webkit-justify-content: center; 875 -moz-justify-content: center; 876 -ms-justify-content: center; 877 justify-content: center; 878 margin: 10px 0; 879 } 880 881 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li:first-child { 882 padding-right: 10px; 883 position: relative; 884 } 885 886 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li:after { 887 content: ""; 888 display: block; 889 background: #cccccc; 890 width: 1px; 891 height: 12px; 892 position: absolute; 893 right: 0; 894 top: 6px; 895 } 896 897 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li:last-child { 898 padding-left: 10px; 899 } 900 901 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a { 902 font-size: 16px; 903 color: #19398a; 904 font-weight: bold; 905 } 906 907 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:hover, 908 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:focus, 909 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item ul.actions li a:active { 910 color: #19398a; 911 } 912 913 @media screen and (min-width: 826px) { 914 .wrapper .content-container.jn-consumer-content { 915 padding: 40px 60px; 916 } 917 918 .jn-consumer-content h2 { 919 font-size: 30px; 920 margin-bottom: 50px; 921 } 922 923 .jn-consumer-content .jn-consumer-content-wrapper { 924 -webkit-flex-flow: row wrap; 925 -moz-flex-flow: row wrap; 926 -ms-flex-flow: row wrap; 927 flex-flow: row wrap; 928 -ms-flex-pack: space-between; 929 -webkit-justify-content: space-between; 930 -moz-justify-content: space-between; 931 -ms-justify-content: space-between; 932 justify-content: space-between; 933 } 934 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item { 935 width: 45%; 936 padding: 0; 937 } 938 939 940 /*-one card and two cards*/ 941 .jn-consumer-content .jn-consumer-content-wrapper.one-card, 942 .jn-consumer-content .jn-consumer-content-wrapper.two-card{ 943 -ms-flex-pack: space-around; 944 -webkit-justify-content: space-around; 945 -moz-justify-content: space-around; 946 -ms-justify-content: space-around; 947 justify-content: space-around; 948 } 949 .jn-consumer-content .jn-consumer-content-wrapper.two-card .jn-consumer-item { 950 width: 40%; 951 } 952 .jn-consumer-content .jn-consumer-content-wrapper.one-card .jn-consumer-item { 953 width: 50%; 954 } 955 } 956 957 @media screen and (min-width: 1200px) { 958 .wrapper .content-container.jn-consumer-content { 959 padding: 45px 100px; 960 } 961 962 .jn-consumer-content .jn-consumer-content-wrapper { 963 -webkit-flex-flow: row nowrap; 964 -moz-flex-flow: row nowrap; 965 -ms-flex-flow: row nowrap; 966 flex-flow: row nowrap; 967 -ms-flex-pack: distribute; 968 } 969 970 .jn-consumer-content .jn-consumer-content-wrapper .jn-consumer-item { 971 margin-bottom: 0; 972 width: 260px; 973 } 974 975 .jn-consumer-content .jn-consumer-content-wrapper.two-card .jn-consumer-item { 976 width: 40%; 977 } 978 .jn-consumer-content .jn-consumer-content-wrapper.one-card .jn-consumer-item { 979 width: 50%; 980 } 981 982 } 983 984 /*----------------------- Tab Styles ------------------------------ */ 985 .jn-primary-nav { 986 margin: 0 0 30px 0; 987 display: block; 988 } 989 990 .jn-primary-nav ul { 991 display: -webkit-box; 992 display: -webkit-flex; 993 display: -moz-flex; 994 display: -ms-flexbox; 995 display: flex; 996 -webkit-align-items: center; 997 -moz-align-items: center; 998 -ms-align-items: center; 999 align-items: center; 1,000 -webkit-justify-content: center; 1,001 -moz-justify-content: center; 1,002 -ms-justify-content: center; 1,003 justify-content: center; 1,004 -ms-flex-pack: center; 1,005 } 1,006 1,007 .jn-primary-nav.two-tabs li:first-child { 1,008 margin-right: 30px; 1,009 } 1,010 1,011 .jn-primary-nav a { 1,012 font-size: 24px; 1,013 color: #19398a; 1,014 font-weight: bold; 1,015 margin-bottom: 40px; 1,016 text-align: center; 1,017 padding: 0 10px; 1,018 display: block; 1,019 position: relative; 1,020 box-sizing: border-box; 1,021 text-decoration:none; 1,022 cursor:pointer; 1,023 } 1,024 .jn-primary-nav p { 1,025 font-size: 24px; 1,026 color: #19398a; 1,027 font-weight: bold; 1,028 margin-bottom: 40px; 1,029 text-align: center; 1,030 padding: 0 10px; 1,031 display: block; 1,032 position: relative; 1,033 box-sizing: border-box; 1,034 text-decoration:none; 1,035 } 1,036 1,037 .jn-primary-nav a:after { 1,038 display: block; 1,039 content: ""; 1,040 width: 0; 1,041 height: 3px; 1,042 position: absolute; 1,043 background: transparent; 1,044 bottom: -4px; 1,045 left: 0; 1,046 right: 0; 1,047 margin: 0 auto; 1,048 transition: all ease 0.5s; 1,049 } 1,050 1,051 .jn-primary-nav a:hover, 1,052 .jn-primary-nav a:focus, 1,053 .jn-primary-nav a.active { 1,054 color: #333333; 1,055 } 1,056 1,057 .jn-primary-nav a:hover:after, 1,058 .jn-primary-nav a:focus:after, 1,059 .jn-primary-nav a.active:after { 1,060 width: 100%; 1,061 background: #cccccc; 1,062 } 1,063 1,064 1,065 .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content { 1,066 display: none; 1,067 } 1,068 1,069 .jn-consumer-content .jn-consumer-content-wrapper.jn-tab-content.active { 1,070 display: -webkit-box; 1,071 display: -webkit-flex; 1,072 display: -moz-flex; 1,073 display: -ms-flexbox; 1,074 display: flex; 1,075 } 1,076 1,077 1,078 @media screen and (min-width: 826px) { 1,079 .jn-primary-nav { 1,080 margin: 0 0 50px 0; 1,081 } 1,082 1,083 .jn-primary-nav a { 1,084 padding: 0 10px; 1,085 } 1,086 .jn-primary-nav p { 1,087 padding: 0 10px; 1,088 } 1,089 1,090 .jn-primary-nav.two-tabs li:first-child { 1,091 margin-right: 50px; 1,092 } 1,093 } 1,094 1,095 @media screen and (min-width: 1200px) { 1,096 .jn-primary-nav.two-tabs li:first-child { 1,097 margin-right: 100px; 1,098 } 1,099 } 1,100 /*----------------------- Disclaimer Styles ------------------------------ */ 1,101 .jn-disclaimer { 1,102 padding: 22px 30px 30px; 1,103 background: #fff; 1,104 } 1,105 1,106 .jn-disclaimer p { 1,107 font-size: 12px; 1,108 } 1,109 1,110 .jn-disclaimer ul li { 1,111 margin-bottom: 6px; 1,112 font-size: 12px; 1,113 } 1,114 1,115 .jn-disclaimer ul { 1,116 margin: 0 0 0 35px; 1,117 } 1,118 1,119 .jn-disclaimer ul li sup { 1,120 margin: 0 2px 0 0; 1,121 top: -.3em; 1,122 font-size: 8px; 1,123 } 1,124 1,125 @media screen and (min-width: 826px) { 1,126 .jn-disclaimer { 1,127 padding: 0 16px; 1,128 background: transparent; 1,129 } 1,130 } 1,131</style> Web Content Display
An error occurred while processing the template.
Expression qstringmap["bankercode"] is undefined on line 8, column 17 in 10154#10192#153411750.
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 7 8<#assign bCode= qstringmap["bankercode"]?first> 9<#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 10<#list bData as b> 11 <#assign lc = b.locationcode > 12 <#assign rLC = b.reallocationcode > 13 <#assign mappedLC = b.mappedLocationCode > 14</#list> 15 16<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 17 <#assign ameriprise = true> 18<#else> 19 <#assign ameriprise = false> 20</#if> 21 22<#if mappedLC?has_content && !ameriprise> 23 <#assign lc = mappedLC > 24</#if> 25 26<#assign fiData= utilServ.makeCall('crcDDCBankerAssistedApp','0&'+bCode)> 27<#if fiData?first?has_content> 28 <#assign fi = fiData?first> 29 <#if ((fi.projectId == "12") || (fi.projectId == "13") || (fi.projectId == "14"))> 30 <#assign subbu_special = fi.offerId> 31 </#if> 32</#if> 33 34 35<#if lc?has_content> 36 <#assign prefix = "00000" > 37 <#assign lcWithPrefix = prefix + lc> 38 <#assign withPrefixLength = lcWithPrefix?length > 39 <#assign startHere = withPrefixLength - 5> 40 <#assign lc = lcWithPrefix?substring(startHere)> 41 <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 42 <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 43 44 <#assign clientProfile = clientProfileList?first> 45 <#assign partnerName = clientProfile.getMarketingNameLong()> 46 <#assign pbu = clientProfile.getPbu()> 47 <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 48 <script> 49 console.log('pbu', '${pbu!''}','subbu', '${subbu!''}', 'lc','${lc!''}'); 50 </script> 51 <#assign clientDataService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcPbuLocalService") > 52 <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 53 <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 54 <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*") && !partnerUrl?matches(r"(?i)^https?\://.*")> 55 <#assign partnerUrl = 'https://' + partnerUrl> 56 <script>console.log('Come to here by accident')</script> 57 </#if> 58 59 <#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&11')> 60 <#assign logoFileName = clientProfile.getLogoBFormat1()> 61 <#assign cdnLogoUrl = propsUtil.get('rackspace.cdn.web.url')> 62 <#if pbu == "0864054"> 63 <#assign override = "berkshire"> 64 <#else> 65 <#assign override = " "> 66 </#if> 67 <#-- this one should be delete for prod --> 68 69 <#assign cdnLogoUrl = "https://4f61efb10f32ceb57895-3733e103896f37259213d6ad72acbe68.ssl.cf2.rackcdn.com"> 70 <#assign logoFileName = pbu + "-" + subbu + ".png"> 71 72 <#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 73 <#if (subbu_special?has_content)> 74 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)> 75 <script> 76 console.log('new subbu', '${subbu_special!''}'); 77 </script> 78 <#else> 79 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)> 80 </#if> 81 <#assign temp = []> 82 <#assign consumerCards = []> 83 <#assign businessCards = []> 84 <#assign offerTypeList = []> 85 <#assign index = 0> 86 <#list fiCardsData as fib> 87 <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))> 88 <#assign offerTypeList = offerTypeList + [fib.offerType]> 89 <#assign consumerOfferTypes = ["101", "103", "108", "109", "115"]> 90 <#assign businessOfferTypes = ["128", "143", "123"]> 91 <#if (consumerOfferTypes?seq_contains(fib.offerType))> 92 <#assign consumerCards = consumerCards + fiCardsData[index..index]> 93 <#elseif (businessOfferTypes?seq_contains(fib.offerType))> 94 <#assign businessCards = businessCards + fiCardsData[index..index]> 95 </#if> 96 <#assign temp = temp + fiCardsData[index..index]> 97 </#if> 98 <#assign index = index + 1> 99 </#list> 100 101 <#assign fiCardsData = temp> 102 <#if (fiCardsData?size > 0)> 103 <#if (subbu_special?has_content)> 104 <#assign lc_used = fiCardsData?first.WebLocationCode> 105 <#else> 106 <#if ameriprise> 107 <#assign lc_used = mappedLC> 108 <#else> 109 <#assign lc_used = lc> 110 </#if> 111 </#if> 112 <#assign offerId = ""> 113 <#assign sourceCode = ""> 114 <#assign cardArtImage = ""> 115 <#assign productUrl = ""> 116 <#assign product = ""> 117 <#assign preparerType = "customer"> 118 <#assign apr = ""> 119 <#assign cardIndex = 1> 120 <#if (class.getData() == "landing-consumer" && consumerCards?size > 0)> 121 <#if ameriprise> 122 <#assign consumerCards = consumerCards?sort_by("offerType")> 123 </#if> 124 <#if (offerTypeList?seq_contains("108") || offerTypeList?seq_contains("109")) > 125 <#list consumerCards as card> 126 <#if (card.offerType=="108" || card.offerType=="109")> 127 <#assign offerId = card.offerId> 128 <#assign sourceCode = card.sourceCode> 129 <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 130 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 131 <#assign productUrl="platinum"> 132 <#assign product="Platinum"> 133 <#assign cardIndex = card.cardOrder?number - 1> 134 <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', offerId + '&'+ sourceCode)> 135 <#if (scrapedData?size > 0)> 136 <#list scrapedData as sItem> 137 <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 138 <#assign apr = sItem.scrapedValue?replace("(\n|\r\n|\r)+", " ","r")> 139 <#break> 140 </#if> 141 </#list> 142 <script> 143 $(document).ready(function () { 144 var aprText = "${apr}"; 145 if (aprText) { 146 try { 147 var matches= aprText.match(/\d+(\.\d+)?%?/g); 148 var billing_cycle = matches[1]; 149 var apr_min = apr_min = matches[2]; 150 var apr_max = apr_max = matches[3]; 151 if (billing_cycle) { 152 $(".scraped-billing-cycle").html(billing_cycle); 153 } 154 if (apr_min) { 155 $(".scraped-apr-min").html(apr_min); 156 } 157 if (apr_max) { 158 $('.scraped-apr-max').html(apr_max); 159 } 160 161 } catch (e) { 162 console.log(e); 163 } 164 } 165 }); 166 </script> 167 </#if> 168 </#if> 169 </#list> 170 <#else> 171 <#assign displayedCard = consumerCards[0]> 172 <#assign offerId = displayedCard.offerId> 173 <#assign sourceCode = displayedCard.sourceCode> 174 <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 175 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 176 <#assign cardIndex = displayedCard.cardOrder?number - 1> 177 <#if ameriprise> 178 <#if displayedCard.offerType == "101"> 179 <#assign productUrl="ameriprise-premier-visa-signature"> 180 <#assign product="Premier Visa Signature"> 181 <#assign cardIndex = 0> 182 <#elseif (displayedCard.offerType == "103")> 183 <#assign productUrl = "ameriprise-visa-signature"> 184 <#assign product="Visa Signature"> 185 <#assign cardIndex = 1> 186 </#if> 187 <#else> 188 <#if (displayedCard.offerType=="101" || displayedCard.offerType=="103")> 189 <#assign productUrl="real-rewards"> 190 <#assign product="Real Rewards"> 191 <#elseif (displayedCard.offerType=="115")> 192 <#assign productUrl = "secured"> 193 <#assign product="Secured"> 194 </#if> 195 </#if> 196 </#if> 197 </#if> 198 <#if (class.getData() == "landing-business" && businessCards?size > 0)> 199 <#if (offerTypeList?seq_contains("128")) > 200 <#list businessCards as card> 201 <#if (card.offerType=="128")> 202 <#assign offerId = card.offerId> 203 <#assign sourceCode = card.sourceCode> 204 <#assign cardArtImage = cdnCardArtUrl + "/"+card.filename+".png"> 205 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+card.filename+".jpg"> 206 <#assign productUrl="business-cash"> 207 <#assign product="Business Cash"> 208 <#assign cardIndex = card.cardOrder?number - 4> 209 </#if> 210 </#list> 211 <#else> 212 <#assign displayedCard = businessCards[0]> 213 <#assign offerId = displayedCard.offerId> 214 <#assign sourceCode = displayedCard.sourceCode> 215 <#assign cardArtImage = cdnCardArtUrl + "/"+ displayedCard.filename + ".png"> 216 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+ displayedCard.filename + ".jpg"> 217 <#assign cardIndex = displayedCard.cardOrder?number - 4> 218 <#if (displayedCard.offerType=="143")> 219 <#assign productUrl="business-real-rewards"> 220 <#assign product="Business Real Rewards"> 221 <#elseif (displayedCard.offerType=="123")> 222 <#assign productUrl = "business-rewards-plus"> 223 <#assign product="Business Rewards PLUS"> 224 </#if> 225 </#if> 226 </#if> 227 <#if ameriprise> 228 <#assign card_art_alt = partnerName + " " + product + " Card"> 229 <#assign rollover_text = partnerName + " " + product + " Card"> 230 <#else> 231 <#assign card_art_alt = partnerName> 232 <#assign rollover_text = partnerName + " " + product + " Credit Card"> 233 </#if> 234 235 <div class="jn-hero-container product-${productUrl} tier1-hero-${class.getData()}" title="${rollover_text!''}"> 236 <div class="hero-main"> 237 <div class="hero-main-logo"> 238 <#if partnerUrl?has_content> 239 <a href="${partnerUrl!''}" title="${partnerName!''}"><img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}"></a> 240 <#else> 241 <a title="${partnerName!''}"><img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}"></a> 242 </#if> 243 </div> 244 <div class="hero-main-container"> 245 <div class="hero-main-offer bg-color-white"> 246 <div class="offer-header bg-color-black text-color-white text-bold">${productTitle.getSiblings()[cardIndex].primaryHeadlineText.getData()}</div> 247 <div class="offer-detail"> 248 <div class="offer-detail-head">${productTitle.getSiblings()[cardIndex].primaryHeadlineFeature.getData()}</div> 249 <div class="offer-detail-text text-color-default"> 250 ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeatureTop.getData()} 251 ${productTitle.getSiblings()[cardIndex].primaryHeadlineFeatureBottom.getData()} 252 </div> 253 <div class="offer-detail-cardArt"> 254 <img src="${cardArtImage!''}" alt="${card_art_alt!''}" srcset="" title="${card_art_alt!''}" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 255 </div> 256 <#if ameriprise> 257 <a data-button-name="cta-button-top" title="Learn More about ${partnerName!''} credit cards" class="jn-button apply-button text-bold button-bg-color-custom text-color-white" href="javascript:void(0);" onclick="goToByScroll('product-display')">${productTitle.getSiblings()[cardIndex].ctaText.getData()}</a> 258 <#else> 259 <form action="${oadURL}?locationCode=${lc_used}&offerId=${offerId}&preparerType=${preparerType}&sourceCode=${sourceCode}" method="post" class="BAAForm"> 260 <label for="appDataBAA-${sourceCode}" style="position:absolute; clip:rect(0 0 0 0);">Application Data</label> 261 <textarea rows="20" cols="100" name="applicationData" id="appDataBAA-${sourceCode}" class="appDataBAA" style="display:none;" title="application data"></textarea> 262 <input type="submit" data-button-name="cta-button-top" data-product-name="${productUrl!''}" title="Apply Now for ${partnerName!''} ${product!''} Credit Card" 263 class="jn-button apply-button apply-now-button text-bold button-bg-color-custom text-color-white" value="${productTitle.getSiblings()[cardIndex].ctaText.getData()}" disabled /> 264 </form> 265 </#if> 266 </div> 267 </div> 268 </div> 269 </div> 270 </div> 271 272 </#if> 273</#if> Web Content Display
An error occurred while processing the template.
Expression qstringmap["bankercode"] is undefined on line 10, column 17 in 10154#10192#153411738.
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 oadURL_TC = 'https://online1.elancard.com/oad/terms.controller' > 7<#assign environment = url?replace('/index.*','','r')> 8<#-- check bankercode validity --> 9 10<#assign bCode= qstringmap["bankercode"]?first> 11 12<#assign fiData= utilServ.makeCall('crcDDCBankerAssistedApp','0&'+bCode)> 13<#if fiData?first?has_content> 14 <#assign fi = fiData?first> 15 <#if ((fi.projectId == "12") || (fi.projectId == "13") || (fi.projectId == "14"))> 16 <#assign subbu_special = fi.offerId> 17 </#if> 18</#if> 19 20<#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 21<#list bData as b> 22 <#assign lc = b.locationcode > 23 <#assign bName = b.branch > 24 <#assign bPhone = b.businessphone > 25 <#assign boeid = b.oeid > 26 <#assign fName = b.firstname?trim > 27 <#assign lName = b.lastname?trim > 28 <#assign rLC = b.reallocationcode > 29 <#assign mappedLC = b.mappedLocationCode > 30</#list> 31 32 33<#assign text_to_apply_source = "vanity url" > 34<#if qstringmap["sms"]?has_content> 35 <#assign sms = 1 > 36 <#assign text_to_apply_source = "sms" > 37</#if> 38<#if qstringmap["qrCode"]?has_content> 39 <#assign text_to_apply_source = "qr code" > 40</#if> 41 42<#if qstringmap["ecid"]?has_content> 43 <#assign ecidExt="&ecid="+qstringmap["ecid"]?first> 44 <#assign campaignId = qstringmap["ecid"]?first > 45<#else> 46 <#assign ecidExt=""> 47 <#assign campaignId = "" > 48</#if> 49 50<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 51 <#assign ameriprise = true> 52<#else> 53 <#assign ameriprise = false> 54</#if> 55 56<#if mappedLC?has_content && !ameriprise> 57 <#assign lc = mappedLC > 58</#if> 59 60<#if lc?has_content> 61 62 <#assign firstNameLength = fName?length > 63 <#assign lastNameLength = lName?length > 64 <#if firstNameLength + lastNameLength > 19 > 65 <#if lastNameLength > 18 > 66 <#assign bLName = lName?substring(0,18)> 67 <#else> 68 <#assign bLName = lName> 69 </#if> 70 <#assign maxFirstName = 19 - bLName?length > 71 <#if firstNameLength > maxFirstName > 72 <#assign bFName = fName?substring(0,maxFirstName)> 73 <#else> 74 <#assign bFName = fName> 75 </#if> 76 <#else> 77 <#assign bFName = fName> 78 <#assign bLName = lName> 79 </#if> 80 81 <#assign prefix = "00000" > 82 <#assign lcWithPrefix = prefix + lc > 83 <#assign withPrefixLength = lcWithPrefix?length > 84 <#assign startHere = withPrefixLength - 5> 85 <#assign lc = lcWithPrefix?substring(startHere)> 86 <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 87 <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 88 89 <#assign clientProfile = clientProfileList?first> 90 <#assign partnerName = clientProfile.getMarketingNameLong()> 91 <#assign pbu = clientProfile.getPbu()> 92 <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 93 <#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 94 <#if (subbu_special?has_content)> 95 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu_special)> 96 <#else> 97 <#assign fiCardsData = utilServ.makeCall('crcTier3GetPbuData','0&' + pbu + '&' + subbu)> 98 </#if> 99 100 <#-- Begin: filter cards by sourceCode and offerId and remove duplicated cards--> 101 <#assign temp = []> 102 <#assign consumerCards = []> 103 <#assign businessCards = []> 104 <#assign offerTypeList = []> 105 <#assign index = 0> 106 <#list fiCardsData as fib> 107 <#if (fib.offerType?has_content && !(offerTypeList?seq_contains(fib.offerType)))> 108 <#assign offerTypeList = offerTypeList + [fib.offerType]> 109 <#assign consumerOfferTypes = ["101", "103", "108", "109", "115"]> 110 <#assign businessOfferTypes = ["128", "143", "123"]> 111 <#if (consumerOfferTypes?seq_contains(fib.offerType))> 112 <#assign consumerCards = consumerCards + fiCardsData[index..index]> 113 <#elseif (businessOfferTypes?seq_contains(fib.offerType))> 114 <#assign businessCards = businessCards + fiCardsData[index..index]> 115 </#if> 116 <#assign temp = temp + fiCardsData[index..index]> 117 </#if> 118 <#assign index = index + 1> 119 </#list> 120 <#assign fiCardsData = temp> 121 <#if (fiCardsData?size > 0)> 122 <#if (subbu_special?has_content)> 123 <#assign lc_used = fiCardsData?first.WebLocationCode> 124 <#else> 125 <#if ameriprise> 126 <#assign lc_used = mappedLC> 127 <#else> 128 <#assign lc_used = lc> 129 </#if> 130 </#if> 131 </#if> 132 <#if (consumerCards?size > 0 || businessCards?size > 0)> 133 <div class="content-container content-container-main jn-consumer-content" id="product-display"> 134 <#if ((consumerCards?size > 0) && (businessCards?size > 0))> 135 <nav class="jn-primary-nav two-tabs"> 136 <ul> 137 <li title="${partnerName!''} - Personal products"> 138 <a href="#" class="tab-nav active" id="consumerTab"><span>Personal</span></a> 139 </li> 140 <li title="${partnerName!''} - Business products"> 141 <a href="#" class="tab-nav" id="businessTab"><span>Business</span></a> 142 </li> 143 </ul> 144 </nav> 145 <#else> 146 <#if (consumerCards?size > 0)> 147 <nav class="jn-primary-nav" title="${partnerName!''} - Personal products"> 148 <ul> 149 <li> 150 <p class="tab-nav" id="consumerTab"><span>Personal</span></p> 151 </li> 152 </ul> 153 </nav> 154 </#if> 155 <#if (businessCards?size > 0)> 156 <nav class="jn-primary-nav" title="${partnerName!''} - Business products"> 157 <ul> 158 <li> 159 <p class="tab-nav" id="businessTab"><span>Business</span></p> 160 </li> 161 </ul> 162 </nav> 163 </#if> 164 </#if> 165 <#if (consumerCards?size > 0)> 166 <#if ameriprise> 167 <#assign consumerCards = consumerCards?sort_by("offerType")> 168 </#if> 169 <div class="jn-consumer-content-wrapper jn-tab-content active" data-id="consumerTab" title="${partnerName!''} - Personal products"> 170 <#list consumerCards as fib> 171 <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png" > 172 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+fib.filename+".jpg"> 173 <#if ameriprise > 174 <#if (fib.offerType == "101")> 175 <#assign productName = "premier-visa-signature"> 176 <#assign product="Premier Visa Signature"> 177 <#assign cardIndex = 0> 178 <#elseif (fib.offerType == "103")> 179 <#assign productName = "visa-signature"> 180 <#assign product="Visa Signature"> 181 <#assign cardIndex = 1> 182 </#if> 183 <#assign titleText = consumerTitle.getSiblings()[cardIndex].Title.getData()> 184 <#assign titleText = titleText?replace('<[^>]+>','','r')> 185 <#else> 186 <#assign cardIndex = fib.cardOrder?number - 1> 187 <#assign titleText = consumerTitle.getSiblings()[cardIndex].Title.getData()> 188 <#assign titleText = titleText?replace('<[^>]+>','','r')> 189 <#switch fib.offerType> 190 <#case "101"> 191 <#assign productName = "real-rewards"> 192 <#assign product="Real Rewards"> 193 <#break> 194 <#case "108"> 195 <#assign productName = "platinum"> 196 <#assign product="Platinum"> 197 <#break> 198 <#case "109"> 199 <#assign productName = "platinum"> 200 <#assign product="Platinum"> 201 <#break> 202 <#case "115"> 203 <#assign productName = "secured"> 204 <#assign product="Secured"> 205 <#break> 206 <#default> 207 </#switch> 208 <#assign APR=""> 209 <#assign AMF=""> 210 <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', fib.offerId + '&'+ fib.sourceCode)> 211 <#if (scrapedData?size > 0)> 212 <#list scrapedData as sItem> 213 <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 214 <#assign APR = sItem.scrapedValue> 215 <#elseif ((sItem.scrapedLabel?contains("Annual Membership Fee")) && (sItem.scrapedValue?has_content)) > 216 <#assign AMF = sItem.scrapedValue> 217 </#if> 218 <#if (APR?has_content && AMF?has_content)> 219 <#break> 220 </#if> 221 </#list> 222 </#if> 223 </#if> 224 <#if ameriprise> 225 <#assign rollover_text = partnerName + " " + product + " Card"> 226 <#else> 227 <#assign rollover_text = partnerName + " " + product + " Credit Card"> 228 </#if> 229 230 <div class="jn-consumer-item item-${fib.offerType}" title="${rollover_text!''}"> 231 <img src="${cardArtImage!''}" alt="${rollover_text!''}" 232 class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 233 <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 234 <p>${consumerTitle.getSiblings()[cardIndex].headlineText.getData()}</p> 235 <ul class="actions"> 236 <li> 237 <form action="${oadURL}?locationCode=${lc_used}&offerId=${fib.offerId}&preparerType=customer&sourceCode=${fib.sourceCode}" method="post" class="BAAForm"> 238 <label for="appDataBAA-${fib.offerId}" style="position:absolute; clip:rect(0 0 0 0);">Application Data</label> 239 <textarea rows="20" cols="100" name="applicationData" id="appDataBAA-${fib.offerId}" class="appDataBAA" style="display:none;" title="application data"></textarea> 240 <a class="applyNowLink apply-now-button" href="${oadURL}?locationCode=${lc_used}&offerId=${fib.offerId}&preparerType=customer&sourceCode=${fib.sourceCode}" 241 data-button-name="apply-now-link" data-product-name="${productName}" 242 title="Apply Now for ${rollover_text!''}">${consumerTitle.getSiblings()[cardIndex].applyNow.getData()}</a> 243 </form> 244 </li> 245 <li> 246 <#if ameriprise> 247 <a href="${environment}/${productName}?bankercode=${bCode}&ecdma-lc=${lc_used}${ecidExt}">${consumerTitle.getSiblings()[cardIndex].LearnMore.getData()}</a> 248 <#else> 249 <a href="${environment}/${productName}?bankercode=${bCode}&ecdma-lc=${lc}${ecidExt}">${consumerTitle.getSiblings()[cardIndex].LearnMore.getData()}</a> 250 </#if> 251 </li> 252 </ul> 253 <div class="jn-additional"> 254 <ul class="${fib.offerType}"> 255 <#if !ameriprise> 256 <li class="${fib.offerType}"> 257 <p> 258 <#if fib.offerType=="115"> 259 <strong>APR for Purchases and Balance Transfers: </strong> 260 <#else> 261 <strong>Intro APR<sup>*</sup> for Purchases and Balance Transfers: </strong> 262 </#if> 263 ${APR!''} <a href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc_used}" target="_blank">Terms & Conditions</a> 264 </p> 265 </li> 266 </#if> 267 <#if consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings()?has_content> 268 <#list consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings() as marketingInfo> 269 <li>${marketingInfo.getData()}</li> 270 </#list> 271 </#if> 272 <#if !ameriprise> 273 <li> 274 <p>Annual Fee: ${AMF!''} <a href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc_used}" target="_blank">Terms & Conditions</a></p> 275 </li> 276 </#if> 277 </ul> 278 </div> 279 </div> 280 </#list> 281 </div> 282 </#if> 283 <#if (businessCards?size > 0)> 284 <div class="jn-consumer-content-wrapper jn-tab-content" data-id="businessTab" title="${partnerName!''} - Business products"> 285 <#list businessCards as fib> 286 <#assign cardArtImage = cdnCardArtUrl + "/" + fib.filename + ".png"> 287 <#assign cardArtImageAlt = cdnCardArtUrl + "/"+fib.filename+".jpg"> 288 <#assign cardIndex = fib.cardOrder?number - 1> 289 <#switch fib.offerType> 290 <#case "128"> 291 <#assign productName = "business-cashback"> 292 <#assign product="Business Cash"> 293 <#break> 294 <#case "143"> 295 <#assign productName = "business-real-rewards"> 296 <#assign product="Business Real Rewards"> 297 <#break> 298 <#case "123"> 299 <#assign productName = "business-rewards-plus"> 300 <#assign product="Business Rewards PLUS"> 301 <#break> 302 <#default> 303 </#switch> 304 <#assign APR=""> 305 <#assign AMF=""> 306 <#assign scrapedData = utilServ.makeCall('crcDDCGetSchumerBox', fib.offerId + '&'+ fib.sourceCode)> 307 <#if (scrapedData?size > 0)> 308 <#list scrapedData as sItem> 309 <#if ((sItem.scrapedLabel?contains("Annual Percentage Rate (APR) for Purchases")) && (sItem.scrapedValue?has_content)) > 310 <#assign APR = sItem.scrapedValue> 311 <#elseif ((sItem.scrapedLabel?contains("Annual Membership Fee")) && (sItem.scrapedValue?has_content)) > 312 <#assign AMF = sItem.scrapedValue> 313 </#if> 314 <#if (APR?has_content && AMF?has_content)> 315 <#break> 316 </#if> 317 </#list> 318 </#if> 319 <div class="jn-consumer-item item-${fib.offerType}" title="${partnerName!''} ${product!''} Credit Card"> 320 <img src="${cardArtImage!''}" alt="${partnerName!''}" class="jn-img-responsive" onerror="this.onerror=null;this.src='${cardArtImageAlt!''}'"> 321 <h4>${consumerTitle.getSiblings()[cardIndex].Title.getData()}</h4> 322 <p>${consumerTitle.getSiblings()[cardIndex].headlineText.getData()}</p> 323 <ul class="actions"> 324 <li> 325 <form action="${oadURL}?locationCode=${lc_used}&offerId=${fib.offerId}&preparerType=customer&sourceCode=${fib.sourceCode}" method="post" class="BAAForm"> 326 <label for="appDataBAA-${fib.offerId}" style="position:absolute; clip:rect(0 0 0 0);">Application Data</label> 327 <textarea rows="20" cols="100" name="applicationData" id="appDataBAA-${fib.offerId}" class="appDataBAA" style="display:none;" title="application data"></textarea> 328 <a class="applyNowLink apply-now-button" 329 href="${oadURL}?locationCode=${lc_used}&offerId=${fib.offerId}&preparerType=customer&sourceCode=${fib.sourceCode}" 330 data-button-name="apply-now-link" data-product-name="${productName}" 331 title="Apply Now for ${partnerName!''} ${product!''} Credit Card">${consumerTitle.getSiblings()[cardIndex].applyNow.getData()}</a> 332 </form> 333 </li> 334 <li><a href="${environment}/${productName}?bankercode=${bCode}&ecdma-lc=${lc}${ecidExt}">${consumerTitle.getSiblings()[cardIndex].LearnMore.getData()}</a></li> 335 </ul> 336 <div class="jn-additional"> 337 <ul> 338 <li> 339 <p> 340 <#if (fib.offerType=="123" )> 341 <strong>APR for Purchases and Balance Transfers: </strong> 342 <#else> 343 <strong>Intro APR<sup>*</sup> for Purchases and Balance Transfers: </strong> 344 </#if> 345 ${APR!''} 346 <a href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc_used}" target="_blank">Terms & Conditions</a> 347 </p> 348 </li> 349 <#if consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings()?has_content> 350 <#list consumerTitle.getSiblings()[cardIndex].additionalInfo.getSiblings() as marketingInfo> 351 <li>${marketingInfo.getData()}</li> 352 </#list> 353 </#if> 354 <li><p>Annual Fee: ${AMF!''} <a 355 href="${oadURL_TC}?step=display&offerId=${fib.offerId}&locationCode=${lc_used}" target="_blank">Terms & Conditions</a></p> 356 </li> 357 </ul> 358 </div> 359 </div> 360 </#list> 361 </div> 362 </#if> 363 </div> 364 365 <script> 366 $(document).ready(function () { 367 var banker_code = "${bCode!''}"; 368 var tabs=$('.tab-nav'); 369 var consumerSelector = '.jn-consumer-content-wrapper.jn-tab-content[data-id="consumerTab"]'; 370 var businessSelector = '.jn-consumer-content-wrapper.jn-tab-content[data-id="businessTab"]'; 371 372 if (tabs.length == 1) { 373 if ($(consumerSelector).length > 0) { 374 if(banker_code && (banker_code.indexOf("amp") == 0) && (banker_code.length > 6)) { 375 $("nav.jn-primary-nav").hide(); 376 changeCardLayout(consumerSelector); 377 createMetaTag("consumer"); 378 } else { 379 hideHeroAndDisclaimer('business'); 380 showHeroAndDisclaimer('consumer'); 381 changeCardLayout(consumerSelector); 382 renumberFootnote("consumer"); 383 createMetaTag("consumer"); 384 } 385 } 386 if ($(businessSelector).length > 0) { 387 $(businessSelector).addClass('active'); 388 hideHeroAndDisclaimer('consumer'); 389 showHeroAndDisclaimer('business'); 390 changeCardLayout(businessSelector); 391 renumberFootnote("business"); 392 createMetaTag("business"); 393 } 394 } 395 if (tabs.length == 2) { 396 renumberFootnote("consumer"); 397 renumberFootnote("business"); 398 createMetaTag("consumer"); 399 if ($(consumerSelector + ' .jn-consumer-item').length < 3) { 400 changeCardLayout(consumerSelector); 401 } 402 if ($(businessSelector + ' .jn-consumer-item').length < 3) { 403 changeCardLayout(businessSelector); 404 } 405 var tabsNav = document.querySelectorAll('.tab-nav'); 406 togglePrimaryNav(tabsNav); 407 } 408 409 }); 410 411 // Primary Nav function 412 413 function togglePrimaryNav(elem) { 414 for (var i = 0; i < elem.length; i++) { 415 elem[i].addEventListener("click", function(e) { 416 417 var current = this, 418 allSections = document.querySelectorAll('[data-id]'), 419 section = document.querySelector("[data-id='"+ current.id +"']"); 420 421 for (var a = 0; a < allSections.length; a++) { 422 allSections[a].classList.remove('active'); 423 } 424 for (var c = 0; c < elem.length; c++) { 425 if (current != elem[c]) { 426 elem[c].classList.remove('active'); 427 } else { 428 current.classList.add('active'); 429 section.classList.add('active'); 430 hideHeroAndDisclaimer('consumer'); 431 hideHeroAndDisclaimer('business'); 432 if(current.getAttribute('id') === "consumerTab"){ 433 showHeroAndDisclaimer('consumer'); 434 } else if(current.getAttribute('id') === "businessTab"){ 435 showHeroAndDisclaimer('business'); 436 } 437 } 438 } 439 e.preventDefault(); 440 }); 441 } 442 } 443 444 function renumberFootnote(type) { 445 var discriptionSelector = '.jn-consumer-content-wrapper.jn-tab-content' + '[data-id="' + type + 'Tab"]'; 446 var disclaimerSelector = '.tier1-disclaimer-landing-' + type; 447 var heroSelector = '.tier1-hero-landing-' + type; 448 var numOfFootnote = $(disclaimerSelector + ' sup').length; 449 var showList = []; 450 var hideList=[]; 451 for (var i = 1; i <= numOfFootnote; i++) { 452 var cssClass="tag-" + i; 453 if ($(discriptionSelector + ' sup').hasClass(cssClass) || $(heroSelector + ' sup').hasClass(cssClass)) { 454 showList.push(i); 455 } else { 456 hideList.push(i); 457 } 458 } 459 for (var i = 1; i < showList.length + 1; i++) { 460 if(showList[i-1] != i) { 461 var className="tag-" + showList[i-1]; 462 $(heroSelector).find("." + className).html(i); 463 $(discriptionSelector).find("." + className).html(i); 464 $(disclaimerSelector).find("." + className).html(i); 465 } 466 } 467 for (var i = 0; i <hideList.length; i++) { 468 var cname="tag-" + hideList[i]; 469 $(disclaimerSelector).find("." + cname).parent().hide(); 470 } 471 } 472 473 function changeCardLayout(cssSelector) { 474 var numOfCards = $(cssSelector + ' .jn-consumer-item').length; 475 if(numOfCards == 1) { 476 $(cssSelector).addClass('one-card'); 477 } else if (numOfCards == 2) { 478 $(cssSelector).addClass('two-card'); 479 } 480 } 481 function hideHeroAndDisclaimer(type) { 482 try { 483 document.querySelector('.tier1-hero-landing-'+ type).classList.remove('show'); 484 document.querySelector('.tier1-hero-landing-'+ type).classList.add('hide'); 485 } catch (e) { 486 console.log(e); 487 } 488 489 try { 490 document.querySelector('.tier1-disclaimer-landing-'+ type).classList.remove('show'); 491 document.querySelector('.tier1-disclaimer-landing-'+ type).classList.add('hide'); 492 } catch (e) { 493 console.log(e); 494 } 495 496 } 497 function showHeroAndDisclaimer(type) { 498 try { 499 document.querySelector('.tier1-hero-landing-'+ type).classList.add('show'); 500 document.querySelector('.tier1-hero-landing-'+ type).classList.remove('hide'); 501 } catch (e) { 502 console.log(e); 503 } 504 505 try { 506 document.querySelector('.tier1-disclaimer-landing-'+ type).classList.add('show'); 507 document.querySelector('.tier1-disclaimer-landing-'+ type).classList.remove('hide'); 508 } catch (e) { 509 console.log(e); 510 } 511 512 } 513 function createMetaTag(type) { 514 var partnerName = "${partnerName!0}"; 515 var product_name = $('.jn-hero-container .jn-button').data('product-name'); 516 var metaDesc =""; 517 if (type == "consumer") { 518 if(location.pathname.indexOf("11t1m") != -1) { 519 metaDesc = "Apply Today for an Ameriprise Financial Credit Card. Earn Rewards Points worth $375 cash value when deposited into an eligible account after spending $3,000 in eligible net purchases within the first 90 days of account opening." 520 } else { 521 if(product_name == "platinum") { 522 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."; 523 } else if(product_name == "real-rewards") { 524 metaDesc = "Apply Today for a "+partnerName+" Credit Card. Take home 2,500 bonus points after your first purchase."; 525 } else if(product_name == "secured") { 526 metaDesc = "Apply Today for a "+partnerName+" Credit Card. Use this card as a solid foundation to build your credit."; 527 } 528 } 529 530 } else if (type == "business") { 531 if(product_name == "business-cashback") { 532 metaDesc = "Apply Today for a "+partnerName+" Credit Card. Earn Cash back on common business expenses."; 533 } else if(product_name == "business-real-rewards") { 534 metaDesc = "Apply Today for a "+partnerName+" Credit Card. More choices. More value for your business."; 535 } else if(product_name == "business-rewards-plus") { 536 metaDesc = "Apply Today for a "+partnerName+" Credit Card. Get more rewards in the categories you spend the most on."; 537 } 538 } 539 var m = document.createElement('meta'); 540 m.name = 'description'; 541 m.content = metaDesc; 542 document.head.appendChild(m); 543 } 544 function goToByScroll(id) { 545 var element = document.getElementById(id); 546 element.scrollIntoView(true); 547 } 548 549 </script> 550 <script> 551 document.addEventListener('DOMContentLoaded', function() { 552 console.log('inside ready'); 553 var page = location.pathname.split('/')[location.pathname.split('/').length-1]; 554 var hostName = location.hostname; 555 function getDomainFromHostname(hostname) { 556 var parts = hostname.split('.'); 557 return parts.length === 3 ? parts[1] : parts[0]; 558 } 559 var domain = getDomainFromHostname(hostName); 560 var partnerName = "${partnerName!0}"; 561 var ameriprise = '${ameriprise?string("yes", "no")}'; 562 var locationCode = "${rLC!lc}"; 563 var eidAmp = ""; 564 if (ameriprise == "yes") { 565 var bankercode_amp = '${bCode}'; 566 eidAmp = bankercode_amp.substring(3); 567 locationCode =""; 568 document.title = "Ameriprise Financial Credit Card Overview Page"; 569 } else { 570 document.title = partnerName + " Credit Card Index Page"; 571 } 572 var utag_data = window.utag_data || {}; 573 var lc = '${lc!0}'; 574 575 var regex = /\d+/g; 576 var bdNumber = "${bPhone!''}"; 577 var phoneNum = bdNumber.match(regex); 578 var areaCode = ""; 579 var exchangeCode = ""; 580 var num = ""; 581 if(phoneNum != null) { 582 phoneNum = phoneNum.join(""); 583 areaCode = phoneNum.substring(0,3); 584 exchangeCode = phoneNum.substring(3,6); 585 num = phoneNum.substring(6,10); 586 } 587 588 /* update SiteCatalyst data object */ 589 utag_data.current_page = "microsite:${partnerName}:" + domain + ':' + page.replace('-',' '); 590 utag_data.location_code = '${rLC!lc}'; 591 utag_data.site_section = 'credit cards'; 592 utag_data.platform = 'microsite'; 593 utag_data.product = 'All Cards'; 594 utag_data.partner_name = "${partnerName}"; 595 utag_data.Banker_id = '${boeid}'; 596 utag_data.Banker_code = '${bCode}'; 597 utag_data.visitor_type = 'prospect'; 598 utag_data.text_to_apply_source = '${text_to_apply_source}'; 599 utag_data.page_type = 'product'; 600 utag_data.campaign_id = '${campaignId}'; 601 602 603 AUI().ready(function() { 604 if (window.publisherFW) { 605 //console.log('utag_data', utag_data); 606 window.publisherFW.publishEvent("pageView", utag_data); 607 } 608 }); 609 610 611 $('.jn-button').removeAttr('disabled'); 612 $('.jn-button').removeClass('jn-disabled'); 613 614 jQuery('.applyNowLink').on('click', function(e){ 615 $(this).closest('.BAAForm').submit(); 616 ga("send", { 617 hitType: "event", 618 eventAction: "ApplyNow", 619 eventCategory: "click", 620 eventLabel: "BottomButton" 621 }); 622 return false; 623 }); 624 625 jQuery('.BAAForm').on('submit', function(e){ 626 e.preventDefault(); 627 console.log('in custom submit'); 628 var xmlData; 629 if(ameriprise == "yes") { 630 xmlData = '<?xml version="1.0"?>'+ 631 "<prefillData>"+ 632 "<versionNumber>1.0</versionNumber>"+ 633 "<applicationData>"+ 634 "<referral>" + 635 "<employeeId>" + eidAmp + "</employeeId>" + 636 "<storeNumber>"+"${bName!'0'}"+"</storeNumber>"+ 637 "<divisionNumber></divisionNumber>"+ 638 "</referral>" + 639 "<bankerInformation>"+ 640 "<locationCode>" + locationCode + "</locationCode>"+ 641 "<originatingBranchNumber>"+"${bName!'0'}"+"</originatingBranchNumber>"+ 642 "<employeeID>${boeid!0}</employeeID>"+ 643 "<name>" + 644 "<first>${bFName!'0'}</first>" + 645 "<last>${bLName!'0'}</last>" + 646 "</name>"+ 647 "<phone>"+ 648 "<areaCode>"+areaCode+"</areaCode>"+ 649 "<exchange>"+exchangeCode+"</exchange>"+ 650 "<number>"+num+"</number>"+ 651 "</phone>"+ 652 "</bankerInformation>"+ 653 "</applicationData>"+ 654 "</prefillData>" 655 } else { 656 xmlData = '<?xml version="1.0"?>'+ 657 "<prefillData>"+ 658 "<versionNumber>1.0</versionNumber>"+ 659 "<applicationData>"+ 660 "<bankerInformation>"+ 661 "<locationCode>" + locationCode + "</locationCode>"+ 662 "<originatingBranchNumber>"+"${bName!'0'}"+"</originatingBranchNumber>"+ 663 "<employeeID>${boeid!0}</employeeID>"+ 664 "<name>" + 665 "<first>${bFName!'0'}</first>" + 666 "<last>${bLName!'0'}</last>" + 667 "</name>"+ 668 "<phone>"+ 669 "<areaCode>"+areaCode+"</areaCode>"+ 670 "<exchange>"+exchangeCode+"</exchange>"+ 671 "<number>"+num+"</number>"+ 672 "</phone>"+ 673 "</bankerInformation>"+ 674 "</applicationData>"+ 675 "</prefillData>" 676 } 677 $(this).children(".appDataBAA").val(xmlData); 678 var buttonName = $(this).find('.apply-now-button').data('button-name'); 679 var productName = $(this).find('.apply-now-button').data('product-name'); 680 /* SiteCatalyst onClick tracking */ 681 utag_data.apply_button = buttonName; 682 utag_data.product = productName; 683 684 if (window.publisherFW) { 685 //console.log('clicked', utag_data); 686 window.publisherFW.publishEvent("onClick", utag_data); 687 } 688 this.submit(); 689 }); 690 691 }); 692 </script> 693 </#if> 694</#if> Web Content Display
An error occurred while processing the template.
Expression qstringmap["bankercode"] is undefined on line 5, column 17 in 10154#10192#153411744.
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 5<#assign bCode= qstringmap["bankercode"]?first> 6<#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 7<#list bData as b> 8 <#assign lc = b.locationcode > 9 <#assign rLC = b.reallocationcode > 10 <#assign mappedLC = b.mappedLocationCode > 11</#list> 12<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 13 <#assign ameriprise = true> 14<#else> 15 <#assign ameriprise = false> 16</#if> 17<#if mappedLC?has_content && !ameriprise> 18 <#assign lc = mappedLC > 19</#if> 20 21<#if lc?has_content> 22 <#assign prefix = "00000" > 23 <#assign lcWithPrefix = prefix + lc > 24 <#assign withPrefixLength = lcWithPrefix?length > 25 <#assign startHere = withPrefixLength - 5> 26 <#assign lc = lcWithPrefix?substring(startHere)> 27 <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 28 <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 29 30 <#assign clientProfile = clientProfileList?first> 31 <#assign partnerName=clientProfile.getMarketingNameLong()> 32 33 34 <div class="content-container" title="${partnerName} - Disclaimer"> 35 <div class="jn-disclaimer tier1-disclaimer-${class.getData()}"> 36 ${content.getData()} 37 </div> 38 </div> 39</#if> Web Content Display
An error occurred while processing the template.
Expression qstringmap["bankercode"] is undefined on line 6, column 17 in 10154#10192#153411747.
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<#assign bCode= qstringmap["bankercode"]?first> 7<#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 8<#list bData as b> 9 10 <#assign lc = b.locationcode > 11 <#assign rLC = b.reallocationcode > 12 <#assign mappedLC = b.mappedLocationCode > 13</#list> 14 15<#if bCode?starts_with("amp") && (url?contains("11t1m"))> 16 <#assign ameriprise = true> 17<#else> 18 <#assign ameriprise = false> 19</#if> 20<#if mappedLC?has_content && !ameriprise> 21 <#assign lc = mappedLC > 22</#if> 23 24<#if lc?has_content> 25 26 <#assign prefix = "00000" > 27 <#assign lcWithPrefix = prefix + lc > 28 <#assign withPrefixLength = lcWithPrefix?length > 29 <#assign startHere = withPrefixLength - 5> 30 <#assign lc = lcWithPrefix?substring(startHere)> 31 <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 32 <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 33 34 <#assign clientProfile = clientProfileList?first> 35 <#assign pbu = clientProfile.getPbu()> 36 <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 37 <#assign partnerName=clientProfile.getMarketingNameLong()> 38 <#assign clientDataService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcPbuLocalService") > 39 <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 40 <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 41 <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*") && !partnerUrl?matches(r"(?i)^https?\://.*")> 42 <#-- add protocal if missing --> 43 <#assign partnerUrl = 'https://' + partnerUrl> 44 </#if> 45 <footer class="footer bg-color-black text-color-white"> 46 ${footerContent.getData()} 47 </footer> 48 <#if url?contains("11t1m")> 49 <script> 50 document.querySelector('.footer .copyright').classList.add("ecdma-footer-client-name-copyright"); 51 document.querySelector('.footer .fdic').innerHTML='<p><a class="text-color-white" href="https://login.elancreditcard.com/onlineCard/publicPrivacyPolicy.do?loc=18598" target="_blank">Privacy and Security</a></p>'; 52 </script> 53 <#else> 54 <script> 55 document.querySelector('.footer .copyright').classList.add("ecdma-footer-client-name-copyright"); 56 document.querySelector('.footer .fdic').innerHTML='<p><a class="text-color-white" href="https://www.myaccountaccess.com/onlineCard/publicPrivacyPolicy.do?loc=${lc!0}" target="_blank">Privacy and Security</a></p>'; 57 var newNode = document.createElement("div"); 58 newNode.classList.add("member-agreement"); 59 newNode.innerHTML='<p><a class="text-color-white" href="https://online1.elancard.com/oad/cmas.controller?locationCode=${lc!0}&preparerType=customer&isNewRequest=false" target="_blank">Cardmember Agreements</a></p>'; 60 var fdicNode = document.querySelector('.footer .fdic'); 61 var parent = fdicNode.parentNode; 62 parent.insertBefore(newNode, fdicNode); 63 </script> 64 </#if> 65 66 <#if partnerUrl?has_content> 67 <script> 68 document.querySelector('.copyright .homelink').innerHTML="<a class='text-color-white' href='${partnerUrl!''}' title='${partnerName!''}' target='_blank'>Home</a>"; 69 </script> 70 </#if> 71</#if>