Stripe 결제 적용(모바일)

src/main/webapp/WEB-INF/views/sopmal_m/ordr/MbrPurchsC.jsp

@@ -572,6 +572,9 @@
 
                 $(form).find('.pgContent').hide();
                 $(form).find('#' + id + 'Content').show();
+                $('.setleAmtDivde').show();
+                $('.setleAmtKrSapn').show();
+                $('.priceUnitKr').show();
 
                 //$(form).find('#setleSetupTyCd').val() === '01' ? $(form).find('#pg04Content').show() : $(form).find('#pg03Content').show();
                 if($(form).find('#setleSetupTyCd').val() === '01'){$(form).find('#pg04Content').show();}
@@ -619,6 +622,10 @@
                     });
 
                     $(form).find('#setleTyCd').val('03');
+                } else if('st01' === id){  //Stripe
+                    $('.setleAmtDivde').hide();
+                    $('.setleAmtKrSapn').hide();
+                    $('.priceUnitKr').hide();
                 } else {
                     $(form).find('#setleTyCd').val('');
 
@@ -634,7 +641,8 @@
                 const useCashMlgAmt = $('#useCashMlgAmt').val();
 
                 //$('#setleSetupTyCd').val() === '01' ? $('#pg04').click() : $('#pg03').click();
-                if($('#setleSetupTyCd').val() === '01'){$('#pg04').click();}
+                if ($('#st01').is(':checked')){$('#st01').click();}
+                else if($('#setleSetupTyCd').val() === '01'){$('#pg04').click();}
                 else if($('#setleSetupTyCd').val() === '02'){$('#pg03').click();}
                 else if($('#setleSetupTyCd').val() === '03'){$('#pg06').click();}
 
@@ -3129,7 +3137,7 @@
                 return false;
             }
 
-            if ('kcp' === pgCmpnyNm || 'toss' === pgCmpnyNm || 'kiwoom' === pgCmpnyNm) {
+            if ('kcp' === pgCmpnyNm || 'toss' === pgCmpnyNm || 'kiwoom' === pgCmpnyNm || 'stripe' === pgCmpnyNm) {
                 const div = $('#setleForm').find('.order-method-normal');
 
                 if (!$(div).find('.order-method-normal__btn-container button').hasClass('active')) {
@@ -4318,6 +4326,22 @@
                                             </c:if>
                                             <%-- 퀵계좌이체 끝 --%>
 
+                                            <%-- Stripe 시작 --%>
+                                            <c:if test="${'Y' eq payInfo.stripeUseAt}">
+                                                <div class="custom-radio is-medium">
+                                                    <input type="radio" name="pg" id="st01" value="stripe">
+                                                    <label for="st01">엔화 결제</label>
+                                                </div>
+                                                <div id="st01Content" class="pgContent order-method-normal" <%-- style="display: none"--%>>
+                                                    <div class="order-method-normal__btn-container">
+                                                        <button type="button" name="01" id="stripe" class="order-method-normal__btn gift_pay">
+                                                            <div class="order-method-normal__icon order-method-normal__icon--card"></div>신용카드
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </c:if>
+                                            <%-- Stripe 끝 --%>
+
                                             <%-- toss 결제 시작 --%>
                                             <c:if test="${'02' eq payInfo.setleSetupTyCd}">
                                                 <div class="custom-radio is-medium">
@@ -4761,7 +4785,7 @@
                         <div class="bottomFixedControls__inner">
                             <dl class="bottomFixedControls__totalPrice">
                                 <dt>총 금액</dt>
-                                <dd><span class="setleAmtSapn comma"></span><span class="priceUnit">${curUnit}</span> / <span class="setleAmtKrSapn comma"></span><span class="priceUnit">${krUnit}</span></dd>
+                                <dd><span class="setleAmtSapn comma"></span><span class="priceUnit">${curUnit}</span><span class="setleAmtDivde"> / </span><span class="setleAmtKrSapn comma"></span><span class="priceUnit priceUnitKr">${krUnit}</span></dd>
                             </dl>
                         </div>
                         <div class="bottomFixedControls__inner">

src/main/webapp/WEB-INF/views/sopmal_m/ordr/SubsvcPurchsC.jsp

@@ -575,6 +575,9 @@
 
                 $(form).find('.pgContent').hide();
                 $(form).find('#' + id + 'Content').show();
+                $('.setleAmtDivde').show();
+                $('.setleAmtKrSapn').show();
+                $('.priceUnitKr').show();
 
                 //$(form).find('#setleSetupTyCd').val() === '01' ? $(form).find('#pg04Content').show() : $(form).find('#pg03Content').show();
                 if($(form).find('#setleSetupTyCd').val() === '01'){$(form).find('#pg04Content').show();}
@@ -622,6 +625,10 @@
                     });
 
                     $(form).find('#setleTyCd').val('03');
+                } else if('st01' === id){  //Stripe
+                    $('.setleAmtDivde').hide();
+                    $('.setleAmtKrSapn').hide();
+                    $('.priceUnitKr').hide();
                 } else {
                     $(form).find('#setleTyCd').val('');
 
@@ -637,7 +644,8 @@
                 const useCashMlgAmt = $('#useCashMlgAmt').val();
 
                 //$('#setleSetupTyCd').val() === '01' ? $('#pg04').click() : $('#pg03').click();
-                if($('#setleSetupTyCd').val() === '01'){$('#pg04').click();}
+                if ($('#st01').is(':checked')){$('#st01').click();}
+                else if($('#setleSetupTyCd').val() === '01'){$('#pg04').click();}
                 else if($('#setleSetupTyCd').val() === '02'){$('#pg03').click();}
                 else if($('#setleSetupTyCd').val() === '03'){$('#pg06').click();}
 
@@ -3117,7 +3125,7 @@
                 return false;
             }
 
