Artikkel

En feil oppsto under behandling av visningsmalen.
Expression url404 is undefined on line 24, column 30 in 10153#10191#5434580.
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 
6<#--  check location id validity  --> 
7<#if  qstringmap["bankercode"]?has_content> 
8    <#assign bCode= qstringmap["bankercode"]?first> 
9    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 
10    <#list bData as b> 
11       
12      <#assign lc = b.locationcode > 
13      <#assign bName = b.branch > 
14      <#assign bPhone = b.businessphone > 
15      <#assign boeid = b.oeid > 
16      <#assign bFName = b.firstname > 
17      <#assign bLName = b.lastname > 
18      <#assign rLC = b.reallocationcode > 
19    </#list> 
20     
21<#else> 
22    <script> 
23        console.log("MainProductBcode missing"); 
24        //location.href = '${url404}'; 
25    </script> 
26</#if> 
27 
28<#if rLC?has_content> 
29    <#assign prefix = "00000" > 
30    <#assign lcWithPrefix = prefix + rLC > 
31    <#assign withPrefixLength = lcWithPrefix?length > 
32    <#assign startHere = withPrefixLength - 5> 
33    <#assign rLC = lcWithPrefix?substring(startHere)> 
34    <#assign offerData = utilServ.makeCall('crcDDCBankerAssistedApp','0&'+bCode)> 
35    <#if (offerData[0]?has_content) && (offerData[0].sourceCode?has_content) && (offerData[0].offerId?has_content)> 
36        <#list offerData as d> 
37            <#assign projectId = d.projectId > 
38        </#list> 
39    <#else>     
40        <script> 
41        console.log("MainProduct offerId missing"); 
42        //location.href = '${url404}'; 
43        </script> 
44    </#if> 
45    <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
46    <#assign clientProfileList = clientProfileService.findByLocationCode(rLC)> 
47    <#if clientProfileList?first?has_content> 
48        <#assign clientProfile = clientProfileList?first> 
49        <#assign partnerName = clientProfile.getMarketingNameLong()> 
50        <#assign pbu = clientProfile.getPbu()> 
51        <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
52        <#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&'+projectId)> 
53        <#if (clientdata?size > 0)> 
54            <#list clientdata as data> 
55                <#assign backgroundColor=data.backgroundHexColor> 
56                <#assign buttonColor=data.buttonHexColor> 
57                <#assign aprMin=data.AprMin> 
58                <#assign aprMax=data.AprMax> 
59                <#assign cashAdvance=data.cashAdvanceRate> 
60                <#assign billingCycle=data.BillingCycles> 
61                <#assign textColor=data.textHexColor> 
62                <#assign hoverColor=data.hoverColor> 
63                <#assign backgroundImage="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.backgroundImage> 
64                <#assign secondaryImage="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.secondaryBackgroundImage> 
65                <#assign transparency=data.transparency> 
66            </#list> 
67        </#if> 
68        <#else> 
69        <script> 
70            location.href='/error/404.html'; 
71        </script> 
72    </#if> 
73</#if> 
74<style> 
75    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   
76       .disclaimer { 
77           width: 100vw; 
78
79       .hero-container{ 
80           width: 100vw !important; 
81
82       .standard-content-container{ 
83           width: 100vw !important; 
84
85       .banner-wrapper { 
86           width: 100vw; 
87
88
89    *, html, :root { 
90        box-sizing: border-box; 
91        padding: 0; 
92        margin: 0; 
93        font-size: 100%; 
94        font-family: Arial, Helvetica, sans-serif; 
95
96    p, ul, h2 { 
97        margin: 0; 
98
99    body { 
100        line-height: normal; 
101        color: black; 
102
103    img { 
104        width: auto; 
105        height: auto; 
106        max-width: 100%; 
107        max-height: 100%; 
108
109    svg polyline { 
110        stroke: ${textColor!'#19398A'}; 
111
112    .jn-button { 
113        cursor: pointer; 
114        border: none; 
115
116    .jn-button:hover { 
117        text-decoration: none; 
118        background-color: ${hoverColor!'#333333'}; 
119        color: white; 
120
121    /* overrides for berkshire*/ 
122    .banner.berkshire .jn-button { 
123        background-color: ${buttonColor!'#19398A'}; 
124        color: white; 
125        border: 1px solid white; 
126
127    .banner.berkshire .jn-button:hover { 
128        text-decoration: none; 
129        background-color: ${hoverColor!'#333333'}; 
130        color: white; 
131
132    .hero-main-logo a:hover, .footer a:hover { 
133        text-decoration: none; 
134        background-color: transparent; 
135
136    .hero-main-logo a { 
137        text-align: center; 
138
139    .text-color-default { 
140        color: #19398A; 
141
142    .text-bold { 
143        font-weight: bold; 
144
145    .learnmore { 
146        font-size: 1.2rem; 
147        cursor: pointer; 
148
149    .bg-color-white{ 
150        background-color: white; 
151
152    .bg-color-black { 
153        background-color: black; 
154
155    .bg-color-custom { 
156        background-color: ${backgroundColor!'#19398A'}; 
157
158    .bg-color-black-half-transparent { 
159        background-color: rgba(0, 0, 0, 0.5) 
160
161    .text-color-white { 
162        color: #ffffff; 
163
164    .text-color-black { 
165        color: #000000; 
166
167    .text-color-custom { 
168        color: ${textColor!'#19398A'}; 
169
170    .button-text-color-custom { 
171        color: ${buttonColor!'black'}; 
172
173    .button-bg-color-custom { 
174        background-color: ${buttonColor!'#19398A'}; 
175
176    .button-bg-color-white { 
177        background-color: #ffffff; 
178
179    .hero-container { 
180        width: 100%; 
181        background-repeat: no-repeat; 
182        background-position: left top; 
183        background-size: cover; 
184        background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${backgroundImage!''}'); 
185
186    .standard-content-container { 
187        width: 100%; 
188        text-align: center; 
189
190    .hero-primary-benefits { 
191        display: -ms-flexbox; 
192        display: -webkit-flex; 
193        display: -moz-flex; 
194        display: flex; 
195        -webkit-flex-wrap: nowrap; 
196        -ms-flex-wrap: nowrap; 
197        flex-wrap: nowrap; 
198        width: 100%; 
199        text-align: center; 
200
201    .hero-main-container { 
202        text-align: center; 
203
204    .primary-benefit-wrapper { 
205        height: 100%; 
206        width: 100%; 
207
208 
209    .primary-benefit-wrapper p:first-child { 
210        font-size: 1.8rem; 
211        margin-bottom: 0.5rem; 
212
213     
214    .offer-header { 
215        height: 62px; 
216        padding-top: 15px; 
217        font-size: 2rem; 
218
219    .offer-detail-cardArt { 
220        min-height: 150px; 
221
222    .hero-main-offer { 
223        height: 100%; 
224        width: 100%; 
225        overflow:hidden; 
226
227    .offer-detail { 
228        width: 100%; 
229        height: calc(100% - 62px); 
230
231    .footer { 
232        height: 161px; 
233
234    .secondary-benefits { 
235        width: 100%; 
236        display: -ms-flexbox; 
237        display: -webkit-flex; 
238        display: -moz-flex; 
239        display: flex; 
240
241    #more { 
242        font-size: 1.8rem; 
243
244    h2 { 
245        margin-bottom: 1.5rem; 
246
247    .option { 
248        text-align: left; 
249
250    .option p { 
251        margin: 10px 0 15px 0; 
252
253    .hero-main::before, .hero-main::after, .banner::before, .banner::after { 
254        display: table; 
255        content: " "; 
256
257    .hero-main::after, .banner::after { 
258        clear: both; 
259
260    .banner { 
261        display: -ms-flexbox; 
262        display: -webkit-flex; 
263        display: -moz-flex; 
264        display: flex; 
265
266    .banner-cta-text p{ 
267        margin: 5px 0; 
268
269    .disclaimer{ 
270        padding: 1% 8%; 
271        margin: auto; 
272        max-width: 1800px; 
273
274    .disclaimer ul { 
275        padding: 0 2%; 
276        text-align: left; 
277        list-style: none; 
278
279    .disclaimer ul li { 
280        margin-bottom: 10px 
281
282    sup { 
283        font-size: 0.8rem; 
284
285    .primary-benefit sup { 
286        font-size: 1rem; 
287
288    .footer { 
289        padding: 0 3%; 
290        width: 100%; 
291        text-align: right; 
292
293    .footer article { 
294        padding: 2%; 
295        margin-right: 0; 
296
297     
298    /* use this code when necessary */ 
299    @media screen and (max-width: 1300px) { 
300      .hero-container { 
301        background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${secondaryImage!''}'); 
302
303
304     
305    /* computer */ 
306    @media screen and (min-width: 993px) { 
307        .hero-container { 
308            padding: 3% 8% 0 8%; 
309
310 
311        .standard-content-container { 
312            padding: 1% 5%; 
313            max-width: 1600px; 
314            margin: auto; 
315
316        .hero-main { 
317            /* -webkit-flex-direction: row; 
318            -ms-flex-direction: row; 
319            flex-direction: row; 
320            -webkit-justify-content: space-around; 
321            justify-content: space-around; 
322            -ms-flex-line-pack: distribute; */ 
323            max-width: 1450px; 
324            margin-left: auto; 
325            margin-right: auto; 
326
327         
328        .hero-main-logo { 
329            max-width: 200px; 
330            min-width: 140px; 
331            width: 16%; 
332            float: left; 
333
334        .hero-main-container { 
335            float: right; 
336            width: 680px; 
337            /* max-width: 730px; */ 
338            height: 600px; 
339            padding: 0 60px 60px 0px; 
340            /* min-width: 600px; */ 
341
342        .hero-main-offer { 
343            border: 1px solid black; 
344            border-radius: 15px; 
345
346        .hero-primary-benefits { 
347            -webkit-flex-direction: row; 
348            -ms-flex-direction: row; 
349            flex-direction: row; 
350            max-width: 1450px; 
351            margin-left: auto; 
352            margin-right: auto; 
353
354        .primary-benefit { 
355            padding: 20px 5px; 
356            width: 33%; 
357            min-height: 161px; 
358
359        .primary-benefit .primary-benefit-wrapper { 
360            border-right: 1px solid gray; 
361            padding-right: 5px; 
362
363        .primary-benefit:last-child .primary-benefit-wrapper{ 
364            border: none; 
365            padding-right: 0px; 
366
367        .secondary-benefits { 
368 
369            -webkit-justify-content: space-around; 
370            justify-content: space-around; 
371            -ms-flex-line-pack: distribute; 
372
373        .option { 
374            width: 40%; 
375
376        .offer-detail-head { 
377            font-size: 3.8rem; 
378            line-height: 3.8rem; 
379            margin: 15px 0; 
380
381        .offer-detail-text { 
382            float: right; 
383            width: 40%; 
384            margin-right: 30px; 
385            text-align: left; 
386
387        .offer-detail-text p { 
388            font-weight: bold; 
389            margin: 10px 0; 
390            font-size: 1.2rem; 
391
392        .offer-detail-cardArt { 
393            width: 46.5%; 
394            margin-left: 30px; 
395            filter: drop-shadow(0px 0px 10px black); 
396            -webkit-filter: drop-shadow(0px 0px 10px black); 
397
398        .apply-button { 
399            display: block; 
400            margin: 2rem auto; 
401            font-size: 2rem; 
402            text-decoration: none; 
403            width: 55%; 
404            text-transform: uppercase; 
405            padding: 0.8rem; 
406
407        .banner-wrapper { 
408            margin: auto; 
409            max-width: 1800px; 
410            padding: 1% 8%; 
411
412        .banner { 
413            padding: 25px; 
414            height: 225px; 
415            -webkit-flex-direction: row; 
416            -ms-flex-direction: row; 
417            flex-direction: row; 
418
419        .banner-cardArt { 
420            width: 280px; 
421
422        .banner-cta { 
423            width: calc(100% - 280px); 
424            position: relative; 
425
426        .banner-cta-text { 
427            padding: 10px 0 10px 20px; 
428
429        .banner-cta-text p:first-child { 
430            font-size: 3rem; 
431
432        .banner-cta-text p:last-child { 
433            font-size: 1.5rem; 
434
435        .banner-cta-apply-button { 
436            display: inline-block; 
437            font-size: 1rem; 
438            text-decoration: none; 
439            text-transform: uppercase; 
440            padding: 0.5rem 2.5rem; 
441            width: auto; 
442            margin-top: 10px; 
443            position: absolute; 
444            right: 0; 
445            bottom: 0; 
446
447
448    /* tablet */ 
449     
450    @media screen and (max-width: 992px) { 
451        .hero-container { 
452            padding: 1.8% 3.6% 0 3.6%; 
453            background-size: cover; 
454            background-position: left top; 
455            background-image: linear-gradient(${transparency!'90deg,rgba(0,0,0,0.65),rgba(0,0,0,0.65)'}),url('${secondaryImage!''}'); 
456
457        .standard-content-container { 
458            padding: 1% 3.6%; 
459
460        .hero-main { 
461            /* -webkit-flex-direction: row; 
462            -ms-flex-direction: row; 
463            flex-direction: row; */ 
464            position: relative; 
465
466        .hero-main-logo { 
467            position: absolute; 
468            top: 0; 
469            left: 0; 
470            z-index: 1; 
471            width: 200px; 
472
473        .hero-main-container { 
474            /* max-width: 70%; */ 
475            width: 523px; 
476            height: 630px; 
477            padding: 80px 0 40px 55px; 
478            float: right; 
479            /* min-width: 500px; */ 
480
481        .hero-main-offer { 
482            border: 1px solid black; 
483            border-radius: 15px; 
484
485        .hero-primary-benefits { 
486            -webkit-flex-direction: column; 
487            -ms-flex-direction: column; 
488            flex-direction: column; 
489
490        .primary-benefit { 
491            padding: 10px 5px; 
492            width: 100%; 
493            min-height: 80px; 
494
495        .secondary-benefits { 
496             
497            -webkit-justify-content: space-around; 
498            justify-content: space-around; 
499            -ms-flex-line-pack: distribute; 
500
501        .option { 
502            width: 40%; 
503
504        .offer-detail-head { 
505            font-size: 2.8rem; 
506            line-height: 2.8rem; 
507            margin: 15px 0; 
508
509        .offer-detail-text { 
510            width: 96%; 
511            margin: auto; 
512            text-align: center; 
513            float: none; 
514
515        .offer-detail-text p { 
516            font-weight: bold; 
517            margin: 10px 0; 
518            font-size: 0.8rem; 
519
520        .offer-detail-cardArt { 
521            width: 56%; 
522            margin: 5px auto; 
523            filter: drop-shadow(0px 0px 10px black); 
524            -webkit-filter: drop-shadow(0px 0px 10px black); 
525
526        .apply-button { 
527            display: block; 
528            margin: 1rem auto; 
529            font-size: 1.5rem; 
530            text-decoration: none; 
531            width: 60%; 
532            text-transform: uppercase; 
533            padding: 0.8rem; 
534
535        .banner-wrapper { 
536            margin: auto; 
537            padding: 1%; 
538
539        .disclaimer{ 
540            padding: 3%; 
541            margin: auto; 
542
543        .banner { 
544            padding: 25px; 
545            height: 225px; 
546            -webkit-flex-direction: row; 
547            -ms-flex-direction: row; 
548            flex-direction: row; 
549
550        .banner-cardArt { 
551            width: 260px; 
552
553        .banner-cta { 
554            width: calc(100% - 260px); 
555            position: relative; 
556
557        .banner-cta-text { 
558            padding: 10px 0 10px 20px; 
559
560        .banner-cta-text p:first-child { 
561            font-size: 2.5rem; 
562            line-height: 2.5rem; 
563
564        .banner-cta-text p:last-child { 
565            font-size: 1.5rem; 
566            line-height: 2rem; 
567
568        .banner-cta-apply-button { 
569            display: inline-block; 
570            font-size: 1rem; 
571            text-decoration: none; 
572            text-transform: uppercase; 
573            padding: 0.5rem 2.5rem; 
574            width: auto; 
575            margin-top: 10px; 
576            position: absolute; 
577            right: 0; 
578            bottom: 0; 
579
580
581    @media screen and (max-width: 700px) { 
582        /* .banner-cardArt { 
583            width: 160px; 
584
585        .banner-cta{ 
586            width: calc(100% - 160px); 
587        } */ 
588        .banner-cta-text p:first-child { 
589            font-size: 2rem; 
590            line-height: 2rem; 
591
592        .banner-cta-text p:last-child { 
593            font-size: 1rem; 
594            line-height: 1.5rem; 
595
596
597    /* handset */ 
598    @media screen and (max-width: 560px) { 
599        .hero-container { 
600            padding: 0px; 
601            background-position: right; 
602
603        .hero-main { 
604            display: -ms-flexbox; 
605            display: -webkit-flex; 
606            display: -moz-flex; 
607            display: flex; 
608            -webkit-flex-wrap: nowrap; 
609            -ms-flex-wrap: nowrap; 
610            flex-wrap: nowrap; 
611            -webkit-flex-direction: column; 
612            -ms-flex-direction: column; 
613            flex-direction: column; 
614
615        .hero-main-logo { 
616            position: static; 
617            width: 100%; 
618            height: 125px; 
619            display: -ms-flexbox; 
620            display: -webkit-flex; 
621            display: -moz-flex; 
622            display: flex; 
623            -webkit-justify-content: center; 
624            -ms-flex-pack: center; 
625            justify-content: center; 
626            -webkit-flex-direction: column; 
627            -ms-flex-direction: column; 
628            flex-direction: column; 
629
630        .hero-main-logo a{ 
631            margin-left: auto; 
632            margin-right: auto; 
633            height: 50%; 
634            width: 50%; 
635            line-height: 62.5px; 
636
637        .hero-main-container { 
638            width: 100%; 
639            min-height: 488px; 
640            padding: 0px; 
641            float: none; 
642            height: auto; 
643
644        .hero-primary-benefits { 
645            -webkit-flex-direction: column; 
646            -ms-flex-direction: column; 
647            flex-direction: column; 
648
649        .primary-benefit { 
650            padding: 10px 5px; 
651            width: 100%; 
652            min-height: 90px; 
653
654        .learnmore { 
655            display: none; 
656
657        .secondary-benefits { 
658            padding: 1.5%; 
659            flex-direction: column; 
660            -ms-flex-direction: column; 
661            -webkit-flex-direction: column; 
662            text-align: center; 
663
664        .option { 
665            width: 100%; 
666
667        .hero-main-offer { 
668            border-radius: 0; 
669            border: none; 
670            min-height: inherit; 
671
672        .offer-header.bg-color-black { 
673            background-color: rgba(0, 0, 0, 0.8); 
674            font-size: 1.2rem; 
675            height: 48px; 
676            padding-top: 10px; 
677
678        .offer-detail { 
679            width: 100%; 
680            height: auto; 
681
682        .offer-detail-head { 
683            font-size: 2.3rem; 
684            line-height: 2.3rem; 
685            margin: 15px 0; 
686            min-height: 4.6rem; 
687
688        .offer-detail-text { 
689            width: 96%; 
690            margin: auto; 
691            text-align: center; 
692            float: none; 
693
694        .offer-detail-text p { 
695            font-weight: bold; 
696            margin: 10px 0; 
697            font-size: 0.8rem; 
698
699        .offer-detail-cardArt { 
700            width: 75%; 
701            margin: 5px auto; 
702            filter: drop-shadow(0px 0px 10px black); 
703            -webkit-filter: drop-shadow(0px 0px 10px black); 
704            -ms-filter: drop-shadow(0px 0px 10px black); 
705            max-width: 261px; 
706
707        .apply-button { 
708            display: block; 
709            margin: 0.8rem auto; 
710            font-size: 1.5rem; 
711            text-decoration: none; 
712            width: 80%; 
713            text-transform: uppercase; 
714            padding: 0.7rem; 
715
716        .banner-wrapper { 
717            margin: 0; 
718            padding: 0; 
719
720        .banner { 
721            padding: 25px; 
722            height: auto; 
723            flex-direction: column; 
724            -ms-flex-direction: column; 
725            -webkit-flex-direction: column; 
726            text-align: center; 
727            margin: 0; 
728
729        .banner-cardArt { 
730            padding: 0 25px; 
731            width: 80%; 
732            margin: auto; 
733
734        .banner-cardArt img{ 
735            max-width: 200px; 
736
737        .banner-cta { 
738            width: 100%; 
739            position: relative; 
740
741        .banner-cta-text { 
742            padding: 5px; 
743
744        .banner-cta-text p:first-child { 
745            font-size: 2rem; 
746            line-height: 2rem; 
747
748        .banner-cta-text p:last-child { 
749            font-size: 1rem; 
750            line-height: 1.5rem; 
751
752        .banner-cta-apply-button { 
753            display: block; 
754            text-decoration: none; 
755            text-transform: uppercase; 
756            margin: 0.8rem auto; 
757            position: static; 
758            right: 0; 
759            bottom: 0; 
760            display: block; 
761            font-size: 1.5rem; 
762            width: 80%; 
763            padding: 0.7rem; 
764
765
766    @media screen and (max-width: 360px) { 
767        .hero-main-logo { 
768            width: 100%; 
769            height: 150px; 
770            display: -ms-flexbox; 
771            display: -webkit-flex; 
772            display: -moz-flex; 
773            display: flex; 
774            -webkit-justify-content: center; 
775            -ms-flex-pack: center; 
776            justify-content: center; 
777            -webkit-flex-direction: column; 
778            -ms-flex-direction: column; 
779            flex-direction: column; 
780
781        .hero-main-logo a{ 
782            margin-left: auto; 
783            margin-right: auto; 
784            height: 50%; 
785            width: 80%; 
786            line-height: 75px; 
787
788        .hero-main-offer { 
789            border-radius: 0; 
790
791        .banner-cardArt { 
792            padding: 0px; 
793
794        .banner-cardArt img{ 
795            max-width: 100%; 
796
797
798</style> 

Artikkel

En feil oppsto under behandling av visningsmalen.
Expression url404 is undefined on line 25, column 30 in 10153#10191#5434382.
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 
6<#--  check bankercode validity  --> 
7 
8<#if  qstringmap["bankercode"]?has_content> 
9    <#assign bCode= qstringmap["bankercode"]?first> 
10    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetail','0&'+bCode)> 
11    <#list bData as b> 
12       
13      <#assign lc = b.locationcode > 
14      <#assign bName = b.branch > 
15      <#assign bPhone = b.businessphone > 
16      <#assign boeid = b.oeid > 
17      <#assign bFName = b.firstname > 
18      <#assign bLName = b.lastname > 
19      <#assign rLC = b.reallocationcode > 
20    </#list> 
21     
22<#else> 
23    <script> 
24        console.log("MainProductBcode missing"); 
25        //location.href = '${url404}'; 
26    </script> 
27</#if> 
28 
29<#if (rLC)??> 
30    <#assign prefix = "00000" > 
31    <#assign lcWithPrefix = prefix + rLC > 
32    <#assign withPrefixLength = lcWithPrefix?length > 
33    <#assign startHere = withPrefixLength - 5> 
34    <#assign rLC = lcWithPrefix?substring(startHere)> 
35     
36    <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
37    <#assign clientProfileList = clientProfileService.findByLocationCode(rLC)> 
38     
39    <#if clientProfileList?first?has_content> 
40        <#assign clientProfile = clientProfileList?first> 
41        <#assign partnerName = clientProfile.getMarketingNameLong()> 
42        <#assign pbu = clientProfile.getPbu()> 
43        <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
44        <#assign logoFileName = clientProfile.getLogoBFormat1()> 
45        <#assign cdnLogoUrl = propsUtil.get('rackspace.cdn.web.url')> 
46        <#--  this one should be delete for prod  --> 
47             
48                <#assign cdnLogoUrl = "https://4f61efb10f32ceb57895-3733e103896f37259213d6ad72acbe68.ssl.cf2.rackcdn.com">   
49                <#assign logoFileName = pbu + "-" + subbu + ".png"> 
50             
51        <#assign cdnCardArtUrl = propsUtil.get('rackspace.cdn.cardart.url')> 
52        <#assign cardArtImage = cdnCardArtUrl + "/" + pbu + "-" + subbu + "-" + productContent.getData() + ".png"> 
53         
54        <#assign offerData = utilServ.makeCall('crcDDCBankerAssistedApp','0&'+bCode)> 
55        <#if (offerData[0]?has_content) && (offerData[0].sourceCode?has_content) && (offerData[0].offerId?has_content)> 
56            <#list offerData as d> 
57                <#assign sourceCode = d.sourceCode> 
58                <#assign cardType = d.cardType> 
59                <#assign FI = d.FI> 
60                <#assign projectId = d.projectId > 
61            </#list> 
62        <#else>     
63            <script> 
64            console.log("MainProduct offerId missing"); 
65            //location.href = '${url404}'; 
66            </script> 
67        </#if> 
68         
69        <#assign bData = utilServ.makeCall('crcDDCAdGeneratorDetail','0&'+pbu+'&'+subbu+'&'+projectId)> 
70        <#if (bData?size > 0) > 
71            <#list bData as b> 
72              <#assign filename = b.filename> 
73              <#assign offerId = b.offerid> 
74              <#assign productType = b.product> 
75            </#list> 
76        <#else> 
77            <script> 
78                console.log("cardart missing") 
79            </script> 
80        </#if> 
81        <#if (url?index_of("saa3t1ct") > -1)> 
82                <#assign offerId="4V9XGRGD74"> 
83                <#assign cardArtImage=cdnCardArtUrl+"/0505084-0890206-5.png"> 
84                <#assign lc="25753"> 
85            <#elseif (url?index_of("saa3t1ab") > -1)> 
86                <#assign offerId="Q1BQ9GMX15"> 
87                <#assign cardArtImage=cdnCardArtUrl+"/0863930-0888694-5.png"> 
88                <#assign lc="15333"> 
89            <#elseif (url?index_of("saa3t1aw") > -1)> 
90                <#assign offerId="Q1BQ9GMX15"> 
91                <#assign cardArtImage=cdnCardArtUrl+"/0863930-0890314-5.png"> 
92                <#assign lc="15343"> 
93            <#else> 
94            <script> 
95            console.log('wrong url should not routing to sports page'); 
96            </script> 
97        </#if> 
98        <#assign clientdata = utilServ.makeCall('crcDDCTier1Customizations','0&'+pbu+'&'+subbu+'&'+projectId)> 
99         
100 
101        <#if (clientdata?size > 0)> 
102            <#list clientdata as data> 
103                <#assign backgroundColor=data.backgroundHexColor> 
104                <#assign buttonColor=data.buttonHexColor> 
105                <#assign aprMin=data.AprMin> 
106                <#assign aprMax=data.AprMax> 
107                <#assign cashAdvance=data.cashAdvanceRate> 
108                <#assign billingCycle=data.BillingCycles> 
109                <#assign textColor=data.textHexColor> 
110                <#assign linkColor=data.linkHexColor> 
111                <#assign backgroundImage="https://3df661a16d2c341b9543-3cd0ed75ae749634a170a7cc519670ec.ssl.cf2.rackcdn.com/"+data.backgroundImage> 
112            </#list> 
113            <script> 
114                (function(){ 
115                    var partnerName = "${partnerName!0}"; 
116                    var tag = document.createElement('meta'); 
117                    tag.name = 'description'; 
118                    tag.content = "Apply Today for a " + partnerName + " Credit Card. Limited Time Offer. 0% Intro APR on Purchases and Balance Transfers for " + "${billingCycle}"+" Billing Cycles Consolidate your Balances with the "+ partnerName +" Intro APR Card." 
119                    document.head.appendChild(tag); 
120                })() 
121            </script> 
122        </#if> 
123        <#assign clientDataService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcPbuLocalService") > 
124        <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 
125        <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 
126        <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*")> 
127             
128            <#assign partnerUrl = 'https://' + partnerUrl> 
129 
130        </#if> 
131        <script defer> 
132            (function(){ 
133                var partnerName = "${partnerName!0}"; 
134                document.title = "Low Interest Credit Card | " + partnerName + " Platinum Card"; 
135                var ecdma_data = {}; 
136                var pbu = '${pbu!''}'; 
137                var subbu = '${subbu!''}'; 
138                var lc = '${lc!0}'; 
139                 
140                AUI().ready(function() { 
141                    $('.jn-button').removeAttr('disabled'); 
142                    $('.jn-button').removeClass('jn-disabled'); 
143                    var regex = /\d+/g; 
144                    var bdNumber = "${bPhone!''}"; 
145                    var phoneNum = bdNumber.match(regex); 
146                    var areaCode = ""; 
147                    var exchangeCode = ""; 
148                    var num = ""; 
149                    if(phoneNum != null) { 
150                        phoneNum = phoneNum.join(""); 
151                        areaCode = phoneNum.substring(0,3); 
152                        exchangeCode = phoneNum.substring(3,6); 
153                        num = phoneNum.substring(6,10); 
154
155 
156                    jQuery('#bottomButton').on('click', function(e) { 
157                        jQuery('#BAAForm').submit(); 
158                    }); 
159                   
160                    jQuery('#BAAForm').on('submit', function(e){ 
161                        e.preventDefault(); 
162                        jQuery('#appDataBAA').val('<?xml version="1.0"?>'+ 
163                            '<prefillData>'+  
164                            '<versionNumber>1.0</versionNumber>'+  
165                            '<applicationData>'+  
166                            '<bankerInformation>'+  
167                            '<locationCode>${rLC!0}</locationCode>'+ 
168                            '<originatingBranchNumber>${bName!0}</originatingBranchNumber>'+ 
169                            '<employeeID>${boeid!0}</employeeID>'+ 
170                            '<name>' + 
171                            '<first>${bFName!0}</first>' + 
172                            '<last>${bLName!0}</last>' + 
173                            '</name>'+ 
174                            '<phone>' + 
175                            '<areaCode>'+areaCode+'</areaCode>'+  
176                            '<exchange>'+exchangeCode+'</exchange>'+ 
177                            '<number>'+num+'</number>'+  
178                            '</phone>'+  
179                            '</bankerInformation>'+  
180                            '</applicationData>'+  
181                            '</prefillData>' 
182                        ); 
183                        var buttonName = jQuery('.jn-button').data('button-name'); 
184                        /* SiteCatalyst  onClick tracking */ 
185                        ecdma_data.applyButton = buttonName; 
186                        if (window.publisherFW) { 
187                            console.log('clicked', ecdma_data); 
188                            window.publisherFW.publishEvent("onClick", ecdma_data); 
189
190                        /* GA onClick tracking 
191                        ga("send", { 
192                                hitType: "event", 
193                                eventAction: jQuery('textarea').val(), 
194                                eventCategory: "applyNow", 
195                                eventLabel: "BAAApplyNow" 
196                            });*/ 
197                        this.submit(); 
198                    }); 
199                }); 
200            })() 
201        </script> 
202         
203    </#if> 
204</#if> 
205 
206<div class="hero-container"> 
207    <div class="hero-main"> 
208        <div class="hero-main-logo"> 
209            <#if partnerUrl?has_content> 
210                <a href="${partnerUrl!''}" title="${partnerName!''}"><img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}"></a> 
211                <#else> 
212                <a title="${partnerName!''}"><img src="${cdnLogoUrl!''}/${logoFileName!''}" alt="${partnerName!''}"></a> 
213            </#if> 
214        </div> 
215        <div class="hero-main-container"> 
216            <div class="hero-main-offer bg-color-white"> 
217                <div class="offer-header bg-color-black text-color-white text-bold">${primaryHeadlineText.getData()}</div> 
218                <div class="offer-detail"> 
219                    <div class="offer-detail-head">${primaryHeadlineFeature.getData()}</div> 
220                    <div class="offer-detail-text text-color-default"> 
221                        ${primaryHeadlineFeatureTop.getData()} 
222                        ${primaryHeadlineFeatureBottom.getData()} 
223                    </div> 
224                    <div class="offer-detail-cardArt"> 
225                        <img src="${cardArtImage!''}" alt="${partnerName!''}" title="${partnerName!''}"> 
226                    </div> 
227                    <form action='${oadURL}?locationCode=${lc}&offerId=${offerId}&preparerType=customer&sourceCode=${sourceCode}' method="post" id="BAAForm"> 
228                        <textarea rows="20" cols="100" name="applicationData" id="appDataBAA" style="display:none;"></textarea> 
229                        <input type="submit" data-button-name="cta-button-top" title="Apply Now for ${partnerName!''} Credit Card" class="jn-button apply-button text-bold button-bg-color-custom text-color-white" value="${ctaText.getData()}" disabled /> 
230                    </form> 
231                </div> 
232            </div> 
233        </div> 
234    </div> 
235    <div class="hero-primary-benefits bg-color-black-half-transparent text-color-white"> 
236        <#if secondaryFeatureText.getData() != ""> 
237            <#foreach item in secondaryFeatureText.getSiblings()> 
238                <div class="primary-benefit"> 
239                    <div class="primary-benefit-wrapper text-color-white"> 
240                        ${item.getData()} 
241                    </div> 
242                </div> 
243            </#foreach> 
244        </#if> 
245    </div> 
246</div> 
247<div class="standard-content-container"> 
248    <h2 class="learnmore text-color-custom text-bold" onclick="learnmore(event)"> 
249        LEARN MORE 
250        <svg viewBox="0 0 150 100" width="45" height="30"> 
251            <polyline points="40 40 80 80 120 38" stroke-width="20" 
252                stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> 
253        </svg> 
254    </h2> 
255    <h2 class="text-bold" id="more">${secondaryHeadlineText.getData()}</h2> 
256    <div class="secondary-benefits"> 
257        <div class="option"> 
258            ${additionalInfoGroupA.getData()}     
259        </div> 
260        <div class="option"> 
261            ${additionalInfoGroupB.getData()}     
262        </div> 
263    </div> 
264</div> 
265<div class="banner-wrapper"> 
266    <div class="banner bg-color-custom"> 
267        <div class="banner-cardArt"> 
268            <img src="${cardArtImage!''}" alt="${partnerName!''}" srcset=""> 
269        </div> 
270        <div class="banner-cta"> 
271            <div class="banner-cta-text text-color-white text-bold"> 
272                ${optionalCtaFeatureText.getData()} 
273            </div> 
274            <a id="bottomButton" data-button-name="cta-button-bottom" title="Apply Now for ${partnerName!''} Credit Card" class="jn-button banner-cta-apply-button text-bold button-bg-color-white text-color-custom">${optionalCtaText.getData()}</a> 
275        </div> 
276    </div> 
277</div> 
278<script async> 
279    console.log('here'); 
280    function learnmore(e) { 
281        e.preventDefault(); 
282        var element = document.getElementById("more"); 
283        element.scrollIntoView({behavior: 'smooth'}); 
284
285</script> 

Artikkel

We may change APRs, fees and other Account terms in the future based on your experience with Elan Financial Services and its affiliates as provided under the Cardmember Agreement and applicable law.

 

*The 0% introductory APR applies to purchases and is valid for the first 20 billing cycles. The 0% introductory APR applies to balance transfers made within 620 days from account opening and is valid for the first 20 billing cycles. The introductory rate does not apply to cash advances. Thereafter, the APR may vary and as of 3/17/20 the undiscounted variable APR for Purchases and Balance Transfers is 11.99%-20.99% based on your creditworthiness. The variable APR for Cash Advances is 23.99%. Cash Advance fee: 4% of each advance amount, $10 minimum. Convenience Check fee: 3% of each check amount, $5 minimum. Cash Equivalent fee: 4% of each cash amount, $20 minimum. Balance Transfer fee: 3% of each transfer amount, $5 minimum. There is a $2 minimum interest charge where interest is due. Annual fee: $0. Foreign Transaction fee: 2% of each foreign purchase transaction or foreign ATM advance transaction in U.S. Dollars. 3% of each foreign purchase transaction or foreign ATM advance transaction in a Foreign Currency. We apply your minimum payment to balances with lower APRs first, including promotional APRs. Amounts paid over the minimum payment will be applied in the order of highest to lowest APR balances.

 

  • 1Elan Financial Services provides zero fraud liability for unauthorized transactions. Cardholder must notify Elan Financial Services promptly of any unauthorized use. Certain conditions and limitations may apply.
  • 2The free VantageScore® Credit Score is for educational purposes only and is not used by Elan Financial Services to make credit decisions.

 

The creditor and issuer of these Cards is Elan Financial Services, pursuant to separate licenses from Visa U.S.A. Inc., Mastercard International Incorporated, and American Express. Mastercard is a registered trademark, and the circles design is a trademark of Mastercard International Incorporated. American Express is a federally registered service mark of American Express. 

 

Artikkel

En feil oppsto under behandling av visningsmalen.
Expression url404 is undefined on line 16, column 30 in 10153#10191#5433717.
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 
6<#if  qstringmap["bankercode"]?has_content> 
7    <#assign bCode= qstringmap["bankercode"]?first> 
8    <#assign bData = utilServ.makeCall('crcDDCBankerAssistedAppDetailSql','0&'+bCode)> 
9    <#list bData as b> 
10      <#assign lc = b.reallocationcode > 
11    </#list> 
12     
13<#else> 
14    <script> 
15        console.log("MainProductBcode missing"); 
16        //location.href = '${url404}'; 
17    </script> 
18</#if> 
19 
20<#assign prefix = "00000" > 
21<#assign lcWithPrefix = prefix + lc > 
22<#assign withPrefixLength = lcWithPrefix?length > 
23<#assign startHere = withPrefixLength - 5> 
24<#assign lc = lcWithPrefix?substring(startHere)> 
25<#if lc?has_content> 
26   <#assign clientProfileService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcClientProfileLocalService") > 
27   <#assign clientProfileList = clientProfileService.findByLocationCode(lc)> 
28   <#assign clientProfile = clientProfileList?first> 
29   <#assign pbu = clientProfile.getPbu()> 
30   <#assign subbu = clientProfile.getSUBBRANDBUNBR()> 
31   <#assign partnerName=clientProfile.getMarketingNameLong()> 
32   <#assign clientDataService = serviceLocator.findService("crc-clientprofile-portlet", "com.elan.crc.servicebuilder.crcclientprofile.service.CrcPbuLocalService") > 
33   <#assign clientProfileDataList = clientDataService.getByPbuAndSubBu(pbu,subbu)> 
34   <#assign partnerUrl = clientProfileDataList.getPartnerMainUrl()> 
35   <script>console.log('partnerUrl: ${partnerUrl}')</script> 
36   <#if partnerUrl?has_content && !partnerUrl?matches(r"(?i)^https?\:\/\/.*")> 
37        <#assign partnerUrl = 'https://' + partnerUrl> 
38        <script>console.log('Come to here by accident')</script> 
39    </#if> 
40</#if> 
41<footer class="footer bg-color-black text-color-white"> 
42    ${footerContent.getData()} 
43</footer> 
44 
45<script> 
46     
47    document.querySelector('.footer .copyright').classList.add('ecdma-footer-client-name-copyright'); 
48    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>'; 
49    document.querySelector('.footer .member-agreement').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>'; 
50</script> 
51<#if partnerUrl?has_content> 
52    <script> 
53        document.querySelector('.copyright .homelink').href="${partnerUrl!''}"; 
54        document.querySelector('.copyright .homelink').title="${partnerName!''}"; 
55        document.querySelector('.copyright .homelink').innerText="Home"; 
56    </script> 
57</#if>