Your IP : 216.73.217.77
<div class="container-fluid">
<div>
<h3>Manage Job Categories</h3>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="#">Home</a>
</li>
<li class="breadcrumb-item">
<a href="#">Manage Features</a>
</li>
<li class="breadcrumb-item">
<a href="#">Category</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Manage Job Categories</li>
</ol>
</nav>
</div>
<!-- Vertical Layout -->
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="card">
<div class="card-body">
<h6 class="card-title">Add Category</h6>
<div class="row">
<div class="col-md-12" style="margin-bottom:0;">
<div class=" add_category_form_alert"></div>
<form method="POST" id="add_category_form">
<div class="row">
<?php foreach (Wo_LangsNamesFromDB() as $wo['key_']) { ?>
<div class="col-md-2" id="normal-query-form">
<div class="form-group form-float">
<div class="form-line">
<label class="form-label"><?php echo ucfirst($wo['key_']); ?></label>
<input type="text" class="form-control" name="<?php echo($wo['key_']) ?>">
</div>
</div>
</div>
<?php } ?>
<div class="clearfix"></div>
<div class="col-md-2">
<div> </div>
<button class="btn btn-info">Add</button>
</div>
</div>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="card">
<div class="card-body">
<h6 class="card-title">Manage Categories</h6>
<div class="clearfix"></div>
<div class="table-responsive1">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th><input type="checkbox" id="check-all" class="filled-in check-all" ><label for="check-all"></label></th>
<th>ID</th>
<th>Category Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
$categories_keys = Wo_GetCategoriesKeys(T_JOB_CATEGORY);
foreach ($wo['job_categories'] as $category_id => $category_name) {
$wo['category_key'] = $category_id;
$wo['category_name'] = $category_name;
$wo['category_lang_key'] = $categories_keys[$category_id];
echo Wo_LoadAdminPage('job-categories/list');
}
?>
</tbody>
</table>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-lg-3 col-md-3">
<span> </span>
<button type="button" class="btn btn-info waves-effect delete-selected d-block" disabled>Delete Selected<span></span></button>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- #END# Vertical Layout -->
<div class="modal fade" id="DeleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModal1Label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModal1Label">Delete Category?</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Are you sure you want to delete this Category?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Delete</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="SelectedDeleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModal1Label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModal1Label">Delete Category?</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Are you sure that you want to remove the selected Category?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" onclick="DeleteSelected()" data-dismiss="modal">Submit</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="editcategoryModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content modal_content_back">
<div class="modal-header">
<h5 class="modal-title" id="editcategoryModalLabel">Edit Category</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="edit_category_form_alert"></div>
<form class="edit_category_lang" method="POST" id="modal-body-langs">
<div class="data_lang"></div>
<input type="hidden" name="hash_id" value="<?php echo Wo_CreateSession();?>">
<input type="hidden" name="id_of_key" id="id_of_key" value="">
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary modal_close_btn" data-dismiss="modal">CLOSE</button>
<button type="button" class="btn btn-primary" id="save_edited_category">SAVE CHANGES</button>
</div>
</div>
</div>
</div>
<script>
var add_category_form = $('form#add_category_form');
var edit_category_form = $('form.edit_category_lang');
add_category_form.ajaxForm({
url: Wo_Ajax_Requests_File() + '?f=admin_setting&s=add_new_category&type=job',
beforeSend: function() {
add_category_form.find('.waves-effect').text("Please wait..");
},
success: function(data) {
if (data.status == 200) {
add_category_form.find('.waves-effect').text('Save');
$('.add_category_form_alert').html('<div class="alert alert-success"><i class="fa fa-check"></i> Category successfully added</div>');
setTimeout(function () {
$('.add_category_form_alert').empty();
}, 2000);
window.location.reload();
}
else{
$('.add_category_form_alert').html('<div class="alert alert-danger"><i class="fa fa-check"></i> '+data.message+'</div>');
setTimeout(function () {
$('.add_category_form_alert').empty();
}, 2000);
}
}
});
edit_category_form.ajaxForm({
url: Wo_Ajax_Requests_File() + '?f=admin_setting&s=update_lang_key&hash=' + $('.main_session').val(),
beforeSend: function() {
edit_category_form.find('.waves-effect').text("Please wait..");
},
success: function(data) {
if (data.status == 200) {
edit_category_form.find('.waves-effect').text('Save');
$('.edit_category_form_alert').html('<div class="alert alert-success"><i class="fa fa-check"></i> Category successfully edited</div>');
setTimeout(function () {
$('.edit_category_form_alert').empty();
}, 3000);
window.location.reload();
}
else{
$('.edit_category_form_alert').html('<div class="alert alert-danger"><i class="fa fa-check"></i> '+data.message+'</div>');
setTimeout(function () {
$('.edit_category_form_alert').empty();
}, 2000);
}
}
});
$(document).on('click','#save_edited_category', function(event) {
event.preventDefault();
$('.edit_category_lang').submit();
});
function edit_category(id) {
$('#id_of_key').val(id);
$.post(Wo_Ajax_Requests_File() + '?f=admin_setting&s=get_category_langs', {lang_key: id}, function(data, textStatus, xhr) {
if (data.status == 200) {
$('.data_lang').html(data.html);
$('#editcategoryModal').modal();
}
});
}
$('.check-all').on('click', function(event) {
$('input:checkbox').not(this).prop('checked', this.checked);
});
$('.delete-checkbox, .check-all').change(function(event) {
$('.delete-selected').attr('disabled', false);
$('.delete-selected').find('span').text(' (' + $('.delete-checkbox:checked').length + ')');
});
$('.delete-selected').on('click', function(event) {
event.preventDefault();
$('#SelectedDeleteModal').modal('show');
});
function DeleteSelected() {
data = new Array();
$('td input:checked').parents('tr').each(function () {
data.push($(this).attr('data_selected'));
});
$('.delete-selected').attr('disabled', true);
$('.delete-selected').text('Please wait..');
$.post(Wo_Ajax_Requests_File()+"?f=admin_setting&s=remove_multi_category&type=job", {ids: data}, function () {
$.each( data, function( index, value ){
$('#list-' + value).remove();
});
$('.delete-selected').text('Delete Selected');
});
}
function Wo_DeleteCat(id,type = 'show') {
if (type == 'hide') {
$('#DeleteModal').find('.btn-primary').attr('onclick', "Wo_DeleteCat('"+id+"')");
$('#DeleteModal').modal('show');
return false;
}
$('#list-' + id).fadeOut(300, function() {
$(this).remove();
});
$.post(Wo_Ajax_Requests_File() + '?f=admin_setting&s=delete_category&type=job', {lang_key: id}, function(data, textStatus, xhr) {});
}
</script>