change event file name,now show real-time updates

golam-sorwar · Aug 17, 2019 · 66be0ef · 66be0ef
1 parent a6103f1
commit 66be0ef
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 10 deletions.
diff --git a/app/Events/ProductAddedToCart.php → app/Events/ProductUpdatedInCart.php b/app/Events/ProductAddedToCart.php → app/Events/ProductUpdatedInCart.php
@@ -10,7 +10,7 @@
 use Illuminate\Broadcasting\InteractsWithSockets;
 use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
 
-class ProductAddedToCart implements ShouldBroadcast
+class ProductUpdatedInCart implements ShouldBroadcast
 {
     use Dispatchable, InteractsWithSockets, SerializesModels;
 
@@ -19,9 +19,11 @@ class ProductAddedToCart implements ShouldBroadcast
      *
      * @return void
      */
-    public function __construct()
+    public $productId;
+
+    public function __construct($productId)
     {
-        //
+        $this->productId = $productId;
     }
 
     /**

diff --git a/app/Http/Livewire/CartCounter.php b/app/Http/Livewire/CartCounter.php
@@ -8,8 +8,8 @@
 class CartCounter extends Component
 {
     protected $listeners = [
-        'productAdded' => 'noop',
-        'productRemoved' => 'noop'
+        'productUpdated' => 'noop',
+        // 'productRemoved' => 'noop'
     ];
 
     public function noop()

diff --git a/app/Http/Livewire/CartProduct.php b/app/Http/Livewire/CartProduct.php
@@ -5,6 +5,7 @@
 use Livewire\Component;
 use App\Cart;
 use App\CartProduct as AppCartProduct;
+use App\Events\ProductUpdatedInCart;
 use App\Product;
 
 class CartProduct extends Component
@@ -13,19 +14,26 @@ class CartProduct extends Component
     public $name;
     public $price;
 
+    public function listeners()
+    {
+        return ['productUpdated:'.$this->id => '$refresh'];
+    }
+
     public function add()
     {
         // $cart_id = Cart::first();
         // CartPro::create(['cart_id' => $cart_id->id, 'product_id' => $this->id]);
         Cart::first()->products()->attach($this->id);
-        $this->emit('productAdded');
+        // $this->emit('productAdded');
+        event(new ProductUpdatedInCart($this->id));
     }
 
     public function remove()
     {
         // CartProduct::where('product_id', $this->id)->delete();
         Cart::first()->products()->detach($this->id);
-        $this->emit('productRemoved');
+        // $this->emit('productRemoved');
+        event(new ProductUpdatedInCart($this->id));
     }
 
     public function mount($product)

diff --git a/resources/views/cart.blade.php b/resources/views/cart.blade.php
@@ -14,8 +14,13 @@
             <div class="absolute p-4 right-0">
                 @livewire('cart-counter')
             </div>
+            <div class=" p-4 flex justify-center">
+                <div class="w-auto">
+                    <input class="bg-green-100 appearance-none border-2 border-purple-700 rounded-full w-full py-2 px-32 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-purple-500" placeholder="Search ...." type="text">
+                </div>
+            </div>
 
-            <div class="pt-16 flex flex-wrap">
+            <div class="pt-12 flex flex-wrap">
                 @foreach ($products as $product)
                     @livewire('cart-product', $product)
                 @endforeach            
@@ -29,8 +34,10 @@
     <script>
         window.addEventListener('DOMContentLoaded',function() {
             Echo.channel('cart')
-                .listen('ProductAddedToCart', (e) => {
-                console.log('Its work');
+                .listen('ProductUpdatedInCart', (e) => {
+                // console.log('Its work');
+                window.livewire.emit('productUpdated');
+                window.livewire.emit('productUpdated:'+e.productId);
             });
         })
     </script>