| Server IP : 162.213.251.212 / Your IP : 18.222.184.178 [ Web Server : LiteSpeed System : Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : allssztx ( 535) PHP Version : 8.1.31 Disable Function : NONE Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/allssztx/public_html/easybuyer/resources/views/admin/ |
Upload File : |
<x-admin.header />
<x-admin.sidebar />
<style>
.input-field .img-upload-btn
{
margin: 10px;
}
td.col-img
{
display: flex;
}
td.col-img h6
{
position: relative;
margin: 10px 0px 0px 10px !important;
}
</style>
<div class="main-content">
<div class="graph-card card-table" id="ConfigList">
<div class="card-head">
<div class="text-content">
<h5>Config</h5>
</div>
<div class="card-drp">
<div class="btn-content btn-group" role="group" aria-label="Basic example">
</div>
</div>
</div>
<div class="card-body">
<div class="table-responsive table-scroll">
<table class="table-management">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Description</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@foreach($fetch as $key => $con)
<tr>
<td>
{{$con->id}}
</td>
<td>
{{$con->name}}
</td>
<td>
{!! $con->description !!}
</td>
<td>
@if($con->status == 1)
<h6>Active</h6>
@else
<h6>Un Active</h6>
@endif
</td>
<td>
<button class="refresh-btn edit-btnn" data-tooltip="Edit" data-id="{{$con->id}}"
data-name="{{$con->name}}"
data-description="{{$con->description}}"
data-phone="{{$con->Phone}}"
data-email="{{$con->Email}}"
data-location="{{$con->Location}}"
data-facebook="{{$con->link_1}}"
data-insta="{{$con->link_2}}"
data-linkedin="{{$con->link_3}}"
data-twitter="{{$con->link_4}}"
data-youtube="{{$con->link_5}}"
data-status="{{$con->status}}">
<i class="fa-regular fa-pencil"></i>
</button>
<!-- <button class="delete-btn btn_del" value="{{$con->id}}" data-tooltip="Delete">
<i class="fa-regular fa-xmark"></i>
</button> -->
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="pagination">
</div>
</div>
</div>
</div>
<!-- Model Start Here -->
<div class="modal fade" id="edit-config" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="edit-dialogLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form id="update-form">
@csrf
<div class="modal-header">
<h5 class="modal-title" id="edit-dialogLabel">Update Config</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="form-content">
<div class="row">
<div class="col-12">
<input type="hidden" name="ConId" id="ConId">
</div>
<div class="col-12">
<div class="input-field">
<label for="">Name</label>
<input class="custom-input" type="text" name="ConName" id="ConName" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Description</label>
<textarea class="custom-input ckeditor" type="text" name="ConDescription" id="ConDescription"></textarea>
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Phone</label>
<input class="custom-input" type="text" name="ConPhone" id="ConPhone" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Email</label>
<input class="custom-input" type="text" name="ConEmail" id="ConEmail" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Location</label>
<input class="custom-input" type="text" name="ConLocation" id="ConLocation" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Facebook</label>
<input class="custom-input" type="text" name="ConFacebook" id="ConFacebook" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Instagram</label>
<input class="custom-input" type="text" name="ConInstagram" id="ConInstagram" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">TikTok</label>
<input class="custom-input" type="text" name="ConLinkedIn" id="ConLinkedIn" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Twitter</label>
<input class="custom-input" type="text" name="ConTwitter" id="ConTwitter" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Youtube</label>
<input class="custom-input" type="text" name="ConYoutube" id="ConYoutube" value="">
</div>
</div>
<div class="col-12">
<div class="input-field">
<label for="">Status</label>
<select name="ConStatus" class="form-control custom-input" id="ConStatus">
<option value="1">Active</option>
<option value="0">Un-Active</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-process">Update Changes</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(".edit-btnn").click(function () {
$("#edit-config").modal('show');
var id = $(this).data('id');
var name = $(this).data('name');
var description = $(this).data('description');
var phone = $(this).data('phone');
var email = $(this).data('email');
var location = $(this).data('location');
var facebook = $(this).data('facebook');
var instagram = $(this).data('insta');
var linkedin = $(this).data('linkedin');
var twitter = $(this).data('twitter');
var youtube = $(this).data('youtube');
var status = $(this).data('status');
CKEDITOR.instances['ConDescription'].setData(description);
$("#ConId").val(id);
$("#ConName").val(name);
$("#ConPhone").val(phone);
$("#ConEmail").val(email);
$("#ConLocation").val(location);
$("#ConFacebook").val(facebook);
$("#ConInstagram").val(instagram);
$("#ConLinkedIn").val(linkedin);
$("#ConTwitter").val(twitter);
$("#ConYoutube").val(youtube);
$("#ConStatus").val(status);
})
</script>
<!-- Model End Here -->
<!-- Update Work Start Here -->
<script>
$(document).ready(function(){
$("#update-form").on('submit',function(e){
e.preventDefault();
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
var data = new FormData(this);
$.ajax({
url: "update_config",
method: "POST",
data: data,
cache: false,
contentType: false,
processData: false,
success:function(data)
{
if($.isEmptyObject(data.error))
{
toastr.success(data.success,"Updated",{timeOut: 1500});
document.getElementById('update-form').reset();
CKEDITOR.instances.ConDescription.setData("");
$("#edit-config").modal('hide');
$("#ConfigList").load(location.href+" #ConfigList>*","");
}
else if(data.error.ConName)
{
toastr.error(data.error.ConName,"Error",{timeOut: 1500});
return false;
}
// else if(data.error.ConDescription)
// {
// toastr.error(data.error.ConDescription,"Error",{timeOut: 1500});
// return false;
// }
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Update Work End Here -->
<!-- Delete Work Start Here -->
<script>
$(document).ready(function(){
$('body').on('click', '.btn_del', function(e){
e.preventDefault();
var id = $(this).val();
$.ajax({
url: "delete_config",
method: "GET",
data: {'id': id},
cache: false,
success:function()
{
toastr.success("Config Deleted Successfuly","Deleted",{timeOut: 1500});
$("#ConfigList").load(location.href+" #ConfigList>*","");
},
error:function()
{
toastr.error("SomeThing Went Wrong...","Error");
return false;
},
});
});
});
</script>
<!-- Delete Work End Here -->
<x-admin.footer />