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