Bootstrap4 :: Timeline UI updates

This commit is contained in:
Sakthi002
2021-01-02 17:48:31 +05:30
committed by Manish Verma
parent ae3a9dc631
commit b742d1f639
8 changed files with 812 additions and 822 deletions

View File

@@ -321,7 +321,7 @@
<div class="image">
<img id="sidebar-profile-img" src="{{Auth::user()->profile_pic}}" alt="User Image" width="auto" height="auto"
class="img-circle elevation-2">
class="img-circle elevation-2" style="width: 30px;height: 30px;">
</div>
<div class="info">

View File

@@ -1,48 +1,42 @@
@extends('themes.default1.agent.layout.agent')
@section('Tickets')
class="active"
@stop
@section('ticket-bar')
active
@stop
@section('open')
class="active"
class="nav-link active"
@stop
@section('PageHeader')
<h1>{{Lang::get('lang.today-due_tickets')}}</h1>
<h1>{{Lang::get('lang.tickets')}}</h1>
<style>
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
visibility: hidden;
width: 100%;
width:300px;
max-height: 250px;
overflow: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
padding: 10px;
font-weight: 300px !important;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
@stop
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
@stop
@section('content')
<?php
<?php
if (Auth::user()->role == 'admin' || Auth::user()->role == 'agent') {
$todaytickets = count(App\Model\helpdesk\Ticket\Tickets::where('status', '=', 1)->whereRaw('date(duedate) = ?', [date('Y-m-d')])->get());
@@ -51,58 +45,59 @@ class="active"
$todaytickets = App\Model\helpdesk\Ticket\Tickets::where('status', '=', 1)->whereRaw('date(duedate) = ?', [date('Y-m-d')])->where('dept_id', '=', $dept->id)->count();
}
?>
<!-- //no need -->
<!-- Main content -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{!! Lang::get('lang.duetoday') !!} </h3> <small id="title_refresh">{!! $todaytickets !!} {!! Lang::get('lang.tickets') !!}</small>
<div class="box-tools pull-right">
<div class="has-feedback">
</div>
</div>
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">{!! Lang::get('lang.duetoday') !!} </h3> &nbsp;<small id="title_refresh">({!! $todaytickets !!} {!! Lang::get('lang.tickets') !!})</small>
</div><!-- /.box-header -->
<div class="box-body">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<b> Success </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i>
<b> Fail! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card-body ">
{!! Form::open(['id'=>'modalpopup', 'route'=>'select_all','method'=>'post']) !!}
<!--<div class="mailbox-controls">-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
<a class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
{{-- <a class="btn btn-default btn-sm" id="click"><i class="fa fa-refresh"></i></a> --}}
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fa fa-hand-o-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fa fa-code-fork"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fas fa-cogs"> </i> {!! Lang::get('lang.merge') !!}</button>
<!--</div>-->
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fas fa-hand-point-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<p><p/>
<div class="mailbox-messages" id="refresh">
<!--datatable-->
{!!$table->render('vendor.Chumper.template')!!}
<!-- /.datatable -->
</div><!-- /.mail-box-messages -->
{!! Form::close() !!}
</div><!-- /.box-body -->
</div><!-- /. box -->
<!-- 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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -118,12 +113,12 @@ class="active"
<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>
<h4><i class="icon fas 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>
<h4><i class="icon fas fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
<div id="message-merge-err"></div>
</div>
</div>
@@ -141,7 +136,6 @@ class="active"
<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-8">
<label>{!! Lang::get('lang.merge-reason') !!}</label>
@@ -152,9 +146,9 @@ class="active"
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.merge') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -165,8 +159,8 @@ class="active"
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -186,9 +180,9 @@ class="active"
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.assign') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -196,87 +190,94 @@ class="active"
</div><!-- /.modal -->
<!-- Assign ticket model-->
<!-- Modal -->
<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 fade" id="myModal">
<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 class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"></h4>
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" id="custom-alert-body" >
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
<button type="button" class="btn btn-primary yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
</div>
</div>
</div>
</div>
{!! $table->script('vendor.Chumper.ticket-javascript') !!}
<script>
var t_id = [];
$(function() {
var option = null;
$(function () {
//Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".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');
$(".far", this).removeClass("fa-check-square").addClass('fa-square');
} else {
//Check all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("check");
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
$(".far", this).removeClass("fa-square").addClass('fa-check-square');
}
$(this).data("clicks", !clicks);
});
});
$(function() {
$(function () {
// Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".checkbox-toggle").click(function () {
var clicks = $(this).data('clicks');
if (clicks) {
//Uncheck all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
// alert($("input[type='checkbox']").val());
t_id = $('.selectval').map(function() {
t_id = $('.selectval').map(function () {
return $(this).val();
}).get();
showAssign(t_id)
showAssign(t_id);
// alert(checkboxValues);
} else {
//Check all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
// alert('Hallo');
showAssign(t_id)
t_id = [];
showAssign(t_id);
}
$(this).data("clicks", !clicks);
});
});
$(document).ready(function() { /// Wait till page is loaded
$('#click').click(function() {
$(document).ready(function () { /// Wait till page is loaded
$('#click').click(function () {
$('#refresh').load('inbox #refresh');
$('#title_refresh').load('inbox #title_refresh');
$('#count_refresh').load('inbox #count_refresh');
$("#show").show();
});
$(".select2").select2();
$('#delete').on('click', function() {
$('#delete').on('click', function () {
option = 0;
$('#myModalLabel').html("{{Lang::get('lang.delete-tickets')}}");
});
$('#close').on('click', function() {
$('#close').on('click', function () {
option = 1;
$('#myModalLabel').html("{{Lang::get('lang.close-tickets')}}");
});
$("#modalpopup").on('submit', function(e) {
$("#modalpopup").on('submit', function (e) {
e.preventDefault();
var msg = "{{Lang::get('lang.confirm')}}";
var values = getValues();
@@ -288,18 +289,23 @@ class="active"
$('.yes').html("Yes");
}
$('#custom-alert-body').html(msg);
$("#myModal").css("display", "block");
});
$(".closemodal, .no").click(function() {
$("#myModal").css("display", "none");
$("#myModal").modal("show");
});
$('.yes').click(function() {
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$('.yes').click(function () {
var values = getValues();
if (values == "") {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
} else {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
$("#modalpopup").unbind('submit');
if (option == 0) {
//alert('delete');
@@ -312,25 +318,26 @@ class="active"
});
function getValues() {
var values = $('.selectval:checked').map(function() {
var values = $('.selectval:checked').map(function () {
return $(this).val();
}).get();
return values;
}
//checking merging tickets
$('#MergeTickets').on('show.bs.modal', function() {
$('#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() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -341,6 +348,7 @@ class="active"
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();
@@ -352,6 +360,7 @@ class="active"
$("#merge-err-alert").show();
$('#message-merge-err').html(message);
} else {
$("#merge_body").show();
$("#merge-body-alert").hide();
$("#merge-body-form").show();
@@ -362,7 +371,7 @@ class="active"
url: "{{ route('get.merge.tickets',0) }}",
dataType: "html",
data: {data1: t_id},
success: function(data) {
success: function (data) {
$('#select-merge-parent').html(data);
}
// return false;
@@ -373,17 +382,17 @@ class="active"
});
//submit merging form
$('#merge-form').on('submit', function() {
$('#merge-form').on('submit', function () {
$.ajax({
type: "POST",
url: "{!! url('merge-tickets/') !!}/" + t_id,
dataType: "json",
data: $(this).serialize(),
beforeSend: function() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -435,7 +444,7 @@ class="active"
$('#assign-form').on('submit', function() {
$.ajax({
type: "POST",
url: "ticket/assign/"+t_id,
url: "../ticket/assign/"+t_id,
dataType: "html",
data: $(this).serialize(),
beforeSend: function() {
@@ -464,11 +473,11 @@ class="active"
if (document.getElementById(id).checked) {
t_id.push(id);
// alert(t_id);
} else if(document.getElementById(id).checked === undefined){
} else if (document.getElementById(id).checked === undefined) {
var index = t_id.indexOf(id);
if (index === -1){
if (index === -1) {
t_id.push(id);
} else{
} else {
t_id.splice(index, 1);
}
} else {

View File

@@ -1,15 +1,19 @@
@extends('themes.default1.agent.layout.agent')
@section('Tickets')
class="active"
class="nav-link active"
@stop
@section('ticket-bar')
active
@stop
@section('dept-ticket-bar')
class="nav-link active"
@stop
@section('inbox')
class="active"
class="nav-link active"
@stop
@section('PageHeader')
@@ -22,18 +26,21 @@ class="active"
}
.tooltip1 .tooltiptext {
visibility: hidden;
width: 100%;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
visibility: hidden;
width:300px;
max-height: 250px;
overflow: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 10px;
font-weight: 300px !important;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip1:hover .tooltiptext {
visibility: visible;
@@ -51,39 +58,39 @@ if (Auth::user()->role == 'agent') {
}
?>
<!-- Main content -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{!! Lang::get('lang.inbox') !!} </h3> <small id="title_refresh">{!! $tickets !!} {!! Lang::get('lang.tickets') !!}</small>
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">{!! Lang::get('lang.inbox') !!} </h3> &nbsp;<small id="title_refresh">({!! $tickets !!} {!! Lang::get('lang.tickets') !!})</small>
</div><!-- /.box-header -->
<div class="box-body ">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card-body ">
{!! Form::open(['id'=>'modalpopup', 'route'=>'select_all','method'=>'post']) !!}
<!--<div class="mailbox-controls">-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
<a class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
{{-- <a class="btn btn-default btn-sm" id="click"><i class="fa fa-refresh"></i></a> --}}
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fa fa-code-fork"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fas fa-cogs"> </i> {!! Lang::get('lang.merge') !!}</button>
<!--</div>-->
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fa fa-hand-o-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fas fa-hand-point-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<p><p/>
<div class="mailbox-messages" id="refresh">
<!--datatable-->
@@ -101,8 +108,8 @@ if (Auth::user()->role == 'agent') {
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -118,12 +125,12 @@ if (Auth::user()->role == 'agent') {
<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>
<h4><i class="icon fas 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>
<h4><i class="icon fas fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
<div id="message-merge-err"></div>
</div>
</div>
@@ -151,9 +158,9 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.merge') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -164,8 +171,8 @@ if (Auth::user()->role == 'agent') {
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -185,9 +192,9 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.assign') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -195,21 +202,18 @@ if (Auth::user()->role == 'agent') {
</div><!-- /.modal -->
<!-- Assign ticket model-->
<!-- Modal -->
<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 fade" id="myModal">
<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 class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"></h4>
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" id="custom-alert-body" >
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
<button type="button" class="btn btn-primary yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
</div>
</div>
</div>
@@ -226,11 +230,11 @@ if (Auth::user()->role == 'agent') {
if (clicks) {
//Uncheck all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("uncheck");
$(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
$(".far", this).removeClass("fa-check-square").addClass('fa-square');
} else {
//Check all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("check");
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
$(".far", this).removeClass("fa-square").addClass('fa-check-square');
}
$(this).data("clicks", !clicks);
});
@@ -297,23 +301,23 @@ if (Auth::user()->role == 'agent') {
$('.yes').html("Yes");
}
$('#custom-alert-body').html(msg);
$("#myModal").css("display", "block");
$("#myModal").modal("show");
});
$(".closemodal, .no").click(function () {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
});
$(".closemodal, .no").click(function () {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
});
$('.yes').click(function () {
var values = getValues();
if (values == "") {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
} else {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
$("#modalpopup").unbind('submit');
if (option == 0) {
//alert('delete');

View File

@@ -1,43 +1,51 @@
@extends('themes.default1.agent.layout.agent')
@section('Tickets')
class="active"
class="nav-link active"
@stop
@section('ticket-bar')
active
@stop
@section('myticket')
class="active"
@section('dept-ticket-bar')
class="nav-link active"
@stop
@section('myticket')
class="nav-link active"
@stop
@section('PageHeader')
<h1>{{Lang::get('lang.tickets')}}</h1>
<style>
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
visibility: hidden;
width: 100%;
width:300px;
max-height: 250px;
overflow: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
padding: 10px;
font-weight: 300px !important;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
@stop
@section('content')
<?php
@@ -50,45 +58,46 @@ if (Auth::user()->role == 'agent') {
}
?>
<!-- Main content -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{!! Lang::get('lang.my_tickets') !!}</h3> <small id="title_refresh">{!! $tickets !!} {!! Lang::get('lang.tickets') !!}</small>
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">{!! Lang::get('lang.my_tickets') !!} </h3> &nbsp;<small id="title_refresh">({!! $tickets !!} {!! Lang::get('lang.tickets') !!})</small>
</div><!-- /.box-header -->
<div class="box-body">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card-body ">
{!! Form::open(['id'=>'modalpopup', 'route'=>'select_all','method'=>'post']) !!}
<!--<div class="mailbox-controls">-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
<a class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
{{-- <a class="btn btn-default btn-sm" id="click"><i class="fa fa-refresh"></i></a> --}}
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fa fa-code-fork"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fa fa-hand-o-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fas fa-cogs"> </i> {!! Lang::get('lang.merge') !!}</button>
<!--</div>-->
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fas fa-hand-point-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<p><p/>
<div class="mailbox-messages" id="refresh">
<p style="display:none;text-align:center; position:fixed; margin-left:40%;margin-top:-70px;" id="show" class="text-red"><b>{!! Lang::get('lang.loading') !!}...</b></p>
<!-- table -->
{!!$table->render('vendor.Chumper.template')!!}
<div class="mailbox-messages" id="refresh">
<!--datatable-->
{!!$table->render('vendor.Chumper.template')!!}
<!-- /.datatable -->
</div><!-- /.mail-box-messages -->
{!! Form::close() !!}
</div><!-- /.box-body -->
@@ -99,8 +108,8 @@ if (Auth::user()->role == 'agent') {
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -116,12 +125,12 @@ if (Auth::user()->role == 'agent') {
<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>
<h4><i class="icon fas 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>
<h4><i class="icon fas fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
<div id="message-merge-err"></div>
</div>
</div>
@@ -139,7 +148,6 @@ if (Auth::user()->role == 'agent') {
<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-8">
<label>{!! Lang::get('lang.merge-reason') !!}</label>
@@ -150,9 +158,9 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.merge') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -163,8 +171,8 @@ if (Auth::user()->role == 'agent') {
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -184,80 +192,74 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.assign') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Assign ticket model-->
<!-- Modal -->
<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 fade" id="myModal">
<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 class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"></h4>
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" id="custom-alert-body" >
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
<button type="button" class="btn btn-primary yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
</div>
</div>
</div>
</div>
{!! $table->script('vendor.Chumper.ticket-javascript') !!}
<script>
var t_id = [];
var option = null;
$(function() {
$(function () {
//Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".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');
$(".far", this).removeClass("fa-check-square").addClass('fa-square');
} else {
//Check all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("check");
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
$(".far", this).removeClass("fa-square").addClass('fa-check-square');
}
$(this).data("clicks", !clicks);
});
});
$(function() {
$(function () {
// Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".checkbox-toggle").click(function () {
var clicks = $(this).data('clicks');
if (clicks) {
//Uncheck all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
// alert($("input[type='checkbox']").val());
t_id = $('.selectval').map(function() {
t_id = $('.selectval').map(function () {
return $(this).val();
}).get();
showAssign(t_id)
showAssign(t_id);
// alert(checkboxValues);
} else {
//Check all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
// alert('Hallo');
t_id = [];
showAssign(t_id)
showAssign(t_id);
}
$(this).data("clicks", !clicks);
@@ -267,8 +269,8 @@ if (Auth::user()->role == 'agent') {
});
$(document).ready(function() { /// Wait till page is loaded
$('#click').click(function() {
$(document).ready(function () { /// Wait till page is loaded
$('#click').click(function () {
$('#refresh').load('inbox #refresh');
$('#title_refresh').load('inbox #title_refresh');
$('#count_refresh').load('inbox #count_refresh');
@@ -277,17 +279,17 @@ if (Auth::user()->role == 'agent') {
$(".select2").select2();
$('#delete').on('click', function() {
$('#delete').on('click', function () {
option = 0;
$('#myModalLabel').html("{{Lang::get('lang.delete-tickets')}}");
});
$('#close').on('click', function() {
$('#close').on('click', function () {
option = 1;
$('#myModalLabel').html("{{Lang::get('lang.close-tickets')}}");
});
$("#modalpopup").on('submit', function(e) {
$("#modalpopup").on('submit', function (e) {
e.preventDefault();
var msg = "{{Lang::get('lang.confirm')}}";
var values = getValues();
@@ -299,21 +301,23 @@ if (Auth::user()->role == 'agent') {
$('.yes').html("Yes");
}
$('#custom-alert-body').html(msg);
$("#myModal").css("display", "block");
$("#myModal").modal("show");
});
$(".closemodal, .no").click(function() {
$("#myModal").css("display", "none");
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$('.yes').click(function() {
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$('.yes').click(function () {
var values = getValues();
if (values == "") {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
} else {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
$("#modalpopup").unbind('submit');
if (option == 0) {
//alert('delete');
@@ -326,17 +330,14 @@ if (Auth::user()->role == 'agent') {
});
function getValues() {
var values = $('.selectval:checked').map(function() {
var values = $('.selectval:checked').map(function () {
return $(this).val();
}).get();
return values;
}
//checking merging tickets
$('#MergeTickets').on('show.bs.modal', function() {
$('#MergeTickets').on('show.bs.modal', function () {
// alert("hi");
$.ajax({
@@ -344,11 +345,11 @@ if (Auth::user()->role == 'agent') {
url: "{{route('check.merge.tickets',0)}}",
dataType: "html",
data: {data1: t_id},
beforeSend: function() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -382,31 +383,28 @@ if (Auth::user()->role == 'agent') {
url: "{{ route('get.merge.tickets',0) }}",
dataType: "html",
data: {data1: t_id},
success: function(data) {
success: function (data) {
$('#select-merge-parent').html(data);
}
// return false;
});
}
}
});
});
//submit merging form
$('#merge-form').on('submit', function() {
$('#merge-form').on('submit', function () {
$.ajax({
type: "POST",
url: "{!! url('merge-tickets/') !!}/" + t_id,
dataType: "json",
data: $(this).serialize(),
beforeSend: function() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -417,7 +415,6 @@ if (Auth::user()->role == 'agent') {
var message = "{{Lang::get('lang.merge-error')}}";
$("#merge-err-alert").show();
$('#message-merge-err').html(message);
} else {
$("#merge_body").show();
$("#merge-err-alert").hide();
@@ -432,13 +429,10 @@ if (Auth::user()->role == 'agent') {
$("#alert11").hide();
location.reload();
}, 1000);
}
}
})
return false;
});
$('#AssignTickets').on('show.bs.modal', function() {
@@ -487,19 +481,15 @@ if (Auth::user()->role == 'agent') {
});
});
function someFunction(id) {
if (document.getElementById(id).checked) {
t_id.push(id);
// alert(t_id);
} else if(document.getElementById(id).checked === undefined){
} else if (document.getElementById(id).checked === undefined) {
var index = t_id.indexOf(id);
if (index === -1){
if (index === -1) {
t_id.push(id);
} else{
} else {
t_id.splice(index, 1);
}
} else {
@@ -518,6 +508,5 @@ if (Auth::user()->role == 'agent') {
$('#assign_Ticket').css('display', 'none');
}
}
</script>
@stop

View File

@@ -1,43 +1,51 @@
@extends('themes.default1.agent.layout.agent')
@section('Tickets')
class="active"
class="nav-link active"
@stop
@section('ticket-bar')
active
@stop
@section('overdue')
class="active"
@section('dept-ticket-bar')
class="nav-link active"
@stop
@section('overdue')
class="nav-link active"
@stop
@section('PageHeader')
<h1>{{Lang::get('lang.tickets')}}</h1>
<style>
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
.tooltip1 {
position: relative;
/*display: inline-block;*/
/*border-bottom: 1px dotted black;*/
}
.tooltip1 .tooltiptext {
visibility: hidden;
width: 100%;
width:300px;
max-height: 250px;
overflow: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
padding: 10px;
font-weight: 300px !important;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
.tooltip1:hover .tooltiptext {
visibility: visible;
}
</style>
@stop
@section('content')
<?php
@@ -58,53 +66,58 @@ class="active"
?>
<!-- Main content -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{!! Lang::get('lang.overdue') !!} </h3> <small id="title_refresh">{!! $overdue_ticket !!} {!! Lang::get('lang.tickets') !!}</small>
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">{!! Lang::get('lang.overdue') !!} </h3> &nbsp;<small id="title_refresh">({!! $overdue_ticket !!} {!! Lang::get('lang.tickets') !!})</small>
</div><!-- /.box-header -->
<div class="box-body ">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"></i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i> <b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card-body ">
{!! Form::open(['id'=>'modalpopup', 'route'=>'select_all','method'=>'post']) !!}
<!--<div class="mailbox-controls">-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
{{-- <a class="btn btn-default btn-sm" id="click"><i class="fa fa-refresh"></i></a> --}}
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fa fa-code-fork"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fa fa-hand-o-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<!--</div>-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
{{-- <a class="btn btn-default btn-sm" id="click"><i class="fa fa-refresh"></i></a> --}}
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fas fa-cogs"> </i> {!! Lang::get('lang.merge') !!}</button>
<!--</div>-->
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fas fa-hand-point-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<p><p/>
<div class="mailbox-messages" id="refresh">
<!--datatable-->
{!!$table->render('vendor.Chumper.template')!!}
{!!$table->render('vendor.Chumper.template')!!}
<!-- /.datatable -->
</div><!-- /.mail-box-messages -->
{!! Form::close() !!}
</div><!-- /.box-body -->
</div><!-- /. box -->
<!-- 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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -120,12 +133,12 @@ class="active"
<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>
<h4><i class="icon fas 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>
<h4><i class="icon fas fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
<div id="message-merge-err"></div>
</div>
</div>
@@ -143,7 +156,6 @@ class="active"
<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-8">
<label>{!! Lang::get('lang.merge-reason') !!}</label>
@@ -154,9 +166,9 @@ class="active"
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.merge') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -167,8 +179,8 @@ class="active"
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -188,9 +200,9 @@ class="active"
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.assign') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -198,67 +210,64 @@ class="active"
</div><!-- /.modal -->
<!-- Assign ticket model-->
<!-- Modal -->
<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 fade" id="myModal">
<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 class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"></h4>
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" id="custom-alert-body" >
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
<button type="button" class="btn btn-primary yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
</div>
</div>
</div>
</div>
{!! $table->script('vendor.Chumper.ticket-javascript') !!}
<script>
var t_id = [];
var option = null;
$(function() {
$(function () {
//Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".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');
$(".far", this).removeClass("fa-check-square").addClass('fa-square');
} else {
//Check all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("check");
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
$(".far", this).removeClass("fa-square").addClass('fa-check-square');
}
$(this).data("clicks", !clicks);
});
});
$(function() {
$(function () {
// Enable check and uncheck all functionality
$(".checkbox-toggle").click(function() {
$(".checkbox-toggle").click(function () {
var clicks = $(this).data('clicks');
if (clicks) {
//Uncheck all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
// alert($("input[type='checkbox']").val());
t_id = $('.selectval').map(function() {
t_id = $('.selectval').map(function () {
return $(this).val();
}).get();
showAssign(t_id)
showAssign(t_id);
// alert(checkboxValues);
} else {
//Check all checkboxes
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
// alert('Hallo');
t_id = [];
showAssign(t_id)
showAssign(t_id);
}
$(this).data("clicks", !clicks);
@@ -268,8 +277,8 @@ class="active"
});
$(document).ready(function() { /// Wait till page is loaded
$('#click').click(function() {
$(document).ready(function () { /// Wait till page is loaded
$('#click').click(function () {
$('#refresh').load('inbox #refresh');
$('#title_refresh').load('inbox #title_refresh');
$('#count_refresh').load('inbox #count_refresh');
@@ -278,17 +287,17 @@ class="active"
$(".select2").select2();
$('#delete').on('click', function() {
$('#delete').on('click', function () {
option = 0;
$('#myModalLabel').html("{{Lang::get('lang.delete-tickets')}}");
});
$('#close').on('click', function() {
$('#close').on('click', function () {
option = 1;
$('#myModalLabel').html("{{Lang::get('lang.close-tickets')}}");
});
$("#modalpopup").on('submit', function(e) {
$("#modalpopup").on('submit', function (e) {
e.preventDefault();
var msg = "{{Lang::get('lang.confirm')}}";
var values = getValues();
@@ -300,27 +309,23 @@ class="active"
$('.yes').html("Yes");
}
$('#custom-alert-body').html(msg);
$("#myModal").css("display", "block");
$("#myModal").modal("show");
});
$(".closemodal, .no").click(function() {
$("#myModal").css("display", "none");
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$(".closemodal, .no").click(function() {
$("#myModal").css("display", "none");
$(".closemodal, .no").click(function () {
$("#myModal").modal("hide");
});
$('.yes').click(function() {
$('.yes').click(function () {
var values = getValues();
if (values == "") {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
} else {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
$("#modalpopup").unbind('submit');
if (option == 0) {
//alert('delete');
@@ -333,16 +338,14 @@ class="active"
});
function getValues() {
var values = $('.selectval:checked').map(function() {
var values = $('.selectval:checked').map(function () {
return $(this).val();
}).get();
return values;
}
//checking merging tickets
$('#MergeTickets').on('show.bs.modal', function() {
$('#MergeTickets').on('show.bs.modal', function () {
// alert("hi");
$.ajax({
@@ -350,11 +353,11 @@ class="active"
url: "{{route('check.merge.tickets',0)}}",
dataType: "html",
data: {data1: t_id},
beforeSend: function() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -388,31 +391,28 @@ class="active"
url: "{{ route('get.merge.tickets',0) }}",
dataType: "html",
data: {data1: t_id},
success: function(data) {
success: function (data) {
$('#select-merge-parent').html(data);
}
// return false;
});
}
}
});
});
//submit merging form
$('#merge-form').on('submit', function() {
$('#merge-form').on('submit', function () {
$.ajax({
type: "POST",
url: "{!! url('merge-tickets/') !!}/" + t_id,
dataType: "json",
data: $(this).serialize(),
beforeSend: function() {
beforeSend: function () {
$("#merge_body").hide();
$("#merge_loader").show();
},
success: function(response) {
success: function (response) {
if (response == 0) {
$("#merge_body").show();
$("#merge-succ-alert").hide();
@@ -423,7 +423,6 @@ class="active"
var message = "{{Lang::get('lang.merge-error')}}";
$("#merge-err-alert").show();
$('#message-merge-err').html(message);
} else {
$("#merge_body").show();
$("#merge-err-alert").hide();
@@ -438,14 +437,12 @@ class="active"
$("#alert11").hide();
location.reload();
}, 1000);
}
}
})
return false;
});
$('#AssignTickets').on('show.bs.modal', function() {
$.ajax({
type: "POST",
@@ -492,16 +489,15 @@ class="active"
});
});
function someFunction(id) {
if (document.getElementById(id).checked) {
t_id.push(id);
// alert(t_id);
} else if(document.getElementById(id).checked === undefined){
} else if (document.getElementById(id).checked === undefined) {
var index = t_id.indexOf(id);
if (index === -1){
if (index === -1) {
t_id.push(id);
} else{
} else {
t_id.splice(index, 1);
}
} else {

View File

@@ -1,16 +1,21 @@
@extends('themes.default1.agent.layout.agent')
@section('Tickets')
class="active"
class="nav-link active"
@stop
@section('ticket-bar')
active
@stop
@section('unassigned')
class="active"
@section('dept-ticket-bar')
class="nav-link active"
@stop
@section('unassigned')
class="nav-link active"
@stop
@section('PageHeader')
<h1>{{Lang::get('lang.tickets')}}</h1>
<style>
@@ -22,12 +27,15 @@ class="active"
.tooltip1 .tooltiptext {
visibility: hidden;
width: 100%;
width:300px;
max-height: 250px;
overflow: auto;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
padding: 10px;
font-weight: 300px !important;
/* Position the tooltip */
position: absolute;
@@ -51,43 +59,41 @@ if (Auth::user()->role == 'agent') {
// dd($tickets);
?>
<!-- Main content -->
<div class="box box-info">
<div class="box-header with-border">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i>
<b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card card-light">
<div class="card-header">
<?php $counted = count(App\Model\helpdesk\Ticket\Tickets::where('assigned_to', '=', 0)->get()); ?>
<h3 class="box-title">{!! Lang::get('lang.unassigned') !!} </h3> <small id="title_refresh"> {!! $tickets !!} {!! Lang::get('lang.tickets') !!}</small>
<h3 class="card-title">{!! Lang::get('lang.unassigned') !!} </h3> &nbsp;<small id="title_refresh"> ({!! $tickets !!} {!! Lang::get('lang.tickets') !!})</small>
</div><!-- /.box-header -->
<div class="box-body">
@if(Session::has('success'))
<div class="alert alert-success alert-dismissable">
<i class="fa fa-check-circle"> </i>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('success')}}
</div>
@endif
<!-- failure message -->
@if(Session::has('fails'))
<div class="alert alert-danger alert-dismissable">
<i class="fa fa-ban"> </i>
<b> {!! Lang::get('lang.alert') !!}! </b>
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
{{Session::get('fails')}}
</div>
@endif
<div class="card-body">
{!! Form::open(['id'=>'modalpopup', 'route'=>'select_all','method'=>'post']) !!}
<!--<div class="mailbox-controls">-->
<!-- Check all button -->
<a class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></a>
<a class="btn btn-default btn-sm checkbox-toggle"><i class="far fa-square"></i></a>
<input type="submit" class="submit btn btn-default text-orange btn-sm" id="delete" name="submit" value="{!! Lang::get('lang.delete') !!}">
<input type="submit" class="submit btn btn-default text-yellow btn-sm" id="close" name="submit" value="{!! Lang::get('lang.close') !!}">
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fa fa-code-fork"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default text-green" id="Edit_Ticket" data-toggle="modal" data-target="#MergeTickets"><i class="fas fa-cogs"> </i> {!! Lang::get('lang.merge') !!}</button>
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fa fa-hand-o-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<button type="button" class="btn btn-sm btn-default" id="assign_Ticket" data-toggle="modal" data-target="#AssignTickets" style="display: none;"><i class="fas fa-hand-point-right"> </i> {!! Lang::get('lang.assign') !!}</button>
<!--</div>-->
<p><p/>
<div class="mailbox-messages" id="refresh">
<p style="display:none;text-align:center; position:fixed; margin-left:40%;margin-top:-70px;" id="show" class="text-red"><b>{!! Lang::get('lang.loading') !!}...</b></p>
<!-- table -->
{!!$table->render('vendor.Chumper.template')!!}
@@ -96,12 +102,13 @@ if (Auth::user()->role == 'agent') {
</div><!-- /.box-body -->
</div><!-- /. box -->
<!-- merge tickets modal -->
<!-- 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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.merge-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="merge-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -117,12 +124,12 @@ if (Auth::user()->role == 'agent') {
<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>
<h4><i class="icon fas 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>
<h4><i class="icon fas fa-ban"></i>{!! Lang::get('lang.alert') !!}!</h4>
<div id="message-merge-err"></div>
</div>
</div>
@@ -140,7 +147,6 @@ if (Auth::user()->role == 'agent') {
<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-8">
<label>{!! Lang::get('lang.merge-reason') !!}</label>
@@ -151,9 +157,9 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.merge') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -164,8 +170,8 @@ if (Auth::user()->role == 'agent') {
<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">&times;</span></button>
<h4 class="modal-title">{!! Lang::get('lang.assign-ticket') !!} </h4>
<button type="button" class="close" data-dismiss="modal" id="assign-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div><!-- /.modal-header-->
<div class ="modal-body">
<div class="row">
@@ -185,9 +191,9 @@ if (Auth::user()->role == 'agent') {
</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>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal" id="dismis2">{!! Lang::get('lang.close') !!}</button>
<input type="submit" id="merge-btn" class="btn btn-primary" value="{!! Lang::get('lang.assign') !!}">
{!! Form::close() !!}
</div><!-- /.modal-footer -->
</div><!-- /.modal-content -->
@@ -195,21 +201,18 @@ if (Auth::user()->role == 'agent') {
</div><!-- /.modal -->
<!-- Assign ticket model-->
<!-- Modal -->
<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 fade" id="myModal">
<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 class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel"></h4>
<button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body" id="custom-alert-body" >
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default no">{{Lang::get('lang.cancel')}}</button>
<button type="button" class="btn btn-primary yes" data-dismiss="modal">{{Lang::get('lang.ok')}}</button>
</div>
</div>
</div>
@@ -226,11 +229,11 @@ if (Auth::user()->role == 'agent') {
if (clicks) {
//Uncheck all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("uncheck");
$(".fa", this).removeClass("fa-check-square-o").addClass('fa-square-o');
$(".far", this).removeClass("fa-check-square").addClass('fa-square');
} else {
//Check all checkboxes
$(".mailbox-messages input[type='checkbox']").iCheck("check");
$(".fa", this).removeClass("fa-square-o").addClass('fa-check-square-o');
$(".far", this).removeClass("fa-square").addClass('fa-check-square');
}
$(this).data("clicks", !clicks);
});
@@ -297,21 +300,21 @@ if (Auth::user()->role == 'agent') {
$('.yes').html("Yes");
}
$('#custom-alert-body').html(msg);
$("#myModal").css("display", "block");
$("#myModal").modal("show");
});
$(".closemodal, .no").click(function() {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
});
$('.yes').click(function() {
var values = getValues();
if (values == "") {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
} else {
$("#myModal").css("display", "none");
$("#myModal").modal("hide");
$("#modalpopup").unbind('submit');
if (option == 0) {
//alert('delete');

View File

@@ -359,7 +359,7 @@
<div class="image">
<img id="sidebar-profile-img" src="{{$auth_user_profile_pic}}" alt="User Image" width="auto" height="auto"
class="img-circle elevation-2">
class="img-circle elevation-2" style="width: 30px;height: 30px;">
</div>
@endif
<div class="info">