{"flag":true,"single":true,"pageTitle":"Add to favorite item laravel tutorial","post":{"id":28,"user_id":"1","slug":"add-to-favorite-item-laravel-tutorial-tbgo","title":"Add to favorite item laravel tutorial","body":"
    \r\n
  1. add to fav button in view ie jobs.blade.php<\/li>\r\n<\/ol>\r\n
    <button type=\"button\" class=\"add_to_fav btn btn-block apply_btnis\" data-id=\"{{$job->id}}\" data-table=\"data_jobs\"> Faverite it \r\n   <i class=\"far fa-heart @if($job->is_fav) fas @endif\"><\/i>\r\n<\/button><\/code><\/pre>\r\n
    2. Add javascript code for ajax request in jobs.blade.php<\/p>\r\n
    <script type=\"text\/javascript\">\r\n  js_click(\".add_to_fav\", function() {\r\n\r\n    var product_id = attr(this,\"data-id\");\r\n    var table_name=attr(this,\"data-table\");\r\n    var element = this;\r\n      js_ajax('\/add_fav', 'POST', {'_token': '<?php echo csrf_token() ?>',user_id: '{{auth()->id()}}', table_name: table_name,product_id:product_id}, function(response) {\r\n        var resp = JSON.parse(response);\r\n        if(resp.flag){\r\n            var message = resp.message;\r\n            if(message==\"added\"){\r\n                addClass(\".add_to_fav[data-id='\"+product_id+\"'] i\",\"fas\");\r\n            }else{\r\n                removeClass(\".add_to_fav[data-id='\"+product_id+\"'] i\",\"fas\");\r\n            }\r\n        }\r\n      }, function(error) {\r\n      console.error(error);\r\n    });\r\n  });\r\n\r\n\r\n  function js_ajax(url, method, data, successCallback, errorCallback) {\r\n\t  const xhr = new XMLHttpRequest();\r\n\t  xhr.open(method, url);\r\n\t  xhr.setRequestHeader('Content-Type', 'application\/json');\r\n\t  xhr.onload = function() {\r\n\t    if (xhr.status === 200) {\r\n\t      successCallback(xhr.responseText);\r\n\t    } else {\r\n\t      errorCallback(xhr.statusText);\r\n\t    }\r\n\t  };\r\n\t  xhr.onerror = function() {\r\n\t    errorCallback(xhr.statusText);\r\n\t  };\r\n\t  xhr.send(JSON.stringify(data));\r\n\t}\r\n\r\n\tfunction attr(element, attribute, value) {\r\n\t  if (typeof value === 'undefined') {\r\n\t    return element.getAttribute(attribute);\r\n\t  } else {\r\n\t    element.setAttribute(attribute, value);\r\n\t    return element;\r\n\t  }\r\n\t}\r\n\t\t\r\n\tfunction addClass(selector, className) {\r\n\t  const elements = document.querySelectorAll(selector);\r\n\t  elements.forEach(element => {\r\n\t    element.classList.add(className);\r\n\t  });\r\n\t}\r\n\r\n\tfunction removeClass(selector, className) {\r\n\t  const elements = document.querySelectorAll(selector);\r\n\t  elements.forEach(element => {\r\n\t    element.classList.remove(className);\r\n\t  });\r\n\t}\r\n<\/script><\/code><\/pre>\r\n
    3. Add Route to add new item or remove<\/p>\r\n
    Route::controller(\\App\\Http\\Controllers\\APIController::class)->group( function () {\r\n    Route::post('\/add_fav','add_to_fav')->name('add_fav');\r\n});<\/code><\/pre>\r\n
    4. Add controller code ie apiController.php<\/p>\r\n
    public function add_to_fav(Request $request){ \/\/add to fav if already exit remove fav\r\n        $validatedData = $request->validate([\r\n            'product_id' => 'required',\r\n            'table_name' => 'required'\r\n        ]);\r\n        if(auth()->id()){\r\n            $fav = Fav_items::where(\"product_id\",$request->product_id)->where(\"table_name\",$request->table_name)->where(\"user_id\",auth()->id())->first();\r\n            if($fav){\r\n                \/\/delete it \r\n                $fav->delete();\r\n                return response()->json(['flag' => true, 'message' => \"removed\"],200);\r\n            }else{\r\n                \/\/insert it \r\n                $fav = new Fav_items;\r\n                $fav->product_id = $request->product_id;\r\n                $fav->table_name = $request->table_name;\r\n                $fav->user_id = auth()->id();\r\n                $fav->save();\r\n                return response()->json(['flag' => true, 'message' => \"added\"],200);\r\n            }            \r\n        }\r\n     \r\n    }\r\n\r\n    public function isFavoritedByCurrentUser($product_id,$table_name)\r\n    {\r\n        if(auth()->id() && $product_id && $table_name){\r\n            $is_fav = Fav_items::where(\"product_id\",$product_id);\r\n            $is_fav = $is_fav->where(\"table_name\",$table_name);\r\n            $is_fav = $is_fav->where(\"user_id\",auth()->id())->exists();\r\n            if($is_fav){\r\n                return 1;\r\n            }else{\r\n                return null;\r\n            }\r\n        }\r\n    }<\/code><\/pre>\r\n
     <\/p>\r\n
    5. Add logic to view controller to display filled or not JobsController.php<\/p>\r\n
    $jobs=$jobs->paginate(10)->withQueryString();\r\nforeach($jobs as $job){\r\n   $job->is_fav = \\App\\Http\\Controllers\\APIController::isFavoritedByCurrentUser($job->id,'data_jobs');\r\n}<\/code><\/pre>\r\n
    6. add table to db<\/p>\r\n
    DROP TABLE IF EXISTS `fav_items`;\r\nCREATE TABLE `fav_items` (\r\n  `id` int(11) NOT NULL AUTO_INCREMENT,\r\n  `user_id` varchar(255) NOT NULL,\r\n  `product_id` varchar(255) NOT NULL,\r\n  `table_name` varchar(255) NOT NULL,\r\n  `created_at` datetime NOT NULL,\r\n  `updated_at` datetime NOT NULL,\r\n  PRIMARY KEY (`id`)\r\n)<\/code><\/pre>","category_id":"2","is_private":"0","created_at":"2023-03-16T23:38:31.000000Z","updated_at":"2023-03-16T23:38:31.000000Z","category":{"id":2,"user_id":"1","name":"Laravel Core","slug":"laravel-nhyt","parent_id":"1","created_at":"2023-03-14T03:58:27.000000Z","updated_at":"2023-03-20T11:30:50.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":" add to fav button in view ie jobs.blade.php  <button type=\"button\" class=\"add_to_fav btn btn-block apply_btnis\" data-id=\"{{$job->id}} - Add to favorite item laravel tutorial (Updated: March 16, 2023) - Read more about Add to favorite item laravel tutorial at my programming site [SITE]","categories":[]}