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
- Page loader in laravel
- SQLSTATE[42000]: Syntax error or access violation: 1055
- If condition in foreach loop in laravel
- How to display pivot table column value in laravel
- How to fill a column automatically while creating records in Laravel
- Laravel create multiple records in Pivot table
- Shorter syntax for whereHas with call back function in laravel
- Conditional where clause in Laravel
- Laravel 5.4 save data to database
- Create project table with model and migration
- How to generate .env file for laravel?
- How to get only time from created_at in laravel
- Check if Relationship Method Exists in Laravel
- How to add foreign key in laravel using migration
- File_put_contents(/var/www/html/w3code/storage/framework/sessions/CXwN3EXKxERD6jgy3rADcaAAbAx8FRKih2JK7UO9): Failed to open stream: Permission denied
- Add a subselect based on relationship using withAggregate method
- Redirect to previous page or url in laravel
- How to display serial number in Laravel?
- Get latest record by created at in Laravel
- Database transactions in laravel
- How to validate website url in laravel using validaiton
- How to return error message from controller to view in laravel
- Get current month records in laravel 7/8
- How to disable timestamps in laravel
- Display success message in laravel