From bce57ed750cf35f96fb12aa4de7daabe17834182 Mon Sep 17 00:00:00 2001
From: Prashant Singh <prashant.singh852@webkul.com>
Date: Fri, 1 Mar 2019 11:21:53 +0530
Subject: [PATCH 1/3] changed address card class on onepage checkout

---
 .../Resources/views/checkout/onepage/customer-info.blade.php    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/Webkul/Shop/src/Resources/views/checkout/onepage/customer-info.blade.php b/packages/Webkul/Shop/src/Resources/views/checkout/onepage/customer-info.blade.php
index 4b344de8d..c467fc6e6 100755
--- a/packages/Webkul/Shop/src/Resources/views/checkout/onepage/customer-info.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/checkout/onepage/customer-info.blade.php
@@ -9,7 +9,7 @@
             </a>
         </div>
         <div class="address-holder">
-            <div class="address-card-1" v-for='(addresses, index) in this.allAddress'>
+            <div class="address-card" v-for='(addresses, index) in this.allAddress'>
                 <div class="details">
 
                     <label class="radio-container">

From 9df1c291a619764c39c438857a6a97caa91191a2 Mon Sep 17 00:00:00 2001
From: Prashant Singh <prashant.singh852@webkul.com>
Date: Fri, 1 Mar 2019 18:17:21 +0530
Subject: [PATCH 2/3] Checkout's payment method front end rendering order
 function changed from unshift to push

---
 .../Shop/src/Resources/views/checkout/onepage.blade.php      | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php b/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
index ef7b0b2be..8ac3b792c 100755
--- a/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
@@ -403,7 +403,6 @@
 
         var paymentTemplateRenderFns = [];
         Vue.component('payment-section', {
-
             inject: ['$validator'],
 
             data: () => ({
@@ -420,7 +419,7 @@
                 this.templateRender = paymentHtml.render;
 
                 for (var i in paymentHtml.staticRenderFns) {
-                    paymentTemplateRenderFns.unshift(paymentHtml.staticRenderFns[i]);
+                    paymentTemplateRenderFns.push(paymentHtml.staticRenderFns[i]);
                 }
 
                 eventBus.$emit('after-checkout-payment-section-added');
@@ -437,6 +436,8 @@
             methods: {
                 methodSelected () {
                     this.$emit('onPaymentMethodSelected', this.payment)
+
+                    eventBus.$emit('after-checkout-payment-method-selected');
                 }
             }
         })

From 54835099baf431f0efb13c3c552246b7eed6af4d Mon Sep 17 00:00:00 2001
From: Prashant Singh <prashant.singh852@webkul.com>
Date: Sat, 2 Mar 2019 14:01:34 +0530
Subject: [PATCH 3/3] made the changes in checkout page by applying id
 attribute for all sections, so it would be easy for js to identify the
 section and usage of the script accordingly, the primary need was to add the
 id attribute on the continue button as it was needed for the section
 validation

---
 .../views/checkout/onepage.blade.php          | 32 ++++++-------------
 1 file changed, 9 insertions(+), 23 deletions(-)

diff --git a/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php b/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
index 8ac3b792c..b2fc84647 100755
--- a/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/checkout/onepage.blade.php
@@ -45,13 +45,13 @@
                     </li>
                 </ul>
 
-                <div class="step-content information" v-show="currentStep == 1">
+                <div class="step-content information" v-show="currentStep == 1" id="address-section">
 
                     @include('shop::checkout.onepage.customer-info')
 
                     <div class="button-group">
 
-                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('address-form')" :disabled="disable_button">
+                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('address-form')" :disabled="disable_button" id="checkout-continue-button">
                             {{ __('shop::app.checkout.onepage.continue') }}
                         </button>
 
@@ -59,13 +59,13 @@
 
                 </div>
 
-                <div class="step-content shipping" v-show="currentStep == 2">
+                <div class="step-content shipping" v-show="currentStep == 2" id="shipping-section">
 
                     <shipping-section v-if="currentStep == 2" @onShippingMethodSelected="shippingMethodSelected($event)"></shipping-section>
 
                     <div class="button-group">
 
-                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('shipping-form')" :disabled="disable_button">
+                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('shipping-form')" :disabled="disable_button" id="checkout-continue-button">
                             {{ __('shop::app.checkout.onepage.continue') }}
                         </button>
 
@@ -73,13 +73,13 @@
 
                 </div>
 
-                <div class="step-content payment" v-show="currentStep == 3">
+                <div class="step-content payment" v-show="currentStep == 3" id="payment-section">
 
                     <payment-section v-if="currentStep == 3" @onPaymentMethodSelected="paymentMethodSelected($event)"></payment-section>
 
                     <div class="button-group">
 
-                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('payment-form')" :disabled="disable_button">
+                        <button type="button" class="btn btn-lg btn-primary" @click="validateForm('payment-form')" :disabled="disable_button" id="checkout-continue-button">
                             {{ __('shop::app.checkout.onepage.continue') }}
                         </button>
 
@@ -87,13 +87,13 @@
 
                 </div>
 
-                <div class="step-content review" v-show="currentStep == 4">
+                <div class="step-content review" v-show="currentStep == 4" id="summary-section">
 
                     <review-section v-if="currentStep == 4"></review-section>
 
                     <div class="button-group">
 
-                        <button type="button" class="btn btn-lg btn-primary" @click="placeOrder()" :disabled="disable_button">
+                        <button type="button" class="btn btn-lg btn-primary" @click="placeOrder()" :disabled="disable_button" id="checkout-place-order-button">
                             {{ __('shop::app.checkout.onepage.place-order') }}
                         </button>
 
@@ -129,32 +129,22 @@
         @endauth
 
         Vue.component('checkout', {
-
             template: '#checkout-template',
-
             inject: ['$validator'],
 
             data: () => ({
                 currentStep: 1,
-
                 completedStep: 0,
-
                 address: {
                     billing: {
                         use_for_shipping: true,
                     },
-
                     shipping: {},
                 },
-
                 selected_shipping_method: '',
-
                 selected_payment_method: '',
-
                 disable_button: false,
-
                 new_shipping_address: false,
-
                 new_billing_address: false,
 
                 allAddress: {},
@@ -338,7 +328,6 @@
 
         var summaryTemplateRenderFns = [];
         Vue.component('summary-section', {
-
             inject: ['$validator'],
 
             data: () => ({
@@ -366,12 +355,10 @@
 
         var shippingTemplateRenderFns = [];
         Vue.component('shipping-section', {
-
             inject: ['$validator'],
 
             data: () => ({
                 templateRender: null,
-
                 selected_shipping_method: '',
             }),
 
@@ -437,14 +424,13 @@
                 methodSelected () {
                     this.$emit('onPaymentMethodSelected', this.payment)
 
-                    eventBus.$emit('after-checkout-payment-method-selected');
+                    eventBus.$emit('after-payment-method-selected');
                 }
             }
         })
 
         var reviewTemplateRenderFns = [];
         Vue.component('review-section', {
-
             data: () => ({
                 templateRender: null
             }),