WordPress.org
Get WordPress

Plugin Directory

Changeset 2896909


Ignore:
Timestamp:
04/11/2023 05:59:43 AM (3 years ago)
Author:
chaifinport
Message:

adding auto redirection functionality after checkout page optimising user experience

Location:
chaiport-payment/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • chaiport-payment/trunk/chaiportGateway.php

    r2891245 r2896909  
    44 * Plugin URI:        https://www.docs.portone.cloud/plugins_and_sdks/woocommerce-plugin.html
    55 * Description:       Single Payment
    6  * Version:           2.0.6
     6 * Version:           2.0.7
    77 * Requires at least: 5.6
    88 * Author:            PortOne
    … …  
    657657            $order = wc_get_order($orderId);
    658658
    659             $html = __('Thank you for your order, please click the button below to pay.', $this->id);
    660 
    661             $html .= $this->generateOrderForm($order);
     659            //$html = __('Thank you for your order, please click the button below to pay.', $this->id);
     660
     661            $html = $this->generateOrderForm($order);
    662662
    663663            echo esc_html($html);
    … …  
    868868            ?>
    869869
    870             <button id="btn" class="button" onclick="pay()">Pay Now</button>
    871             <form method="post" style="float: left;">
    872                 <button id="btn" class="button" name="cancel">Cancel</button>
    873             </form>
    874             <div class="chaipay-container" id="chaipay-container"
    875                  style="z-index: 1000000000;position: fixed;top: 0;display: none;left: 0;height: 100%;width: 100%;backface-visibility: hidden;overflow-y: visible;">
    876                 <div class="chaipay-backdrop"
    877                      style="min-height: 100%; transition: all 0.3s ease-out 0s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);"></div>
    878                 <iframe style="opacity: 1; height: 100%; position: relative; background: none; display: block; border: 0 none transparent; margin: 0; padding: 0; z-index: 2; width: 100%;"
    879                         allowtransparency="true" frameborder="0" width="100%" height="100%" allowpaymentrequest="true"
    880                         src="" id="chaipay-checkout-frame" class="chaipay-checkout-frame"></iframe>
    881             </div>
     870            <!--            <button id="btn" class="button" onclick="pay()">Pay Now</button>-->
     871            <!--            <textarea id="errMsg" hidden></textarea>-->
     872            <!--            <textarea id="respMsg" hidden></textarea>-->
     873            <!--            <form method="post" style="float: left;">-->
     874            <!--                <button id="btn" class="button" name="cancel">Cancel</button>-->
     875            <!--            </form>-->
     876            <!--            <div class="chaipay-container" id="chaipay-container"-->
     877            <!--                 style="z-index: 1000000000;position: fixed;top: 0;display: none;left: 0;height: 100%;width: 100%;backface-visibility: hidden;overflow-y: visible;">-->
     878            <!--                <div class="chaipay-backdrop"-->
     879            <!--                     style="min-height: 100%; transition: all 0.3s ease-out 0s; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);"></div>-->
     880            <!--                <iframe style="opacity: 1; height: 100%; position: relative; background: none; display: block; border: 0 none transparent; margin: 0; padding: 0; z-index: 2; width: 100%;"-->
     881            <!--                        allowtransparency="true" frameborder="0" width="100%" height="100%" allowpaymentrequest="true"-->
     882            <!--                        src="" id="chaipay-checkout-frame" class="chaipay-checkout-frame"></iframe>-->
     883            <!--            </div>-->
     884
     885
     886            <style>
     887                body {
     888                    font-family: Arial, sans-serif;
     889                    background-color: #f8f8f8;
     890                }
     891                .loader {
     892                    border: 8px solid #f3f3f3;
     893                    border-top: 8px solid #fb6425;
     894                    border-radius: 50%;
     895                    width: 50px;
     896                    height: 50px;
     897                    animation: spin 2s linear infinite;
     898                    margin: 0 auto;
     899                    display: block;
     900                    margin-top: 100px;
     901                }
     902                @keyframes spin {
     903                    0% { transform: rotate(0deg); }
     904                    100% { transform: rotate(360deg); }
     905                }
     906                h1 {
     907                    text-align: center;
     908                    color: #fb6425;
     909                    margin-top: 30px;
     910                }
     911                p {
     912                    text-align: center;
     913                    font-size: 18px;
     914                    color: #777;
     915                    margin-top: 10px;
     916                }
     917                a {
     918                    text-align: center;
     919                    display: block;
     920                    margin-top: 20px;
     921                    font-size: 18px;
     922                    color: #fb6425;
     923                    text-decoration: none;
     924                }
     925                a:hover {
     926                    text-decoration: underline;
     927                }
     928            </style>
     929
     930            <body>
     931            <div class="loader"></div>
     932            <h1>Redirecting to Payment Screen</h1>
     933            <p>Please wait while we redirect you to the payment screen...</p>
     934            </body>
     935
    882936            <script>
    883937                const chaipay = new window.ChaiPay({
    … …  
    886940                    jwtToken: "<?php echo esc_html($token); ?>",
    887941                })
     942
     943                window.onload = chaipay.checkoutService.checkout(<?php echo json_encode($reqObj, JSON_UNESCAPED_SLASHES); ?>)
    888944
    889945                function pay() {

  • chaiport-payment/trunk/readme.txt

    r2891245 r2896909  
    44Requires at least: 3.9.2
    55Tested up to: 6.1.1
    6 Stable tag: 2.0.6
     6Stable tag: 2.0.7
    77Requires PHP: 5.6
    88License: GPLv2 or later
Note: See TracChangeset for help on using the changeset viewer.