File: /var/www/html/hrms-production/storage/framework/views/d6788ad5adf93ab92839d018fecc6a5d5607174a.php
<div class="modal fade" id="addDesignation">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Add Designation</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Main content -->
<form id="addDesignationform">
<input type="hidden" name="_token" id="token_designation" value="<?php echo e(csrf_token()); ?>">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="GroupId">Select Group<span class="text-danger">*</label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="GroupId" id="GroupIdDesignation"
data-placeholder="Select Group" required>
<option selected="selected" disabled>Select Group</option>
</select>
</div>
</div>
<div class="col-md-8">
<div class="form-group mb-2">
<label class="mb-0" for="CadreId">Select Cadre<span class="text-danger">*</label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="CadreId" id="CadreIdDesignation"
data-placeholder="Select Cadre" required>
<option selected="selected" disabled>Select Cadre</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="name">Designation Name<span class="text-danger">*</label>
<input type="text" class="form-control form-control-sm" id="DesignationName"
name="DesignationName" required>
</span><span id='CheckDesignation'></span>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<button type="button" class="btn btn-sm btn-outline-secondary mx-1"
data-dismiss="modal" aria-label="Close">Cancel</button>
<button type="submit" id="btn-save-new-designation"
class="btn btn-sm btn-outline-info mx-1">Save & New</button>
<button type="submit" id="btn-save-designation"
class="btn btn-sm btn-info mx-1">Save</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<div class="modal fade" id="updateDesignation">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Designation <span id="DesignationName" class="text-info"></span></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Main content -->
<form id="updateDesignationform">
<input type="hidden" name="_token" id="token_designation_update" value="<?php echo e(csrf_token()); ?>">
<input type="hidden" id="DesignationId" name="DesignationId">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="GroupId">Select Group<span class="text-danger">*</label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="GroupId" id="EditGroupIdDesignation"
data-placeholder="Select Group" required>
<option selected="selected" disabled>Select Group</option>
</select>
</div>
</div>
<div class="col-md-8">
<div class="form-group mb-2">
<label class="mb-0" for="CadreId">Select Cadre<span class="text-danger">*</label>
<select class="form-control form-control-sm select2" style="width: 100%;"
aria-hidden="true" name="CadreId" id="EditCadreIdDesignation"
data-placeholder="Select Cadre" required>
<option selected="selected" disabled>Select Cadre</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group mb-2">
<label class="mb-0" for="name">Designation Name<span class="text-danger">*</label>
<input type="text" class="form-control form-control-sm" id="EditDesignationName" name="DesignationName" required>
</span>
</div>
</div>
</div>
<hr />
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<button type="button" class="btn btn-sm btn-outline-secondary mx-1"
data-dismiss="modal" aria-label="Close">Cancel</button>
<button type="submit" name="Update" value="Update"
class="btn btn-sm btn-info mx-1">Update</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "<?php echo e(url('/group-list')); ?>",
dataType: "json",
success: function(response) {
var json = response.Group;
$.each(json, function(i, group) {
$("#GroupIdDesignation, #EditGroupIdDesignation").append("<option value='" + group.GroupId + "'>" + group.GroupName + "</option>");
$('#GroupIdDesignation, #EditGroupIdDesignation').trigger('change');
});
}
});
});
</script>
<script>
$('#GroupIdDesignation').on('select2:select', function (e) {
//alert(e.params.data);
var data = e.params.data;
var GroupId = data.id;
getCadreList(GroupId);
});
// Cadre List
function getCadreList(GroupId, cadre_selected = ''){
var GroupId = GroupId;
$('#CadreIdDesignation').empty();
$.ajax({
type: "GET",
url: "<?php echo e(url('/')); ?>/get-cadre-list/" +GroupId,
dataType: "json",
success: function(response) {
var json = response.Cadre;
$.each(json, function(i, cadre) {
if (cadre_selected == cadre.CadreId) {
$("#CadreIdDesignation, #EditCadreIdDesignation").append("<option selected value='" + cadre.CadreId + "'>" + cadre.CadreName + "</option>");
$("#CadreIdDesignation, #EditCadreIdDesignation").trigger('change');
} else {
$("#CadreIdDesignation, #EditCadreIdDesignation").append("<option value='" + cadre.CadreId + "'>" + cadre.CadreName + "</option>");
$("#CadreIdDesignation, #EditCadreIdDesignation").trigger('change');
}
// $("#CadreIdDesignation, #EditCadreIdDesignation").append("<option value='" + cadre.CadreId + "'>" + cadre.CadreName + "</option>");
// $('#CadreIdDesignation').val(null).trigger('change');
// $('#CadreIdDesignation, #EditCadreIdDesignation').trigger('change');
});
}
});
}
</script>
<script>
function checkDuplicateDesignation(element, id){
var id = id;
var CadreId = $('#CadreIdDesignation :selected').val();
alert(CadreId);
if (DesignationName == "") {
$('span#CheckDesignation, #editCheckDesignation').css("display", "none");
} else {
$('span#CheckDesignation, #editCheckDesignation').css("display", "block");
}
//alert (Designation);
$.ajax({
type: "GET",
url: '<?php echo e(url("/")); ?>/check-designation/',
data: {DesignationName:DesignationName, id:id},
dataType: "json",
success: function(res) {
if(res.exists){
$('span#CheckDesignation, span#editCheckDesignation').html('<span class="text-danger">Designation name is already exist!</span>');
$('#btn-save-new-designation, #btn-save-designation, #btn-update-designation').attr('disabled', true);
} else {
$('span#CheckDesignation, span#editCheckDesignation').html('<span class="text-success">Designation name is available!</span>');
$('#btn-save-new-designation, #btn-save-designation, #btn-update-designation').attr('disabled', false);
}
},
error: function (jqXHR, exception) {
}
});
}
</script>
<script>
var reload = 0;
$(function () {
$.validator.setDefaults({
submitHandler: function () {
saveDesignationRecord();
}
});
// Reload page after data save
$('#btn-save-designation').click(function(){
reload = 1;
});
// Validate Fields
$('#addDesignationform').validate({
rules: {
DesignationName: {
required: true,
remote: {
type: "POST",
url:'<?php echo e(url("/")); ?>/check-duplicate-designation',
data: {
DesignationName: function() {
return $( "#DesignationName" ).val();
},
CadreIdDesignation: function() {
return $('#CadreIdDesignation').find(":selected").val();
},
'_token':$('meta[name="csrf-token"]').attr('content')
}
}
},
},
messages: {
DesignationName: {
required: "Please enter the designation name.",
remote: "The designation already exists in the selected cadre.",
},
CadreId: {
required: "Please select the cadre name.",
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
<script>
function saveDesignationRecord() {
event.preventDefault();
$.ajax({
type: "post",
url: "<?php echo e(url('store-designation')); ?>",
dataType: "json",
data: $('form#addDesignationform').serialize(),
success: function(response) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 2000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'success',
title: 'Designation added successfully!'
});
$('form#addDesignationform').each(function() {
this.reset();
});
$('#GroupIdDesignation').val(null).trigger('change');
$('#CadreIdDesignation').empty();
$('span#CheckDesignation').html('');
if(reload)
{
location.reload();
}
},
error: function(response) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Sorry, Something went wrong!'
})
}
});
}
</script>
<script>
// Activate
function activateDesignation(DesignationId) {
var DesignationId = DesignationId;
Swal.fire({
title: 'Activate Designation?',
text: "Are you sure you want to activate Designation!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, activate it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "get",
url: "<?php echo e(url('/')); ?>/change-status-designation/" + DesignationId,
success: function(response) {
Swal.fire({
icon: 'success',
title: 'Designation has been activated!',
showConfirmButton: false,
timer: 1500
}).then(function() {
location.reload();
});
}
});
}
});
}
// Deactivate
function deactivateDesignation(DesignationId) {
var DesignationId = DesignationId;
Swal.fire({
title: 'De-activate Designation?',
text: "Are you sure you want to De-activate Designation!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, De-activate it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "get",
url: "<?php echo e(url('/')); ?>/change-status-designation/" + DesignationId,
success: function(response) {
Swal.fire({
icon: 'success',
title: 'Designation has been De-activated!',
showConfirmButton: false,
timer: 1500
}).then(function() {
location.reload();
});
}
});
}
});
}
</script>
<script>
function editDesignation(DesignationId)
{
var DesignationId = DesignationId;
$('#updateDesignation').modal('show');
$.ajax({
type: "GET",
url: "<?php echo e(url('/')); ?>/edit-designation/" +DesignationId,
success: function (response) {
$('#editDesignationName').val(response.Designation.DesignationName);
$('#DesignationId').val(DesignationId);
$('span#DesignationName').html('#' +response.Designation.DesignationName);
$('#EditGroupIdDesignation').val(response.Designation.GroupId);
$('#EditGroupIdDesignation').trigger('change');
getCadreList(response.Designation.GroupId, response.Designation.CadreId)
$('#EditCadreIdDesignation').val(response.Designation.CadreId);
$('#EditCadreIdDesignation').trigger('change');
$('#EditDesignationName').val(response.Designation.DesignationName);
}
});
}
</script>
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
$.ajax({
type: "post",
url: "<?php echo e(url('update-designation')); ?>",
data: $("form#updateDesignationform").serialize(),
success: function(response) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 2000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'success',
title: 'Designation updated successfully!'
});
setTimeout(function(){
window.location.reload(1);
}, 2000);
},
error: function(data) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 2000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Something went wrong!'
});
}
});
}
});
$('#updateDesignationform').validate({
rules: {
GroupId: {
required: true,
},
CadreId: {
required: true,
},
DesignationName: {
required: true,
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
<script>
//Delete Designation
function deleteDesignation(DesignationId) {
var DesignationId = DesignationId;
$.ajax({
type: "GET",
url: "<?php echo e(url('/')); ?>/check-employee-designation/" + DesignationId,
success: function (response) {
if (response.exists) {
Swal.fire({
icon: "warning",
title: "Can't be deleted!",
text: "This Designation is associated with empolyee(s)!",
showConfirmButton: true,
});
} else {
Swal.fire({
title: "Delete Designation?",
text: "Are you sure you want to delete this Designation?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, delete it!",
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: "get",
url:
"<?php echo e(url('/')); ?>/delete-designation/" +
DesignationId,
success: function (response) {
Swal.fire({
icon: "success",
title: "Designation has been deleted!",
showConfirmButton: false,
timer: 1500,
}).then(function () {
location.reload();
});
},
});
}
});
}
},
});
}
</script><?php /**PATH /var/www/html/hrms-production/resources/views/components/designation-modal.blade.php ENDPATH**/ ?>