
How to implement toggleLike() method in Overtrue\LaravelLike laravel package
How to implement toggleLike() method in OvertrueLaravelLike laravel package
In this tutorial, we will try to find the solution to "How to implement toggleLike() method in OvertrueLaravelLike laravel package" through programming.
You can implement toggleLike() method in the Overtrue\LaravelLike laravel package. You can simply use toggleLike() method on the post which you want to like if it is not already like by logged in user and remove it from like if it is already liked by the user.-
Add like and remove like from post using toggle method in Overtrue\LaravelLike laravel package
public function likePost(Request $request){ $post = Post::find($request->id); $response = auth()->user()->toggleLike($post); return response()->json(['success'=>$response]); }
This toggleLike() method is used in Overtrue\LaravelLike laravel package to add like if the post is not liked by the logged-in user and remove like from the post if the user already liked the post.
-
Increment/decrement like counter in view file on ajax using Overtrue\LaravelLike package in laravel
//Like counter <i class="fas fa-thumbs-up {{ auth()->user()->hasLiked($post) ? 'like-post' : '' }}"></i> <div id="like{{$post->id}}-bs3"> {{ $post->likers()->get()->count() }} </div> //Like anchor tag <a href="javascript:void(0)" class="like-post-btn" data-id="{{ $post->id }}"> <i class="fas fa-thumbs-up {{ auth()->user()->hasLiked($post) ? 'liked-post' : '' }}"></i>Like </a> //Call ajax on click like button (use jQuery) <script> $('.like-post-btn').click(function(){ var id = $(this).data('id'); var c = $('#like'+id+'-bs3').html(); var cObjId = id; var cObj = $(this); $.ajax({ type:'POST', url:'/like-post', data:{id:id}, success:function(data){ if($.isEmptyObject(data.success)){ $('#like'+cObjId+'-bs3').html(parseInt(c)-1); $(cObj).find('.fas.fa-thumbs-up').removeClass("liked-post"); }else{ $('#like'+cObjId+'-bs3').html(parseInt(c)+1); $(cObj).find('.fas.fa-thumbs-up').addClass("liked-post"); } } }); }); </script>
You can display like counter in view file using jquery method after call ajax on click like button.
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
Don't forget to share this article! Help us spread the word by clicking the share button below.
We appreciate your support and are committed to providing you valuable and informative content.
We are thankful for your never ending support.
Random Code Snippet Queries: Laravel
- Convert multidimensional array to single array in Laravel
- Get content from web URL in laravel
- Permission denied error while creating storage link in Laravel
- Insert data with form validation using ajax in laravel
- Show old value while editing the form in Laravel
- Always load the relationship data with eager loading in Laravel
- FirstOrCreate() Not Inserting Model
- Add a subselect based on relationship using withAggregate method
- How to pass data to multiple partial view files in laravel
- Rendering HTML from database table to view in Laravel
- Insert dummy data in users table Laravel
- Add [name] to fillable property to allow mass assignment on [App\Models\Project]
- Method Illuminate\Database\Eloquent\Collection::lists does not exist
- 419 page expired error in Laravel
- Drop foreign key column in Laravel using migration
- Shorter syntax for whereHas with call back function in laravel
- Get Array of IDs from Eloquent Collection
- How to get selected categories on edit record with Select2
- Trying to access array offset on value of type null error in laravel
- Laravel create table migration with model
- How to generate .env file for laravel?
- How to create new user without form submission in laravel
- Where to use whereNotNull eloquent in laravel
- How to Access Array in blade laravel
- Array to string conversion laravel blade