HTML:
<div id="vip_privilege_div"></div>
JS:
<script src="{{ asset('website/assets/js/geolocation/codegrid.js') }}"></script>
<script type="text/javascript">
$(function(){
$("#vip_privilege_div").html('<a href="{{ url("/privilege" ) }}" title="Become a VIP">VIP Privileges</a>');
var grid = codegrid.CodeGrid();
navigator.geolocation.getCurrentPosition(function(pos){
var lat=pos.coords.latitude;
var lng=pos.coords.longitude;
grid.getCode (lat, lng, function (err, code) {
if(code=="bd"){
var url ='{{ url("/privilege" ) }}';
$("#vip_privilege_div").html('<a href="'+url+'" title="Become a VIP">VIP Privileges</a>');
}else{
var url_global ='{{ url("/global") }}';
$("#vip_privilege_div").html('<a href="'+url_global+'" title="Become a VIP">The Mall Global</a>');
}
});
});
</script>
Sunday, July 19, 2020
Wednesday, July 15, 2020
Show More/Vew More Button in Laravel & Ajax in single Page ?
blade.php
<div id="load_data">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 my-4">
<center>
<button id="loadMoreData" data-pos="{{ $take }}" class="btn btn-primary view_btn_second">Show More</button>
</center>
</div>
Js:
script type="text/javascript">
$('#loadMoreData').on('click', function(){
var pos=$(this).data('pos');
var offer_id="{{ $offer->id }}";
//$("#loadMoreData").html("Loading....");
$.ajax({
url:'{{ route("loadmore.load_data") }}',
method : "GET",
data : {pos: pos, offer_id: offer_id},
success:function(res){
//console.log(res);
res.products.forEach(function(row){
var html='';
html+="<div class='col-6 col-md-4 col-lg-3 col-xl-3 col'>";
html+="<div class='product fixed_hight'>";
html+="<figure class='product-image-container image-frame'>";
html+="<a class='product-image' href='"+row.product_url+"'>";
html+="<img class='product_img_tag' src='"+row.product_image_url+"' alt='"+row.name+"'/>";
html+="</a>";
html+="<a href='"+row.quick_view_url+"' class='btn-quickview'>Quick View</a>";
html+="</figure>";
html+="<div class='product-details'>";
html+="<h1 class='text-left product-category'><a href='"+row.brand_url+"'>"+row.brand_name+"</a></h1>";
html+="<h1 class='product-title text-left'><a href='"+row.product_url+"'>"+row.brand_product_title+"</a></h1>";
html+="<span><div class='price-box float-left'>";
if(row.old_price_status){
html+="<span class='old-price'>৳ "+row.price_tax_inc+"</span>";
}
html+="<span class='product-price'>৳ "+row.price+"</span>";
html+="</div></span>";
html+="</div><br>";
//End of product detail
if(row.product_in){
html+="<span style='position: absolute;bottom: 0px;right: 28%;' class='paction add-cart cursor_pointer addToCart' data-link='"+row.add_to_cart_url+"' data-product_id='"+row.id+"' data-product_name='"+row.name+"' data-old_price='"+row.price_tax_inc+"' data-product_price='"+row.price+"' data-product_slug='"+row.slug+"' data-product_image='"+row.thumbnail_image+"' title='Add to Cart'><span>Add to Cart</span></span>";
}else{
html+="<span style='position: absolute;bottom: 0px;right: 28%;color: #c1b6b6' class='paction add-cart cursor_pointer' title='Out of stock'><span>Out of Stock</span></span>";
}
html+="</div>";
html+="</div>";
$('#load_data').append(html);
});
if(res.next_pos) $('#loadMoreData').data('pos', res.next_pos);
else $('#loadMoreData').hide();
$('.product_img_tag').on('error', function(){
//$(this).src=res.default_img;
$(this).attr("src", res.default_img);
});
</script>
web.php
Route::get('/loadmore/load_data', 'Website\HomeController@load_data')->name('loadmore.load_data');
Controller:
public function load_data(Request $request){
$pos=$request->pos;
$offer_id=$request->offer_id;
$offer_image = Offer::where('id', $offer_id)->first();
$offer =$offer_image;
$offer_cat_ids = OfferCategory::where('offer_id', $offer_id)->pluck('category_id')->toArray();
$offer_cats =Category::whereIn('id',$offer_cat_ids)->get();
$offer_children = Offer::where('parent_id',$offer_id)->get();
$cat_product_ids =ProductCategory::where('category_id',$offer_cat_ids)->pluck('product_id')->toArray();
$offer_product_ids=[];
if($offer->offerDetails){
$offer_product_ids = $offer->offerDetails->whereIn('product_id',$cat_product_ids)->pluck('product_id')->toArray();
}
$take = 4;
$products = Product::with([
'category','thumbnail'
])->whereIn(
'id', $offer_product_ids
)->where([
'status'=>1,
'available'=>1,
'product_type'=>'step_one'
])->orderBy('id','DESC')->skip($pos)->take($take)->get();
$produsts_data=[];
$carbon = new \Carbon\Carbon;
foreach($products as $product){
$price = 0;
$old_price_status = 0;
if($product->offer()->exists() && $product->offer->status==1 && $product->offer->end_date !=null) {
if ($carbon->now()->diffInSeconds($carbon->parse($product->offer->end_date), false) >= 0) {
$price = $product->price_tax_inc - $product->discount_amount;
if ($product->discount_amount >0 ) {
$old_price_status =1;
}
}else{
$price = $product->price_tax_inc;
}
}else{
$price = $product->price_tax_inc;
}
array_push($produsts_data, [
'id'=>$product->id,
'name'=>$product->name,
'price'=>$price,
'slug'=>$product->slug,
'product_url'=>url('product', $product->slug),
'product_image_url'=>asset("backoffice/images/products/regular/".cn($product, 'thumbnail.image', '#')),
'quick_view_url'=>url('product/quick_view', $product->slug),
'brand_url'=>route('home.brand.products', ['brand'=>cn($product, 'brand.slug', '#')]),
'brand_name'=>cn($product, 'brand.name', NULL),
'brand_product_title'=>str_limit($product->name, 50),
'old_price_status'=>$old_price_status,
'price_tax_inc'=>$product->price_tax_inc,
'product_in'=>$product->product_in,
'add_to_cart_url'=>url('add-to-cart', $product->id),
'thumbnail_image'=>cn($product, 'thumbnail.image', '#')
]);
}
if($take > $products->count()){
$next_pos=NULL;
}else{
$next_pos=$pos+$take;
}
return [
'next_pos'=>$next_pos,
'products'=>$produsts_data,
'default_img'=>asset('website/assets/images/default.jpg'),
];
}
<div id="load_data">
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 my-4">
<center>
<button id="loadMoreData" data-pos="{{ $take }}" class="btn btn-primary view_btn_second">Show More</button>
</center>
</div>
Js:
script type="text/javascript">
$('#loadMoreData').on('click', function(){
var pos=$(this).data('pos');
var offer_id="{{ $offer->id }}";
//$("#loadMoreData").html("Loading....");
$.ajax({
url:'{{ route("loadmore.load_data") }}',
method : "GET",
data : {pos: pos, offer_id: offer_id},
success:function(res){
//console.log(res);
res.products.forEach(function(row){
var html='';
html+="<div class='col-6 col-md-4 col-lg-3 col-xl-3 col'>";
html+="<div class='product fixed_hight'>";
html+="<figure class='product-image-container image-frame'>";
html+="<a class='product-image' href='"+row.product_url+"'>";
html+="<img class='product_img_tag' src='"+row.product_image_url+"' alt='"+row.name+"'/>";
html+="</a>";
html+="<a href='"+row.quick_view_url+"' class='btn-quickview'>Quick View</a>";
html+="</figure>";
html+="<div class='product-details'>";
html+="<h1 class='text-left product-category'><a href='"+row.brand_url+"'>"+row.brand_name+"</a></h1>";
html+="<h1 class='product-title text-left'><a href='"+row.product_url+"'>"+row.brand_product_title+"</a></h1>";
html+="<span><div class='price-box float-left'>";
if(row.old_price_status){
html+="<span class='old-price'>৳ "+row.price_tax_inc+"</span>";
}
html+="<span class='product-price'>৳ "+row.price+"</span>";
html+="</div></span>";
html+="</div><br>";
//End of product detail
if(row.product_in){
html+="<span style='position: absolute;bottom: 0px;right: 28%;' class='paction add-cart cursor_pointer addToCart' data-link='"+row.add_to_cart_url+"' data-product_id='"+row.id+"' data-product_name='"+row.name+"' data-old_price='"+row.price_tax_inc+"' data-product_price='"+row.price+"' data-product_slug='"+row.slug+"' data-product_image='"+row.thumbnail_image+"' title='Add to Cart'><span>Add to Cart</span></span>";
}else{
html+="<span style='position: absolute;bottom: 0px;right: 28%;color: #c1b6b6' class='paction add-cart cursor_pointer' title='Out of stock'><span>Out of Stock</span></span>";
}
html+="</div>";
html+="</div>";
$('#load_data').append(html);
});
if(res.next_pos) $('#loadMoreData').data('pos', res.next_pos);
else $('#loadMoreData').hide();
$('.product_img_tag').on('error', function(){
//$(this).src=res.default_img;
$(this).attr("src", res.default_img);
});
</script>
web.php
Route::get('/loadmore/load_data', 'Website\HomeController@load_data')->name('loadmore.load_data');
Controller:
public function load_data(Request $request){
$pos=$request->pos;
$offer_id=$request->offer_id;
$offer_image = Offer::where('id', $offer_id)->first();
$offer =$offer_image;
$offer_cat_ids = OfferCategory::where('offer_id', $offer_id)->pluck('category_id')->toArray();
$offer_cats =Category::whereIn('id',$offer_cat_ids)->get();
$offer_children = Offer::where('parent_id',$offer_id)->get();
$cat_product_ids =ProductCategory::where('category_id',$offer_cat_ids)->pluck('product_id')->toArray();
$offer_product_ids=[];
if($offer->offerDetails){
$offer_product_ids = $offer->offerDetails->whereIn('product_id',$cat_product_ids)->pluck('product_id')->toArray();
}
$take = 4;
$products = Product::with([
'category','thumbnail'
])->whereIn(
'id', $offer_product_ids
)->where([
'status'=>1,
'available'=>1,
'product_type'=>'step_one'
])->orderBy('id','DESC')->skip($pos)->take($take)->get();
$produsts_data=[];
$carbon = new \Carbon\Carbon;
foreach($products as $product){
$price = 0;
$old_price_status = 0;
if($product->offer()->exists() && $product->offer->status==1 && $product->offer->end_date !=null) {
if ($carbon->now()->diffInSeconds($carbon->parse($product->offer->end_date), false) >= 0) {
$price = $product->price_tax_inc - $product->discount_amount;
if ($product->discount_amount >0 ) {
$old_price_status =1;
}
}else{
$price = $product->price_tax_inc;
}
}else{
$price = $product->price_tax_inc;
}
array_push($produsts_data, [
'id'=>$product->id,
'name'=>$product->name,
'price'=>$price,
'slug'=>$product->slug,
'product_url'=>url('product', $product->slug),
'product_image_url'=>asset("backoffice/images/products/regular/".cn($product, 'thumbnail.image', '#')),
'quick_view_url'=>url('product/quick_view', $product->slug),
'brand_url'=>route('home.brand.products', ['brand'=>cn($product, 'brand.slug', '#')]),
'brand_name'=>cn($product, 'brand.name', NULL),
'brand_product_title'=>str_limit($product->name, 50),
'old_price_status'=>$old_price_status,
'price_tax_inc'=>$product->price_tax_inc,
'product_in'=>$product->product_in,
'add_to_cart_url'=>url('add-to-cart', $product->id),
'thumbnail_image'=>cn($product, 'thumbnail.image', '#')
]);
}
if($take > $products->count()){
$next_pos=NULL;
}else{
$next_pos=$pos+$take;
}
return [
'next_pos'=>$next_pos,
'products'=>$produsts_data,
'default_img'=>asset('website/assets/images/default.jpg'),
];
}
Tuesday, July 14, 2020
Count Foreach loop with beak in Laravel ?
<?php $count = 0; ?>
@foreach($row->children as $column)
<?php if($count ==4) break; ?>
<div class="col-md-3" style="float: left;">
<a href="{{ route('home.offer.products.cat', ['offer'=>@$offer_id, 'category'=>@$column->id]) }}" class="product-image">
@if(file_exists( public_path().'/backoffice/images/categories/thumbnail/'.@$column->thumbnail->image ) && @$column->thumbnail->image != null)
<img src="{{ asset('/backoffice/images/categories/thumbnail').'/'.@$column->thumbnail->image }}" alt="{{ @$column->name }}" style="border-radius: 50%">
@else
<img src="{{ asset('/website/assets/images/default.jpg')}}" alt="{{ @$column->name }}" style="width: 360px; height: 250px;">
@endif
</a>
<div class="product-details">
<h1 class="text-center product-category mt-3" style=""><a href="{{ route('home.offer.products.cat', ['offer'=>@$offer_id, 'category'=>@$column->id]) }}">{{ $column->name }}</a></h1>
</div>
</div>
<?php $count++; ?>
@endforeach
@foreach($row->children as $column)
<?php if($count ==4) break; ?>
<div class="col-md-3" style="float: left;">
<a href="{{ route('home.offer.products.cat', ['offer'=>@$offer_id, 'category'=>@$column->id]) }}" class="product-image">
@if(file_exists( public_path().'/backoffice/images/categories/thumbnail/'.@$column->thumbnail->image ) && @$column->thumbnail->image != null)
<img src="{{ asset('/backoffice/images/categories/thumbnail').'/'.@$column->thumbnail->image }}" alt="{{ @$column->name }}" style="border-radius: 50%">
@else
<img src="{{ asset('/website/assets/images/default.jpg')}}" alt="{{ @$column->name }}" style="width: 360px; height: 250px;">
@endif
</a>
<div class="product-details">
<h1 class="text-center product-category mt-3" style=""><a href="{{ route('home.offer.products.cat', ['offer'=>@$offer_id, 'category'=>@$column->id]) }}">{{ $column->name }}</a></h1>
</div>
</div>
<?php $count++; ?>
@endforeach
Monday, July 13, 2020
Previous URL in Laravel ?
Previous URL
// mostafij/product/8
$previous_url = str_replace(url('/'), '', url()->previous());
$previous_url_id = substr($previous_url, 32);
Ans : 8
// mostafij/product/8
$previous_url = str_replace(url('/'), '', url()->previous());
$previous_url_id = substr($previous_url, 32);
Ans : 8
Sunday, July 5, 2020
select Area to city in laravel ??
web.php :
Route::get('get-sub-cat-list', 'Admin\BlogPostController@getSubCategoryList')->name('get-sub-cat-list');
controller :
public function getSubCategoryList(Request $request){
$subCatList= SubCategory::where("category_id",$request->category_id)->orderBy('name','ASC')->pluck('id','name');
return response()->json($subCatList);
}
public function store(Request $request)
{
$post->category_id = $request->category;
$post->sub_cat_id = $request->sub_category_id;
}
Model:
public static function selectSubCategoryList($value) {
$result = DB::table('blog_sub_categories')->select('*')->where('category_id', $value)->get();
return $result;
}
public function edit($id)
{
$subcategories= BlogPost::selectSubCategoryList($post->category_id);
}
public function update(Request $request, $id)
{
$post->category_id = $request->category;
$post->sub_cat_id = $request->sub_category_id;
}
create.balte.php:
<div class="row col-md-12">
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Post Category<i class="text-danger">*</i></label>
<select id="category_id" name="category" data-placeholder="Select Category" class="form-control form-control-select2" data-fouc>
<option disabled="" selected value>Select Category</option>
@foreach($categories as $category)
<option value="{{$category->id}}" {{ old('category') == $category->id ? 'selected' : '' }}>
{{$category->name}}
</option>
@endforeach
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Sub Category<i class="text-danger"></i></label>
<select name="sub_category_id" id="sub_category_id" class="form-control form-control-select2" data-fouc>
<option value>--Select Sub Category--</option>
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
</div>
<script type="text/javascript">
$('#category_id').change(function(){
var catID = $(this).val();
if(catID){
$.ajax({
type:"GET",
url:"{{route('get-sub-cat-list')}}?category_id="+catID,
success:function(res){
if(res){
$("#sub_category_id").empty();
$("#sub_category_id").append('<option value="">Select Sub Category</option>');
$.each(res,function(key,value){
console.log(value);
$("#sub_category_id").append('<option value="'+value+'">'+key+'</option>');
});
}else{
$("#sub_category_id").empty();
}
}
});
}else{
$("#sub_category_id").empty();
}
});
</script>
Or
<script type="text/javascript">
$('#district').on('change', function(){
var dist_id = $('#district option:selected').val();
if (dist_id==1) {
$('#areaDiv').removeClass('d-none');
var urll="{{ url('/get_area') }}/"+dist_id;
$.ajax({
url:urll,
success: function(data){
if (data !='') {
$("#area").html(data);
}
},
error: function (data) {
}
});
}else{
$('#areaDiv').addClass('d-none');
var area = $('#area');
area[0].selectedIndex = -1;
}
});
</script>
edit.blade.php
<div class="row col-md-12">
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Post Category<i class="text-danger">*</i></label>
<select id="category_id" name="category" data-placeholder="Select Category" class="form-control form-control-select2" data-fouc>
<option disabled="" selected value>Select Category</option>
@foreach($categories as $category)
<option value="{{$category->id}}" @if($category->id == $post->category_id) {{ 'selected' }} @endif>
{{$category->name}}
</option>
@endforeach
</select>
<span class="text-danger"> {{ $errors->first('category') }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Sub Category<i class="text-danger"></i></label>
<select name="sub_category_id" id="sub_category_id" class="form-control form-control-select2" data-fouc>
<option value>--Select Sub Category--</option>
@if ($subcategories)
@foreach ($subcategories as $val)
?>
<option value=" {{ $val->id }}" @if ($val->id == $post->sub_cat_id) {{'selected'}}
@endif>{{ $val->name }}
</option>
@endforeach
@endif
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
</div>
Route::get('get-sub-cat-list', 'Admin\BlogPostController@getSubCategoryList')->name('get-sub-cat-list');
controller :
public function getSubCategoryList(Request $request){
$subCatList= SubCategory::where("category_id",$request->category_id)->orderBy('name','ASC')->pluck('id','name');
return response()->json($subCatList);
}
public function store(Request $request)
{
$post->category_id = $request->category;
$post->sub_cat_id = $request->sub_category_id;
}
Model:
public static function selectSubCategoryList($value) {
$result = DB::table('blog_sub_categories')->select('*')->where('category_id', $value)->get();
return $result;
}
public function edit($id)
{
$subcategories= BlogPost::selectSubCategoryList($post->category_id);
}
public function update(Request $request, $id)
{
$post->category_id = $request->category;
$post->sub_cat_id = $request->sub_category_id;
}
create.balte.php:
<div class="row col-md-12">
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Post Category<i class="text-danger">*</i></label>
<select id="category_id" name="category" data-placeholder="Select Category" class="form-control form-control-select2" data-fouc>
<option disabled="" selected value>Select Category</option>
@foreach($categories as $category)
<option value="{{$category->id}}" {{ old('category') == $category->id ? 'selected' : '' }}>
{{$category->name}}
</option>
@endforeach
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Sub Category<i class="text-danger"></i></label>
<select name="sub_category_id" id="sub_category_id" class="form-control form-control-select2" data-fouc>
<option value>--Select Sub Category--</option>
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
</div>
<script type="text/javascript">
$('#category_id').change(function(){
var catID = $(this).val();
if(catID){
$.ajax({
type:"GET",
url:"{{route('get-sub-cat-list')}}?category_id="+catID,
success:function(res){
if(res){
$("#sub_category_id").empty();
$("#sub_category_id").append('<option value="">Select Sub Category</option>');
$.each(res,function(key,value){
console.log(value);
$("#sub_category_id").append('<option value="'+value+'">'+key+'</option>');
});
}else{
$("#sub_category_id").empty();
}
}
});
}else{
$("#sub_category_id").empty();
}
});
</script>
Or
<script type="text/javascript">
$('#district').on('change', function(){
var dist_id = $('#district option:selected').val();
if (dist_id==1) {
$('#areaDiv').removeClass('d-none');
var urll="{{ url('/get_area') }}/"+dist_id;
$.ajax({
url:urll,
success: function(data){
if (data !='') {
$("#area").html(data);
}
},
error: function (data) {
}
});
}else{
$('#areaDiv').addClass('d-none');
var area = $('#area');
area[0].selectedIndex = -1;
}
});
</script>
edit.blade.php
<div class="row col-md-12">
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Post Category<i class="text-danger">*</i></label>
<select id="category_id" name="category" data-placeholder="Select Category" class="form-control form-control-select2" data-fouc>
<option disabled="" selected value>Select Category</option>
@foreach($categories as $category)
<option value="{{$category->id}}" @if($category->id == $post->category_id) {{ 'selected' }} @endif>
{{$category->name}}
</option>
@endforeach
</select>
<span class="text-danger"> {{ $errors->first('category') }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="d-block font-weight-semibold">Sub Category<i class="text-danger"></i></label>
<select name="sub_category_id" id="sub_category_id" class="form-control form-control-select2" data-fouc>
<option value>--Select Sub Category--</option>
@if ($subcategories)
@foreach ($subcategories as $val)
?>
<option value=" {{ $val->id }}" @if ($val->id == $post->sub_cat_id) {{'selected'}}
@endif>{{ $val->name }}
</option>
@endforeach
@endif
</select>
<span class="text-danger"> {{ $errors->first('name') }}</span>
</div>
</div>
</div>
Add more & Remove in Laravel ?
blade.php :
<div class="row" style="margin-top: 36px">
<div class="col-lg-12">
<div class="box-body no-padding">
<div class="table-responsive">
<table align='center' class="table table-responsive" spacing='2' cellpadding='5' style="width: 700px;">
<thead>
<tr style="background: lightgrey">
<th>Product Name</th>
<th>Action</th>
</tr>
</thead>
<tbody id="productAppendDiv">
<tr class="row_element">
<td style="width:700px;">
<input type="text" name="product_name[]" class="form-control multiple_product" placeholder="Type product name"/>
</td>
<td>
<button type="button" class="btn btn-danger deleteProductRow " style="width: 40px; height: 40px"><i class="fa fa-trash"> </i></button>
</td>
</tr>
</tbody>
</table>
<div class="col-md-8">
<button type="button" class="btn btn-success btn-sm add pull-right" id="addMoreProducts"><span class="fa fa-plus"></span> Add More Product</button>
</div>
</div>
</div>
</div>
</div>
<table id="productHideDiv" style="display: none">
<tr class="row_element">
<td style="width: 700px;">
<input type="text" name="product_name[]" class="form-control multiple_product" placeholder="Type product name"/>
</td>
<td>
<button type="button" class="btn btn-danger deleteProductRow " style="width: 40px; height: 40px"><i class="fa fa-trash"> </i></button>
</td>
</tr>
</table>
<script type="text/javascript">
$( document ).ready(function() {
$('#addMoreProducts').click(function(){
var cloned=$('#productHideDiv tr').first().clone(true);
cloned.appendTo('#productAppendDiv');
});
});
$(document).on("click", ".deleteProductRow", function () {
$(this).parents('.row_element').remove();
});
</script>
controller :
public function store(Request $request)
{
$post = new BlogPost;
$post->save();
$productDetails = $this->makeProductDataFormat($request->product_name,$post->id);
if(count($productDetails) > 0) {
BlogProduct::insert($productDetails);
}
}
public function makeProductDataFormat($data,$postId) {
BlogProduct::where('post_id',$postId)->delete(); //use update function
$productDetailsData = [];
if(isset($data)){
foreach ($data as $value) {
$product = Product::where(['status'=>1, 'name'=>$value])->first();
if($product){
$productDetailsData[] =[
'post_id' => $postId,
'product_id' => $product->id,
];
}
}
}
return $productDetailsData;
}
<div class="row" style="margin-top: 36px">
<div class="col-lg-12">
<div class="box-body no-padding">
<div class="table-responsive">
<table align='center' class="table table-responsive" spacing='2' cellpadding='5' style="width: 700px;">
<thead>
<tr style="background: lightgrey">
<th>Product Name</th>
<th>Action</th>
</tr>
</thead>
<tbody id="productAppendDiv">
<tr class="row_element">
<td style="width:700px;">
<input type="text" name="product_name[]" class="form-control multiple_product" placeholder="Type product name"/>
</td>
<td>
<button type="button" class="btn btn-danger deleteProductRow " style="width: 40px; height: 40px"><i class="fa fa-trash"> </i></button>
</td>
</tr>
</tbody>
</table>
<div class="col-md-8">
<button type="button" class="btn btn-success btn-sm add pull-right" id="addMoreProducts"><span class="fa fa-plus"></span> Add More Product</button>
</div>
</div>
</div>
</div>
</div>
<table id="productHideDiv" style="display: none">
<tr class="row_element">
<td style="width: 700px;">
<input type="text" name="product_name[]" class="form-control multiple_product" placeholder="Type product name"/>
</td>
<td>
<button type="button" class="btn btn-danger deleteProductRow " style="width: 40px; height: 40px"><i class="fa fa-trash"> </i></button>
</td>
</tr>
</table>
<script type="text/javascript">
$( document ).ready(function() {
$('#addMoreProducts').click(function(){
var cloned=$('#productHideDiv tr').first().clone(true);
cloned.appendTo('#productAppendDiv');
});
});
$(document).on("click", ".deleteProductRow", function () {
$(this).parents('.row_element').remove();
});
</script>
controller :
public function store(Request $request)
{
$post = new BlogPost;
$post->save();
$productDetails = $this->makeProductDataFormat($request->product_name,$post->id);
if(count($productDetails) > 0) {
BlogProduct::insert($productDetails);
}
}
public function makeProductDataFormat($data,$postId) {
BlogProduct::where('post_id',$postId)->delete(); //use update function
$productDetailsData = [];
if(isset($data)){
foreach ($data as $value) {
$product = Product::where(['status'=>1, 'name'=>$value])->first();
if($product){
$productDetailsData[] =[
'post_id' => $postId,
'product_id' => $product->id,
];
}
}
}
return $productDetailsData;
}
update confirm button from table list using sweet Alert & Ajax Post method ?
JS :
<script src="{{ asset('backoffice/global_assets/bootstrap-sweetalert/dist/sweetalert.min.js') }}"></script>
CSS :
<link rel="stylesheet" href="{{ asset('backoffice/global_assets/bootstrap-sweetalert/dist/sweetalert.css') }}">
wep.php:
Route::post(
'delivery-man/deposit_status',
'Admin\DeliveryManMoneyController@depositStatusChange'
)->name('delivery-man.deposit_status');
controller :
public function depositStatusChange(Request $request){
$deposit=DeliveryManCollection::where(
'id', $request->collection_id
)->first();
$deposit->deposit_status=1;
$deposit->update();
return ['msg'=>'Money deposited.'];
}
blade.php :
<td>
@if($row->deposit_status ==1)
<button class="btn btn-danger" >Deposited</button>
@else
<button class="btn btn-danger btn-xs action-button deposit_status_change" data-id=" {{$row->id}}">Deposit
</button>
@endif
</td>
<script type="text/javascript">
$(function(){
$('.deposit_status_change').click(function() {
var collection_id=$(this).data('id');
//console.log(urll)
swal({
title: "Are you sure?",
text: "Press Yes to confirm or press No to cancel.",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Yes",
cancelButtonText: "No",
closeOnConfirm: true,
closeOnCancel: true
},
function(isConfirm){
if(isConfirm){
$.ajax({
url: "{{ route('delivery-man.deposit_status') }}",
type: 'POST',
data: {
collection_id: collection_id,
_token: "{{ csrf_token() }}"
},
success: function(res){
$.jGrowl(res.msg, {
header: 'Success',
theme: 'alert-bordered alert-styled-left alert-success'
});
location.reload();
},
error: function (data) {
$.jGrowl('Sorry form submission failed. Try again later.', {
header: 'Error',
theme: 'alert-bordered alert-styled-left alert-danger'
});
}
});
}
});
});
});
</script>
<script src="{{ asset('backoffice/global_assets/bootstrap-sweetalert/dist/sweetalert.min.js') }}"></script>
CSS :
<link rel="stylesheet" href="{{ asset('backoffice/global_assets/bootstrap-sweetalert/dist/sweetalert.css') }}">
wep.php:
Route::post(
'delivery-man/deposit_status',
'Admin\DeliveryManMoneyController@depositStatusChange'
)->name('delivery-man.deposit_status');
controller :
public function depositStatusChange(Request $request){
$deposit=DeliveryManCollection::where(
'id', $request->collection_id
)->first();
$deposit->deposit_status=1;
$deposit->update();
return ['msg'=>'Money deposited.'];
}
blade.php :
<td>
@if($row->deposit_status ==1)
<button class="btn btn-danger" >Deposited</button>
@else
<button class="btn btn-danger btn-xs action-button deposit_status_change" data-id=" {{$row->id}}">Deposit
</button>
@endif
</td>
<script type="text/javascript">
$(function(){
$('.deposit_status_change').click(function() {
var collection_id=$(this).data('id');
//console.log(urll)
swal({
title: "Are you sure?",
text: "Press Yes to confirm or press No to cancel.",
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Yes",
cancelButtonText: "No",
closeOnConfirm: true,
closeOnCancel: true
},
function(isConfirm){
if(isConfirm){
$.ajax({
url: "{{ route('delivery-man.deposit_status') }}",
type: 'POST',
data: {
collection_id: collection_id,
_token: "{{ csrf_token() }}"
},
success: function(res){
$.jGrowl(res.msg, {
header: 'Success',
theme: 'alert-bordered alert-styled-left alert-success'
});
location.reload();
},
error: function (data) {
$.jGrowl('Sorry form submission failed. Try again later.', {
header: 'Error',
theme: 'alert-bordered alert-styled-left alert-danger'
});
}
});
}
});
});
});
</script>
Subscribe to:
Posts (Atom)
Ajax load lage with laravel.
step-1: HTML <div class="row"> <div class="col-lg-12"> <d...
-
<div id="employeement_more"> <div class="row employeementAppendDiv" style="border-top: 1px dotted #d...
-
step-1: HTML <div class="row"> <div class="col-lg-12"> <d...
-
Delete btn: <a href="{!!route('news-letter-delete',$row->id )!!}" class="btn btn-danger deleteBtn pull-right p...