You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
370 lines
13 KiB
370 lines
13 KiB
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
<h1>
|
|
Gérer les
|
|
<small>Attributs</small>
|
|
</h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="#"><i class="fa fa-dashboard"></i> Accueil</a></li>
|
|
<li class="active">Attributs</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
<!-- Small boxes (Stat box) -->
|
|
<div class="row">
|
|
<div class="col-md-12 col-xs-12">
|
|
|
|
<div id="messages"></div>
|
|
|
|
<?php if (session()->getFlashdata('success')): ?>
|
|
<div class="alert alert-success alert-dismissible" role="alert">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<?php echo session()->getFlashdata('success'); ?>
|
|
</div>
|
|
<?php elseif (session()->getFlashdata('error')): ?>
|
|
<div class="alert alert-error alert-dismissible" role="alert">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<?php echo session()->getFlashdata('error'); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php //if(in_array('createGroup', $user_permission)):
|
|
?>
|
|
<button class="btn btn-primary" data-toggle="modal" data-target="#addModal">Ajouter un attribut</button>
|
|
<br /> <br />
|
|
<?php //endif;
|
|
?>
|
|
|
|
<div class="box">
|
|
<div class="box-header">
|
|
<h3 class="box-title">Gérer les Attributs</h3>
|
|
</div>
|
|
<!-- /.box-header -->
|
|
<div class="box-body">
|
|
<table id="manageTable" class="table table-bordered table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Nom de l'attribut</th>
|
|
<th>Total valeur</th>
|
|
<th>Status</th>
|
|
<?php if(in_array('updateGroup', $user_permission) || in_array('deleteGroup', $user_permission)):
|
|
?>
|
|
<th>Action</th>
|
|
<?php endif;
|
|
?>
|
|
</tr>
|
|
</thead>
|
|
|
|
</table>
|
|
</div>
|
|
<!-- /.box-body -->
|
|
</div>
|
|
<!-- /.box -->
|
|
</div>
|
|
<!-- col-md-12 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
|
|
|
|
<!-- create brand modal -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="addModal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Ajouter un attribut</h4>
|
|
</div>
|
|
|
|
<form role="form" action="<?php echo base_url('attributes/create') ?>" method="post" id="createForm">
|
|
|
|
<div class="modal-body">
|
|
|
|
<div class="form-group">
|
|
<label for="brand_name">Nom de l'attribut</label>
|
|
<input type="text" class="form-control" id="attribute_name" name="attribute_name" placeholder="Nom de l'attribut" autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="active">Status</label>
|
|
<select class="form-control" id="active" name="active">
|
|
<option value="1">Active</option>
|
|
<option value="2">Inactive</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Enregistrer</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<!-- edit brand modal -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="editModal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Mise à jour Attribut</h4>
|
|
</div>
|
|
|
|
<form role="form" action="<?php echo base_url('attributes/update') ?>" method="post" id="updateForm">
|
|
|
|
<div class="modal-body">
|
|
<div id="messages"></div>
|
|
|
|
<div class="form-group">
|
|
<label for="edit_brand_name">Nom de l'attribut</label>
|
|
<input type="text" class="form-control" id="edit_attribute_name" name="edit_attribute_name" placeholder="Nom de l'attribut" autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="edit_active">Status</label>
|
|
<select class="form-control" id="edit_active" name="edit_active">
|
|
<option value="1">Active</option>
|
|
<option value="2">Inactive</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Enregistrer</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<!-- remove brand modal -->
|
|
<div class="modal fade" tabindex="-1" role="dialog" id="removeModal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Supprimer un attribut</h4>
|
|
</div>
|
|
|
|
<form role="form" action="<?php echo base_url('attributes/remove') ?>" method="post" id="removeForm">
|
|
<div class="modal-body">
|
|
<p>Voulez-vous vraiment supprimer ?</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
|
|
<button type="submit" class="btn btn-primary">Oui</button>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
var manageTable;
|
|
var base_url = "<?php echo base_url(); ?>";
|
|
|
|
$(document).ready(function() {
|
|
|
|
$("#mainProductNav").addClass('active');
|
|
$("#attributeNav").addClass('active');
|
|
|
|
// initialize the datatable
|
|
manageTable = $('#manageTable').DataTable({
|
|
'ajax': 'fetchAttributeData',
|
|
'order': []
|
|
});
|
|
|
|
// submit the create from
|
|
$("#createForm").unbind('submit').on('submit', function() {
|
|
var form = $(this);
|
|
|
|
// remove the text-danger
|
|
$(".text-danger").remove();
|
|
|
|
$.ajax({
|
|
url: form.attr('action'),
|
|
type: form.attr('method'),
|
|
data: form.serialize(), // /converting the form data into array and sending it to server
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
|
|
manageTable.ajax.reload(null, false);
|
|
|
|
if (response.success === true) {
|
|
$("#messages").html('<div class="alert alert-success alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-ok-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
|
|
|
|
// hide the modal
|
|
$("#addModal").modal('hide');
|
|
|
|
// reset the form
|
|
$("#createForm")[0].reset();
|
|
$("#createForm .form-group").removeClass('has-error').removeClass('has-success');
|
|
|
|
} else {
|
|
|
|
if (response.messages instanceof Object) {
|
|
$.each(response.messages, function(index, value) {
|
|
var id = $("#" + index);
|
|
|
|
id.closest('.form-group')
|
|
.removeClass('has-error')
|
|
.removeClass('has-success')
|
|
.addClass(value.length > 0 ? 'has-error' : 'has-success');
|
|
|
|
id.after(value);
|
|
|
|
});
|
|
} else {
|
|
$("#messages").html('<div class="alert alert-warning alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-exclamation-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
});
|
|
|
|
// edit function
|
|
function editFunc(id) {
|
|
$.ajax({
|
|
url: 'fetchAttributeDataById/' + id,
|
|
type: 'post',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
|
|
$("#edit_attribute_name").val(response.name);
|
|
$("#edit_active").val(response.active);
|
|
|
|
// submit the edit from
|
|
$("#updateForm").unbind('submit').bind('submit', function() {
|
|
var form = $(this);
|
|
|
|
// remove the text-danger
|
|
$(".text-danger").remove();
|
|
|
|
$.ajax({
|
|
url: form.attr('action') + '/' + id,
|
|
type: form.attr('method'),
|
|
data: form.serialize(), // /converting the form data into array and sending it to server
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
|
|
manageTable.ajax.reload(null, false);
|
|
|
|
if (response.success === true) {
|
|
$("#messages").html('<div class="alert alert-success alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-ok-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
|
|
|
|
// hide the modal
|
|
$("#editModal").modal('hide');
|
|
// reset the form
|
|
$("#updateForm .form-group").removeClass('has-error').removeClass('has-success');
|
|
|
|
} else {
|
|
|
|
if (response.messages instanceof Object) {
|
|
$.each(response.messages, function(index, value) {
|
|
var id = $("#" + index);
|
|
|
|
id.closest('.form-group')
|
|
.removeClass('has-error')
|
|
.removeClass('has-success')
|
|
.addClass(value.length > 0 ? 'has-error' : 'has-success');
|
|
|
|
id.after(value);
|
|
|
|
});
|
|
} else {
|
|
$("#messages").html('<div class="alert alert-warning alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-exclamation-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
|
|
}
|
|
});
|
|
}
|
|
|
|
// remove functions
|
|
function removeFunc(id) {
|
|
if (id) {
|
|
$("#removeForm").on('submit', function() {
|
|
|
|
var form = $(this);
|
|
|
|
// remove the text-danger
|
|
$(".text-danger").remove();
|
|
|
|
$.ajax({
|
|
url: form.attr('action'),
|
|
type: form.attr('method'),
|
|
data: {
|
|
attribute_id: id
|
|
},
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
|
|
manageTable.ajax.reload(null, false);
|
|
|
|
if (response.success === true) {
|
|
$("#messages").html('<div class="alert alert-success alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-ok-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
|
|
// hide the modal
|
|
$("#removeModal").modal('hide');
|
|
|
|
} else {
|
|
|
|
$("#messages").html('<div class="alert alert-warning alert-dismissible" role="alert">' +
|
|
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
|
|
'<strong> <span class="glyphicon glyphicon-exclamation-sign"></span> </strong>' + response.messages +
|
|
'</div>');
|
|
}
|
|
}
|
|
});
|
|
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
</script>
|