-            if ('kcp' === pgCmpnyNm || 'toss' === pgCmpnyNm || 'kiwoom' === pgCmpnyNm) {
+            if ('kcp' === pgCmpnyNm || 'toss' === pgCmpnyNm || 'kiwoom' === pgCmpnyNm || 'stripe' === pgCmpnyNm) {
                 const div = $('#setleForm').find('.order-method-normal');
 
                 if (!$(div).find('.order-method-normal__btn-container button').hasClass('active')) {
@@ -4307,6 +4315,22 @@
                                             </c:if>
                                             <%-- 퀵계좌이체 끝 --%>
 
+                                            <%-- Stripe 시작 --%>
+                                            <c:if test="${'Y' eq payInfo.stripeUseAt}">
+                                                <div class="custom-radio is-medium">
+                                                    <input type="radio" name="pg" id="st01" value="stripe">
+                                                    <label for="st01">엔화 결제</label>
+                                                </div>
+                                                <div id="st01Content" class="pgContent order-method-normal" <%-- style="display: none"--%>>
+                                                    <div class="order-method-normal__btn-container">
+                                                        <button type="button" name="01" id="stripe" class="order-method-normal__btn gift_pay">
+                                                            <div class="order-method-normal__icon order-method-normal__icon--card"></div>신용카드
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </c:if>
+                                            <%-- Stripe 끝 --%>
+
                                             <%-- toss 결제 시작 --%>
                                             <c:if test="${'02' eq payInfo.setleSetupTyCd}">
                                                 <div class="custom-radio is-medium">
@@ -4750,7 +4774,7 @@
                         <div class="bottomFixedControls__inner">
                             <dl class="bottomFixedControls__totalPrice">
                                 <dt>총 금액</dt>
-                                <dd><span class="setleAmtSapn comma"></span><span class="priceUnit">${curUnit}</span> / <span class="setleAmtKrSapn comma"></span><span class="priceUnit">${krUnit}</span></dd>
+                                <dd><span class="setleAmtSapn comma"></span><span class="priceUnit">${curUnit}</span><span class="setleAmtDivde"> / </span><span class="setleAmtKrSapn comma"></span><span class="priceUnit priceUnitKr">${krUnit}</span></dd>
                             </dl>
                         </div>
                         <div class="bottomFixedControls__inner">