👌 IMPROVE: Updated redeem functionality on frontend in my account page

Author: robertdevore

public/class-clwc-public.php

@@ -75,8 +75,25 @@ public function enqueue_styles() {
      * @since  1.0.0
      * @return void
      */
-    public function enqueue_scripts() {
-        //wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/clwc-public.js', array( 'jquery' ), $this->version, false );
+    public function enqueue_scripts($hook_suffix) {
+        // Ensure this is only enqueued on the relevant page or template
+        if (is_account_page()) { // Modify condition as per your requirements
+            $user_id = get_current_user_id();
+    
+            wp_enqueue_script(
+                'clwc-redeem-script',
+                plugin_dir_url(__FILE__) . 'js/clwc-redeem.js',
+                ['jquery'],
+                time(),
+                true
+            );
+    
+            wp_localize_script('clwc-redeem-script', 'clwc_ajax', [
+                'ajax_url' => admin_url('admin-ajax.php'),
+                'user_id'  => $user_id,
+                'nonce'    => wp_create_nonce('clwc_redeem_nonce')
+            ]);
+        }
     }
-
+    
 }

public/js/clwc-redeem.js

@@ -0,0 +1,38 @@
+jQuery(document).ready(function ($) {
+    $('#clwc-redeem-points').on('click', function (e) {
+        e.preventDefault();
+        console.log('Redeem button clicked'); // Debugging line
+
+        $.ajax({
+            url: clwc_ajax.ajax_url,
+            method: 'POST',
+            data: {
+                action: 'clwc_redeem_points',
+                nonce: clwc_ajax.nonce,
+                user_id: clwc_ajax.user_id
+            },
+            success: function (response) {
+                console.log(response); // Debugging line
+                if (response.success) {
+                    // Prepend new coupon to the table
+                    $('#clwc-coupons-table tbody').prepend(response.data.html);
+
+                    // Display success message
+                    $('#clwc-redeem-points').after('<p class="clwc-redeem-success" style="color: green;">Coupon redeemed successfully!</p>');
+                    setTimeout(function () {
+                        $('.clwc-redeem-success').fadeOut();
+                    }, 3000);
+
+                    // Update the loyalty points display
+                    $('.clwc-loyalty-points-total').text(response.data.updated_points);
+                } else {
+                    alert(response.data.message);
+                }
+            },
+            error: function (xhr, status, error) {
+                console.error('AJAX error:', status, error); // Debugging line
+                alert('An error occurred. Please try again.');
+            }
+        });
+    });
+});