Inbox changes
This commit is contained in:
Manish Verma
@@ -0,0 +1,138 @@
|
||||
<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none; padding-right: 15px;background-color: rgba(0, 0, 0, 0.7);">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-8">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title" id="myModalLabel"></h4>
|
||||
</div>
|
||||
<div class="modal-body" id="custom-alert-body" >
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary pull-left yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
|
||||
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- merge tickets modal -->
|
||||
<div class="modal fade" id="MergeTickets">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
|
||||
</div><!-- /.modal-header-->
|
||||
<div class ="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
</div>
|
||||
<div class="col-md-6" id="merge_loader" style="display:none;">
|
||||
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/>
|
||||
</div><!-- /.merge-loader -->
|
||||
</div>
|
||||
<div id="merge_body">
|
||||
<div id="merge-body-alert">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div id="merge-succ-alert" class="alert alert-success alert-dismissable" style="display:none;" >
|
||||
<!--<button id="dismiss-merge" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>-->
|
||||
<h4><i class="icon fa fa-check"></i>{!! Lang::get('lang.alert') !!}!</h4>
|
||||
<div id="message-merge-succ"></div>
|
||||
</div>
|
||||
<div id="merge-err-alert" class="alert alert-danger alert-dismissable" style="display:none;">
|
||||
<!--<button id="dismiss-merge2" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>-->
|
||||
<h4><i class="icon fa fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
|
||||
<div id="message-merge-err"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.merge-alert -->
|
||||
<div id="merge-body-form">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
{!! Form::open(['id'=>'merge-form','method' => 'PATCH'] )!!}
|
||||
<label>{!! Lang::get('lang.title') !!}</label>
|
||||
<input type="text" name='title' class="form-control" value="" placeholder="Optional" />
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label>{!! Lang::get('lang.select-pparent-ticket') !!}</label>
|
||||
<select class="form-control" id="select-merge-parent" name='p_id' data-placeholder="{!! Lang::get('lang.select_tickets') !!}" style="width: 100%;"><option value=""></option></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<label>{!! Lang::get('lang.merge-reason') !!}</label>
|
||||
<textarea name="reason" class="form-control" height="120px"></textarea>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!-- mereg-body-form -->
|
||||
</div><!-- merge-body -->
|
||||
</div><!-- /.modal-body -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
|
||||
<input type="submit" id="merge-btn" class="btn btn-primary pull-right" value="{!! Lang::get('lang.merge') !!}"></input>
|
||||
{!! Form::close() !!}
|
||||
</div><!-- /.modal-footer -->
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<!-- Assign ticket model-->
|
||||
<div class="modal fade" id="AssignTickets">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
|
||||
</div><!-- /.modal-header-->
|
||||
<div class ="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
</div>
|
||||
<div class="col-md-6" id="assign_loader" style="display:none;">
|
||||
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/>
|
||||
</div><!-- /.merge-loader -->
|
||||
</div>
|
||||
<div id="assign_body">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<form id="assign-form">
|
||||
{{ csrf_field() }}
|
||||
<label>{!! Lang::get('lang.whome_do_you_want_to_assign_ticket') !!}</label>
|
||||
<select id="assign" class="form-control" name="assign_to">
|
||||
|
||||
<?php
|
||||
$teams = App\Model\helpdesk\Agent\Teams::where('status', '=', '1')->where('team_lead', '!=', null)->get();
|
||||
$count_teams = count($teams);
|
||||
$assign = App\User::where('role', '!=', 'user')->select('id', 'first_name', 'last_name')->where('active', '=', 1)->where('is_delete', '!=', 1)->where('ban', '!=', 1)->orderBy('first_name')->get();
|
||||
$count_assign = count($assign);
|
||||
?>
|
||||
<optgroup label="Teams ( {!! $count_teams !!} )">
|
||||
@foreach($teams as $team)
|
||||
<option value="team_{{$team->id}}">{!! $team->name !!}</option>
|
||||
@endforeach
|
||||
</optgroup>
|
||||
<optgroup label="Agents ( {!! $count_assign !!} )">
|
||||
@foreach($assign as $user)
|
||||
<option value="user_{{$user->id}}">{{$user->first_name." ".$user->last_name}}</option>
|
||||
@endforeach
|
||||
</optgroup>
|
||||
</select>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- mereg-body-form -->
|
||||
</div><!-- merge-body -->
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
|
||||
<input type="submit" id="merge-btn" class="btn btn-primary pull-right" value="{!! Lang::get('lang.assign') !!}"></input>
|
||||
{!! Form::close() !!}
|
||||
</div><!-- /.modal-footer -->
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<!-- Assign ticket model-->
|
||||
@@ -0,0 +1,335 @@
|
||||
<script>
|
||||
var filterClick = 0;
|
||||
var clearlist = 0;
|
||||
var t_id = [];
|
||||
var submit_form = 0;
|
||||
var c_status = '';
|
||||
var option = null;
|
||||
$(function () {
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function () {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$(".mailbox-messages input[type='checkbox']").iCheck("uncheck");
|
||||
$(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$(".mailbox-messages input[type='checkbox']").iCheck("check");
|
||||
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
});
|
||||
$(function () {
|
||||
// Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function () {
|
||||
var clicks = $(this).data('clicks');
|
||||
// alert(clicks);
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
// alert($("input[type='checkbox']").val());
|
||||
t_id = $('.selectval').map(function () {
|
||||
return $(this).val();
|
||||
}).get();
|
||||
showAssign(t_id);
|
||||
// alert(checkboxValues);
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
// alert('Hallo');
|
||||
t_id = [];
|
||||
showAssign(t_id);
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
});
|
||||
|
||||
function getValues() {
|
||||
return t_id;
|
||||
}
|
||||
|
||||
$(".closemodal, .no").click(function () {
|
||||
$("#myModal").css("display", "none");
|
||||
});
|
||||
|
||||
$(".closemodal, .no").click(function () {
|
||||
$("#myModal").css("display", "none");
|
||||
});
|
||||
|
||||
$('.yes').click(function () {
|
||||
var values = getValues();
|
||||
if (values == "") {
|
||||
$("#myModal").css("display", "none");
|
||||
} else {
|
||||
$("#myModal").css("display", "none");
|
||||
if (c_status != 'hard-delete'){
|
||||
var url = '{{url("ticket/change-status/")}}/' + values + '/' + c_status;
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
dataType: "html",
|
||||
data: $(this).serialize(),
|
||||
beforeSend: function() {
|
||||
$('.loader1').css('display','block');
|
||||
$('.loader').css('display','block');
|
||||
$('#d1').prop('disabled', true);
|
||||
$("#hidespin").hide();
|
||||
$("#spin").show();
|
||||
$("#hide2").hide();
|
||||
$("#show2").show();
|
||||
},
|
||||
success: function(response) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
$('#d1').prop('disabled', false);
|
||||
$("#hide2").show();
|
||||
$("#show2").hide();
|
||||
$("#hidespin").show();
|
||||
$("#spin").hide();
|
||||
var message = "{!! Lang::get('lang.status-changed-successfully') !!} {!! Lang::get('lang.reload-be-patient-message') !!}";
|
||||
$(".success-message, .success-msg, .get-success, #get-success").html(message);
|
||||
$(".alert-success").show();
|
||||
setTimeout(function(){
|
||||
location.reload();
|
||||
}, 3000)
|
||||
},
|
||||
error: function (xhr, ajaxOptions, thrownError) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
if (xhr.status == 403) {
|
||||
$('#d1').prop('disabled', false);
|
||||
$("#hide2").show();
|
||||
$("#show2").hide();
|
||||
$("#hidespin").show();
|
||||
$("#spin").hide();
|
||||
var message = JSON.parse(xhr.responseText);
|
||||
$(".error-message, #get-danger").html(message.message[0]);
|
||||
$(".alert-danger").show();
|
||||
}
|
||||
}
|
||||
})
|
||||
return false;
|
||||
} else {
|
||||
$("#modalpopup").unbind('submit');
|
||||
submit_form = 1;
|
||||
$('#hard-delete').click();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function changeStatus(id, name) {
|
||||
$('#myModalLabel').html('{{Lang::get("lang.change-ticket-status-to")}}' + name);
|
||||
var msg = "{{Lang::get('lang.confirm-to-proceed')}}";
|
||||
var values = getValues();
|
||||
if (values == "") {
|
||||
msg = "{{Lang::get('lang.select-ticket')}}";
|
||||
$('.yes').html("{{Lang::get('lang.ok')}}");
|
||||
$('#myModalLabel').html("{{Lang::get('lang.alert')}}");
|
||||
} else {
|
||||
c_status = id;
|
||||
$('.yes').html("Yes");
|
||||
}
|
||||
$('#custom-alert-body').html(msg);
|
||||
$("#myModal").css("display", "block");
|
||||
}
|
||||
|
||||
$('#modalpopup').on('submit', function(e){
|
||||
if (submit_form == 0) {
|
||||
e.preventDefault();
|
||||
changeStatus('hard-delete', '{{Lang::get("lang.clean-")}}');
|
||||
}
|
||||
$('#hard-delete').val('Delete forever')
|
||||
});
|
||||
|
||||
function someFunction(id) {
|
||||
if (document.getElementById(id).checked) {
|
||||
t_id.push(id);
|
||||
// alert(t_id);
|
||||
} else if (document.getElementById(id).checked === undefined) {
|
||||
var index = t_id.indexOf(id);
|
||||
if (index === - 1) {
|
||||
t_id.push(id);
|
||||
} else {
|
||||
t_id.splice(index, 1);
|
||||
}
|
||||
} else {
|
||||
var index = t_id.indexOf(id);
|
||||
t_id.splice(index, 1);
|
||||
// alert(t_id);
|
||||
}
|
||||
showAssign(t_id);
|
||||
}
|
||||
|
||||
function showAssign(t_id) {
|
||||
if (t_id.length >= 1) {
|
||||
$('#assign_Ticket').css('display', 'inline');
|
||||
} else {
|
||||
$('#assign_Ticket').css('display', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
//checking merging tickets
|
||||
$('#MergeTickets').on('show.bs.modal', function () {
|
||||
|
||||
// alert("hi");
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "{{route('check.merge.tickets',0)}}",
|
||||
dataType: "html",
|
||||
data: {data1: t_id},
|
||||
beforeSend: function () {
|
||||
$('.loader1').css('display','block');
|
||||
$('.loader').css('display','block');
|
||||
$("#merge_body").hide();
|
||||
$("#merge_loader").show();
|
||||
},
|
||||
success: function (response) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
if (response == 0) {
|
||||
$("#merge_body").show();
|
||||
$("#merge-succ-alert").hide();
|
||||
$("#merge-body-alert").show();
|
||||
$("#merge-body-form").hide();
|
||||
$("#merge_loader").hide();
|
||||
$("#merge-btn").attr('disabled', true);
|
||||
var message = "{{Lang::get('lang.select-tickets-to merge')}}";
|
||||
$("#merge-err-alert").show();
|
||||
$('#message-merge-err').html(message);
|
||||
} else if (response == 2) {
|
||||
$("#merge_body").show();
|
||||
$("#merge-succ-alert").hide();
|
||||
$("#merge-body-alert").show();
|
||||
$("#merge-body-form").hide();
|
||||
$("#merge_loader").hide();
|
||||
$("#merge-btn").attr('disabled', true);
|
||||
var message = "{{Lang::get('lang.different-users')}}";
|
||||
$("#merge-err-alert").show();
|
||||
$('#message-merge-err').html(message);
|
||||
} else {
|
||||
$.ajax({
|
||||
url: "{{ route('get.merge.tickets',0) }}",
|
||||
dataType: "html",
|
||||
data: {data1: t_id},
|
||||
beforeSend: function(){
|
||||
$('.loader1').css('display','block');
|
||||
$('.loader').css('display','block');
|
||||
},
|
||||
success: function (data) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
$("#merge_body").show();
|
||||
$("#merge-body-alert").hide();
|
||||
$("#merge-body-form").show();
|
||||
$("#merge_loader").hide();
|
||||
$("#merge-btn").attr('disabled', false);
|
||||
$("#merge_loader").hide();
|
||||
$('#select-merge-parent').html(data);
|
||||
}
|
||||
// return false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//submit merging form
|
||||
$('#merge-form').on('submit', function () {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "{!! url('merge-tickets/') !!}/" + t_id,
|
||||
dataType: "json",
|
||||
data: $(this).serialize(),
|
||||
beforeSend: function () {
|
||||
$('.loader1').css('display','block');
|
||||
$('.loader').css('display','block');
|
||||
$("#merge_body").hide();
|
||||
$("#merge_loader").show();
|
||||
},
|
||||
success: function (response) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
if (response == 0) {
|
||||
$("#merge_body").show();
|
||||
$("#merge-succ-alert").hide();
|
||||
$("#merge-body-alert").show();
|
||||
$("#merge-body-form").hide();
|
||||
$("#merge_loader").hide();
|
||||
$("#merge-btn").attr('disabled', true);
|
||||
var message = "{{Lang::get('lang.merge-error')}}";
|
||||
$("#merge-err-alert").show();
|
||||
$('#message-merge-err').html(message);
|
||||
} else {
|
||||
$("#merge_body").show();
|
||||
$("#merge-err-alert").hide();
|
||||
$("#merge-body-alert").show();
|
||||
$("#merge-body-form").hide();
|
||||
$("#merge_loader").hide();
|
||||
$("#merge-btn").attr('disabled', true);
|
||||
var message = "{{Lang::get('lang.merge-success')}}";
|
||||
$("#merge-succ-alert").show();
|
||||
$('#message-merge-succ').html(message);
|
||||
setTimeout(function () {
|
||||
$("#alert11").hide();
|
||||
location.reload();
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#AssignTickets').on('show.bs.modal', function() {
|
||||
//select_assigen_list.val(null).trigger("change");
|
||||
$("#assign_body").hide();
|
||||
$("#assign_loader").show();
|
||||
setTimeout(function(){
|
||||
$("#assign_body").show();
|
||||
$("#assign_loader").hide();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#assign-form').on('submit', function() {
|
||||
var t_id = "";
|
||||
$("input[name='select_all[]']:checked:enabled").each(function() {
|
||||
t_id = $(this).val() + "," + t_id;
|
||||
});
|
||||
//var t_id = $("input[name='select_all[]']").val();
|
||||
$.ajax({
|
||||
type: "PATCH",
|
||||
url: "{{url('ticket/assign')}}",
|
||||
dataType: "html",
|
||||
data: $(this).serialize() + '&ticket_id=' + t_id,
|
||||
beforeSend: function() {
|
||||
$('.loader1').css('display','block');
|
||||
$('.loader').css('display','block');
|
||||
$("#assign_body").hide();
|
||||
$("#assign_loader").show();
|
||||
},
|
||||
success: function(response) {
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
if (response == 1) {
|
||||
var message = "{!!Lang::get('lang.ticket-assigned-successfully')!!} {!!Lang::get('lang.reload-be-patient-message')!!}"
|
||||
$(".success-message, .success-msg, .get-success, #get-success").html(message);
|
||||
$(".alert-success").show();
|
||||
$("#assign-close").trigger("click");
|
||||
setTimeout(function(){
|
||||
location.reload();
|
||||
}, 2000)
|
||||
}
|
||||
},
|
||||
error: function(){
|
||||
$('.loader1').css('display','none');
|
||||
$('.loader').css('display','none');
|
||||
$("#assign_body").show();
|
||||
$("#assign_loader").hide();
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user