Initial code of commit
This commit is contained in:
sujitprasad
@@ -0,0 +1,173 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('answered')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
|
||||
@section('content')
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small> 5 new messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 1)->where('isanswered', '=', '1')->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Priority</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 1)->where('isanswered', '=', 1)->paginate(10);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('answered #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,175 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('closed')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small> 5 new messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '>', 1)->where('status', '<', 4)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Priority</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '>', 1)->where('status', '<', 4)->paginate(2);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('closed #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,254 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Faveo | HELP DESK</title>
|
||||
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
|
||||
<!-- Bootstrap 3.3.2 -->
|
||||
<link href="{{asset("downloads/bootstrap.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="{{asset("downloads/font-awesome.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- Ionicons -->
|
||||
<link href="{{asset("downloads/ionicons.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- fullCalendar 2.2.5-->
|
||||
<link href="{{asset("plugins/fullcalendar/fullcalendar.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{asset("plugins/fullcalendar/fullcalendar.print.css")}}" rel="stylesheet" type="text/css" media='print' />
|
||||
<!-- Theme style -->
|
||||
<link href="{{asset("dist/css/AdminLTE.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
||||
folder instead of downloading all of them to reduce the load. -->
|
||||
<link href="{{asset("dist/css/skins/_all-skins.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- iCheck -->
|
||||
<link href="{{asset("plugins/iCheck/flat/blue.css")}}" rel="stylesheet" type="text/css" />
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<link rel="stylesheet" href="{{asset("dist/css/tabby.css")}}" type="text/css">
|
||||
<link href="{{asset("downloads/jquerysctipttop.css")}}" rel="stylesheet" type="text/css">
|
||||
<link href="{{asset("dist/css/skins/_all-skins.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
|
||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!-- <link rel="stylesheet" href="{{asset("dist/css/tabby.css")}}" type="text/css"> -->
|
||||
|
||||
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="{{asset("dist/css/editor.css")}}" type="text/css" rel="stylesheet"/>
|
||||
<script src="{{asset("dist/js/jquery-2.1.0.min.js")}}"></script>
|
||||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
|
||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body class="skin-blue">
|
||||
<div class="wrapper">
|
||||
<header class="main-header">
|
||||
<a href="../../index2.html" class="logo"><b>Faveo</b> HELP DESK</a>
|
||||
<!-- Header Navbar: style can be found in header.less -->
|
||||
<nav class="navbar navbar-static-top" role="navigation">
|
||||
<!-- Sidebar toggle button-->
|
||||
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="tabs tabs-horizontal nav navbar-nav">
|
||||
<li @yield('nav1') ><a data-target="#tabA" href="#">Home</a></li>
|
||||
<li><a data-target="#tabB" href="#">Staff</a></li>
|
||||
<li><a data-target="#tabC" href="#">Department</a></li>
|
||||
<li><a data-target="#tabD" href="#">Users</a></li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
|
||||
<span class="hidden-xs">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2012</small>
|
||||
</p>
|
||||
</li>
|
||||
<!-- Menu Body -->
|
||||
<li class="user-body">
|
||||
<div class="col-xs-6 text-center">
|
||||
<a href="#">Department:Sales</a>
|
||||
</div>
|
||||
<div class="col-xs-6 text-center">
|
||||
<a href="#">Level 1 Support</a>
|
||||
</div>
|
||||
</li>
|
||||
<!-- Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<div class="pull-left">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<a href="#" class="btn btn-default btn-flat">Sign out</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- <form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search">
|
||||
</div>
|
||||
</form> -->
|
||||
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
<!-- sidebar: style can be found in sidebar.less -->
|
||||
<section class="sidebar">
|
||||
<!-- Sidebar user panel -->
|
||||
<!-- search form -->
|
||||
<form action="#" method="get" class="sidebar-form">
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search..."/>
|
||||
<span class="input-group-btn">
|
||||
<button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- /.search form -->
|
||||
<!-- sidebar menu: : style can be found in sidebar.less -->
|
||||
<ul class="sidebar-menu">
|
||||
|
||||
@yield('sidebar')
|
||||
|
||||
<li class="header">TICKETS</li>
|
||||
<li>
|
||||
<a href="{{ route('ticket') }}">
|
||||
<i class="fa fa-envelope"></i> <span>Inbox</span> <small class="label pull-right bg-green">5</small>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../widgets.html">
|
||||
<i class="fa fa-user"></i> <span>My Tickets</span> <small class="label pull-right bg-green">2</small>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../widgets.html">
|
||||
<i class="fa fa-th"></i> <span>Unassigned</span> <small class="label pull-right bg-green">4</small>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="../widgets.html">
|
||||
<i class="fa fa-trash-o"></i> <span>Trash</span> <small class="label pull-right bg-green">89</small>
|
||||
</a>
|
||||
</li>
|
||||
<li class="treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-folder-open"></i> <span>General</span> <i class="fa fa-angle-left pull-right"></i>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Open<small class="label pull-right bg-green">4</small></a></li>
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Inprogress<small class="label pull-right bg-green">3</small></a></li>
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Closed<small class="label pull-right bg-green">55</small></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-folder-open"></i> <span>Support</span> <i class="fa fa-angle-left pull-right"></i>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Open<small class="label pull-right bg-green">1</small></a></li>
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Inprogress<small class="label pull-right bg-green">6</small></a></li>
|
||||
<li><a href=""><i class="fa fa-circle-o"></i>Closed<small class="label pull-right bg-green">88</small></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="header">LABELS</li>
|
||||
<li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
|
||||
<li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
|
||||
<li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /.sidebar -->
|
||||
</aside>
|
||||
<!-- Right side column. Contains the navbar and content of the page -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<div class="tab-content" style="background-color:#ddd ;padding: 0 20px 0 20px">
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<div class="tabs-content">
|
||||
<div class="tabs-pane active" id="tabA">
|
||||
<ul class="nav navbar-nav">
|
||||
<li @yield('Home') ><a href="#">Home</a></li>
|
||||
<li @yield('My') ><a href="#">My Preferences</a></li>
|
||||
<li><a href="#">Notification</a></li>
|
||||
<li><a href="#">Comments</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tabs-pane" id="tabB">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#">Manage Tickets</a></li>
|
||||
<li><a href="#">Search</a></li>
|
||||
<li><a href="#">New Ticket</a></li>
|
||||
<li><a href="#">Views</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tabs-pane" id="tabC">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#">Link5</a></li>
|
||||
<li><a href="#">Link6</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tabs-pane" id="tabD">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#">Link7</a></li>
|
||||
<li><a href="#">Link8</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@yield('content')
|
||||
|
||||
</div><!-- /.content-wrapper -->
|
||||
<footer class="main-footer">
|
||||
<div class="pull-right hidden-xs">
|
||||
<b>Version</b> 2.0
|
||||
</div>
|
||||
<strong>Copyright © 2014-2015 <a href="http://www.ladybirdweb.com">Ladybird Web Solution</a>.</strong> All rights reserved.
|
||||
</footer>
|
||||
</div><!-- ./wrapper -->
|
||||
|
||||
|
||||
<!-- jQuery 2.1.3 -->
|
||||
<script src="{{asset("downloads/jquery.min.js")}}"></script>
|
||||
<!-- Bootstrap 3.3.2 JS -->
|
||||
<script src="{{asset("downloads/bootstrap.min.js")}}" type="text/javascript"></script>
|
||||
<!-- Slimscroll -->
|
||||
<script src="{{asset("plugins/slimScroll/jquery.slimscroll.min.js")}}" type="text/javascript"></script>
|
||||
<!-- FastClick -->
|
||||
<script src='{{asset("plugins/fastclick/fastclick.min.js")}}'></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="{{asset("dist/js/app.min.js")}}" type="text/javascript"></script>
|
||||
<!-- AdminLTE for demo purposes -->
|
||||
<script src="{{asset("dist/js/demo.js")}}" type="text/javascript"></script>
|
||||
<!-- iCheck -->
|
||||
<script src="{{asset("plugins/iCheck/icheck.min.js")}}" type="text/javascript"></script>
|
||||
<!-- Page Script -->
|
||||
<!-- // <script src="../plugins/jQuery/jQuery-2.1.3.min.js"></script> -->
|
||||
<script src="{{asset("dist/js/tabby.js")}}"></script>
|
||||
|
||||
<script src="{{asset("dist/js/editor.js")}}"></script>
|
||||
|
||||
@yield('footer')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,174 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('myticket')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small></small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 1)->where('assigned_to', '=', Auth::user()->id)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th> Priority</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 1)->where('assigned_to', '=', Auth::user()->id)->paginate(2);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('myticket #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
205
code/resources/views/themes/default1/Agent/ticket/new.blade.php
Normal file
205
code/resources/views/themes/default1/Agent/ticket/new.blade.php
Normal file
@@ -0,0 +1,205 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('newticket')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<!-- Main content -->
|
||||
{!! Form::open(['route'=>'post.newticket','method'=>'post']) !!}
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Create Ticket</h3>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body">
|
||||
|
||||
<!-- user detail -->
|
||||
@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">×</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>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('fails')}}
|
||||
</div>
|
||||
@endif
|
||||
<div class="form-group">
|
||||
<h4><b>User Details:<b></h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Email:</label>
|
||||
<input type="text" name="email" id="" class="form-control">
|
||||
{!! $errors->first('email', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Full Name:</label>
|
||||
<input type="text" name="fullname" id="" class="form-control">
|
||||
{!! $errors->first('fullname', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="form-group">
|
||||
<div class="col-md-2">
|
||||
<label>Ticket Notice:</label>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="checkbox" name="notice" id=""> Send alert to User
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- ticket options -->
|
||||
<div class="form-group">
|
||||
<h4><b>Ticket Option<b></h4>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Help Topic:</label>
|
||||
<select class="form-control" name="helptopic">
|
||||
<!-- <option>--select--</option> -->
|
||||
<?php $helptopic = App\Model\Manage\Help_topic::all();?>
|
||||
@foreach($helptopic as $topic)
|
||||
<option value="{!! $topic->id !!}">{!! $topic->topic !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
{!! $errors->first('helptopic', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<label>Department:</label>
|
||||
<select class="form-control" name="dept">
|
||||
<!-- <option>--select--</option> -->
|
||||
<?php $dept = App\Model\Agent\Department::all();?>
|
||||
@foreach($dept as $dep)
|
||||
<option value="{!! $dep->id !!}">{!! $dep->name !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
{!! $errors->first('dept', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label>SLA Plan:</label>
|
||||
<select class="form-control" name="sla">
|
||||
<!-- <option>--select--</option> -->
|
||||
<?php $sla_plan = App\Model\Manage\Sla_plan::all();?>
|
||||
@foreach($sla_plan as $sla)
|
||||
<option value="{!! $sla->id !!}">{!! $sla->grace_period !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
{!! $errors->first('sla', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label>Due Date:</label>
|
||||
<input type="text" class="form-control" name="duedate" id="datemask">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-group">
|
||||
<label>Assign To:</label>
|
||||
<select class="form-control" name="assignto">
|
||||
<!-- <option>--select--</option> -->
|
||||
<?php $agents = App\User::all();?>
|
||||
@foreach($agents as $agent)
|
||||
<option value="{!! $agent->id !!}">{!! $agent->user_name !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ticket details -->
|
||||
<div class="form-group">
|
||||
<h4><b>Ticket Detail<b></h4>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>Subject:</label>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<input type="text" name="subject" class="form-control">
|
||||
{!! $errors->first('subject', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>Detail:</label>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<textarea class="form-control" name="body"></textarea>
|
||||
{!! $errors->first('body', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
<label>Priority:</label>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<select class="form-control" name="priority">
|
||||
<!-- <option>--select--</option> -->
|
||||
<?php $Priority = App\Model\Ticket\Ticket_Priority::all();?>
|
||||
@foreach($Priority as $priority)
|
||||
<option value="{{$priority->priority_id}}">{!! $priority->priority !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
{!! $errors->first('priority', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<input type="submit" value="Create Ticket" class="btn btn-primary">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /. box -->
|
||||
{!! Form::close() !!}
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#datemask').datepicker({changeMonth: true, changeYear: true}).
|
||||
mask('99/99/9999');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@stop
|
||||
175
code/resources/views/themes/default1/Agent/ticket/open.blade.php
Normal file
175
code/resources/views/themes/default1/Agent/ticket/open.blade.php
Normal file
@@ -0,0 +1,175 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('open')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small> 5 new messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 1)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th>
|
||||
</th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>Priority</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 1)->paginate(10);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('open #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,174 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('overdue')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small> 5 new messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 1)->where('isoverdue', '=', 1)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th></th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Priority</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 1)->where('isoverdue', '=', 1)->paginate(2);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('overdue #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<!-- <link href="{{asset("downloads/bootstrap.min.css")}}" rel="stylesheet" type="text/css" /> -->
|
||||
<link href="{{asset("dist/css/AdminLTE.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
<h2>
|
||||
<div class="logo"><b>Faveo</b>HELP DESK</div><hr>
|
||||
</h2>
|
||||
|
||||
<h4>{{$thread->title}}</h4><br/>
|
||||
|
||||
|
||||
<?php $user = App\User::where('id', '=', $tickets->user_id)->first(); ?>
|
||||
<?php $response = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->get(); ?>
|
||||
@foreach($response as $last)
|
||||
<?php $ResponseDate = $last->created_at; ?>
|
||||
@endforeach
|
||||
|
||||
<?php $status = App\Model\Ticket\Ticket_Status::where('id', '=', $tickets->status)->first(); ?>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first(); ?>
|
||||
<?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first(); ?>
|
||||
<?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first(); ?>
|
||||
|
||||
<table class="table">
|
||||
<tr><th></th><th></th></tr>
|
||||
<tr><td><b>Status:</b></td> <td>{{$status->state}}</td></tr>
|
||||
<tr><td><b>Priority:</b></td> <td>{{$priority->priority}}</td></tr>
|
||||
<tr><td><b>Department:</b></td> <td>{{$help_topic->department}}</td></tr>
|
||||
<tr><td><b>Email:</b></td> <td>{{$user->email}}</td></tr>
|
||||
<tr><td><b>Phone:</b></td> <td>{{$thread->user_id}}</td></tr>
|
||||
<tr><td><b>Source:</b></td> <td>{{$thread->ip_address}}</td></tr>
|
||||
<tr><td><b>Help Topic:</b></td> <td>{{$help_topic->topic}}</td></tr>
|
||||
<tr><td><b>Last Message:</b></td> <td>{{$last->poster}}</td></tr>
|
||||
</table>
|
||||
|
||||
<?php $conversations = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->get(); ?>
|
||||
|
||||
@foreach($conversations as $conversation)
|
||||
<br/><hr>
|
||||
<div style="color:green;" class="pull-right">{!! $conversation->poster !!}</div><br/><br/>
|
||||
{!! $conversation->body !!}<br/><br/>
|
||||
<strong>Date:</strong> {!! $thread->created_at !!}<br/>
|
||||
|
||||
@endforeach
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,190 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('ticket')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
<h3>
|
||||
Tickets
|
||||
</h3>
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Inbox </h3> <small> 5 new messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 1)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th>
|
||||
</th>
|
||||
<th>
|
||||
subject
|
||||
</th>
|
||||
<th>
|
||||
Ticket ID
|
||||
</th>
|
||||
<th>
|
||||
last Replier
|
||||
</th>
|
||||
<th>
|
||||
Replies
|
||||
</th>
|
||||
<th>
|
||||
Priority
|
||||
</th>
|
||||
<th>
|
||||
Last Activity
|
||||
</th>
|
||||
<th>
|
||||
Reply Due
|
||||
</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 1)->paginate(2);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?>
|
||||
<td class="mailbox-priority"><spam class="btn btn-{{$priority->priority_color}} btn-xs">{{$priority->priority}}</spam></td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('ticket #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,834 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
<?php $user = App\User::where('id', '=', $tickets->user_id)->first();?>
|
||||
<?php $assignedto = App\User::where('id', '=', $tickets->assigned_to)->first();?>
|
||||
|
||||
@section('sidebar')
|
||||
<li class="header">TICKET INFORMATION</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<span>TICKET ID</span>
|
||||
</br><b>#{{$tickets->ticket_number}}</b>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<span>USER</span>
|
||||
</br><i class="fa fa-user"></i> <b>{{$user->user_name}}</b>
|
||||
</a>
|
||||
</li>
|
||||
<li >
|
||||
<a href="">
|
||||
@if($tickets->assigned_to > 0)
|
||||
<span>ASSIGNED TO</span>
|
||||
</br> <b>{{$assignedto->user_name}}</b><br/>{{$assignedto->email}}
|
||||
@else
|
||||
<span>UNASSIGNED</span>
|
||||
@endif
|
||||
</a>
|
||||
</li>
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- Main content -->
|
||||
<div class="box box-primary">
|
||||
<div class="box-header">
|
||||
<h3 class="box-title" id="refresh2"><i class="fa fa-user"> </i> {!! $thread->title !!} </h3>
|
||||
<div class="pull-right">
|
||||
<!-- <button type="button" class="btn btn-default"><i class="fa fa-edit" style="color:green;"> </i> Edit</button> -->
|
||||
<button type="button" class="btn btn-default" id="Edit_Ticket" data-toggle="modal" data-target="#Edit"><i class="fa fa-edit" style="color:green;"> </i> Edit</button>
|
||||
<a href="{{url('ticket/print/'.$tickets->id)}}" target="_blank" class="btn btn-default"><i class="fa fa-print" style="color:blue;"> </i> Print</a>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="d1"><i class="fa fa-exchange" style="color:teal;" id="hidespin"> </i><i class="fa fa-spinner fa-spin" style="color:teal; display:none;" id="spin"></i>
|
||||
Change Status <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li id="open"><a href="#"><i class="fa fa-folder-open-o" style="color:red;"> </i>Open</a></li>
|
||||
<li id="close"><a href="#"><i class="fa fa-check" style="color:green;"> </i>Close</a></li>
|
||||
<li id="resolved"><a href="#"><i class="fa fa-check-circle-o " style="color:green;"> </i> Resolved</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="d2"><i class="fa fa-cogs" style="color:teal;"> </i>
|
||||
More <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu pull-right">
|
||||
<!-- <li data-toggle="modal" data-target="#ChangeOwner"><a href="#"><i class="fa fa-users" style="color:green;"> </i>Change Owner</a></li> -->
|
||||
<!-- <li><a href="#"><i class="fa fa-edit" style="color:blue;"> </i>Manage Forms</a></li> -->
|
||||
<li id="delete"><a href="#"><i class="fa fa-trash-o" style="color:red;"> </i>Delete Ticket</a></li>
|
||||
<li data-toggle="modal" data-target="#banemail"><a href="#" ><i class="fa fa-ban" style="color:red;" > </i> Ban Email</a></li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ticket details Table -->
|
||||
<div class="box-body">
|
||||
<div class="row">
|
||||
<section class="content" >
|
||||
<div class="col-md-12">
|
||||
<?php
|
||||
$priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first();
|
||||
?>
|
||||
<div class="callout callout-{{$priority->priority_color}}">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<?php
|
||||
$sla = $tickets->sla;
|
||||
$SlaPlan = App\Model\Manage\Sla_plan::where('id', '=', $sla)->first();
|
||||
?>
|
||||
<b>SLA Plan: {{$SlaPlan->grace_period}} </b>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<b>Created Date: </b> {{date_format($tickets->created_at, 'd/m/Y H:i:s')}}
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<b>Due Date: </b>
|
||||
<?php
|
||||
$time = $tickets->created_at;
|
||||
$time = date_create($time);
|
||||
date_add($time, date_interval_create_from_date_string($SlaPlan->grace_period));
|
||||
echo date_format($time, 'd/m/Y H:i:s');
|
||||
?>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<?php $response = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->get();?>
|
||||
@foreach($response as $last)
|
||||
<?php $ResponseDate = $last->created_at;?>
|
||||
@endforeach
|
||||
<b>Last Response: </b> {{date_format($ResponseDate, 'd/m/Y H:i:s')}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<table class="table table-hover"id="refresh">
|
||||
<tr><td><b>Status:</b></td> <div><?php $status = App\Model\Ticket\Ticket_Status::where('id', '=', $tickets->status)->first();?><td title="{{$status->properties}}">{{$status->state}}</td></div></tr>
|
||||
<tr><td><b>Priority:</b></td> <?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $tickets->priority_id)->first();?><td title="{{$priority->priority_desc}}">{{$priority->priority}}</td></tr>
|
||||
<tr><td><b>Department:</b></td> <?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first();?><td title="{{$help_topic->topic}}">{{$help_topic->department}}</td></tr>
|
||||
<tr><td><b>Email:</b></td> <td>{{$user->email}}</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<table class="table table-hover">
|
||||
<tr><td><b>Phone:</b></td> <td>{{$thread->user_id}}</td></tr>
|
||||
<tr><td><b>Source:</b></td> <td>{{$thread->ip_address}}</td></tr>
|
||||
<tr><td><b>Help Topic:</b></td> <?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $tickets->help_topic_id)->first();?><td title="{{$help_topic->topic}}">{{$help_topic->topic}}</td></tr>
|
||||
<tr><td><b>Last Message:</b></td> <td>{{$last->poster}}</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='row'>
|
||||
<div class='col-xs-12'>
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#General" data-toggle="tab" style="color:green;" id="aa"><i class="fa fa-reply-all"> </i> Reply</a></li>
|
||||
<!-- <li><a href="#Reply" data-toggle="tab" style="color:orange;"><i class="fa fa-mail-forward" > </i> Forward</a></li> -->
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="General">
|
||||
<div class="form-group">
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#{{$tickets->id}}assign"><i class="fa fa-hand-o-right" style="color:orange;"> </i> Assign</button>
|
||||
<button type="button" id="internal" class="btn btn-default"><i class="fa fa-file-text" style="color:blue;"> </i> Internal Notes</button>
|
||||
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#surrender"> <i class="fa fa-arrows-alt" style="color:red;"> </i> Surrender</button>
|
||||
</div>
|
||||
<!-- ticket reply -->
|
||||
|
||||
{!! Form::model($tickets->id, ['id'=>'form3','method' => 'PATCH'] )!!}
|
||||
<div id="t1">
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<input type="hidden" name="ticket_ID" value="{{$tickets->id}}">
|
||||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||||
<div class="col-md-2">
|
||||
{!! Form::label('To', 'To:') !!}
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
{!! Form::text('To',$user->email,['class'=>'form-control','style'=>'width:55%'])!!}
|
||||
{!! $errors->first('To', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>Response:</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<select class="form-control" style="width:55%" name="CannedResponse">
|
||||
<option>Select a canned response</option>
|
||||
<option>Original Message</option>
|
||||
<option>Last Message</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||||
<div class="col-md-2">
|
||||
{!! Form::label('Reply Content', 'ReplyContent:') !!}
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<textarea name="ReplyContent"></textarea>
|
||||
{!! $errors->first('ReplyContent', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-10">
|
||||
<button type="submit" class="btn btn-primary"><i class="fa fa-check-square-o" style="color:white;"> </i> Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{!!Form::close()!!}
|
||||
|
||||
<!-- Internal Content -->
|
||||
<div id="t2" style="display:none">
|
||||
{!! Form::model($tickets->id, ['id'=>'form2','method' => 'PATCH'] )!!}
|
||||
<div id="t4">
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||||
<div class="col-md-2">
|
||||
<label>Internal Note</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<textarea name="InternalContent"></textarea>
|
||||
{!! $errors->first('InternalContent', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||||
<div class="col-md-2"></div>
|
||||
<div class="col-md-10">
|
||||
<button type="submit" class="btn btn-primary"><i class="fa fa-check-square-o" style="color:white;"> </i> Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{!!Form::close()!!}
|
||||
</div>
|
||||
</div>
|
||||
<!-- ticket foreward -->
|
||||
<!-- <div class="tab-pane" id="Reply" >
|
||||
<div class="form-group">
|
||||
<button type="button" class="btn btn-default"><i class="fa fa-mail-forward" style="color:green;"> </i> Send</button>
|
||||
<button type="button" class="btn btn-default"><i class="fa fa-th-large" style="color:teal;"> </i> Option</button>
|
||||
<button type="button" class="btn btn-default"><i class="fa fa-file-text" style="color:blue;"> </i> Internal Notes</button>
|
||||
</div>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>From</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<input type="text" class="form-control" name="from" id="from" style="width:40%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>To</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<input type="text" class="form-control" name="to" id="to" style="width:55%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>Subject</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<input type="text" class="form-control" name="from" id="from" style="width:100%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>Response</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<select class="form-control" style="width:55%" >
|
||||
<option>Select a canned response</option>
|
||||
<option>Original Message</option>
|
||||
<option>Last Message</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<label>Reply Content</label>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<textarea id="txtEditor2"> </textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- ticket conversations -->
|
||||
<!-- row -->
|
||||
<div class="row" >
|
||||
<div id="refresh1">
|
||||
<div class="col-md-12" >
|
||||
<!-- The time line -->
|
||||
<ul class="timeline">
|
||||
<!-- timeline time label -->
|
||||
<?php
|
||||
$conversations = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $tickets->id)->paginate(10);
|
||||
foreach ($conversations as $conversation) {
|
||||
?>
|
||||
<li class="time-label">
|
||||
<?php
|
||||
$ConvDate1 = $conversation->created_at;
|
||||
$ConvDate = explode(' ', $ConvDate1);
|
||||
|
||||
$date = $ConvDate[0];
|
||||
$time = $ConvDate[1];
|
||||
$time = substr($time, 0, -3);
|
||||
if (isset($data) && $date == $data) {
|
||||
} else {
|
||||
?> <span class="bg-green">
|
||||
{{date_format($conversation->created_at, 'd/m/Y')}}
|
||||
</span> <?php
|
||||
$data = $ConvDate[0];
|
||||
}
|
||||
?>
|
||||
</li>
|
||||
<li>
|
||||
<?php if ($conversation->staff_id > 0) {?>
|
||||
<i class="fa fa-group bg-yellow" title="Posted by Support Team"></i>
|
||||
<?php } elseif ($conversation->user_id > 0) {?>
|
||||
<i class="fa fa-user bg-aqua" title="Posted by Customer"></i>
|
||||
<?php } else {?>
|
||||
<i class="fa fa-mail-reply-all bg-purple" title="Posted by System"></i>
|
||||
<?php }?>
|
||||
<div class="timeline-item">
|
||||
<span id="date" class="time" style="color:#fff;"><i class="fa fa-clock-o"> </i> {{date_format($conversation->created_at, 'd/m/Y H:i:s')}}</span>
|
||||
<h3 class="timeline-header" style="background-color:{!! $conversation->color !!};color:#fff;"><a href="#" style="color:#fff;">{{$conversation->poster}}</a></h3>
|
||||
<div class="timeline-body">
|
||||
{!! $conversation->body !!}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<?php $lastid = $conversation->id?>
|
||||
<?php }?>
|
||||
<li>
|
||||
<i class="fa fa-clock-o bg-gray"></i>
|
||||
</li>
|
||||
<ul class="pull-right">
|
||||
<?php echo $conversations->setPath(url('/thread/' . $tickets->id))->render();?>
|
||||
</ul>
|
||||
</ul>
|
||||
</div><!-- /.col -->
|
||||
</div>
|
||||
</div><!-- /.row -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- </section>/.content -->
|
||||
<!-- page modals -->
|
||||
<div>
|
||||
<!-- Edit Ticket modal -->
|
||||
<div class="modal fade" id="Edit">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
{!! Form::model($tickets->id, ['id'=>'form','method' => 'PATCH'] )!!}
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Edit <b>({!! $tickets->ticket_number !!})</b>({!! $user->user_name !!})</h4>
|
||||
</div>
|
||||
<div class="modal-body" id="hide">
|
||||
<div class="form-group">
|
||||
<label>Title</label>
|
||||
<input type="text" name="subject" class="form-control" value="{{$thread->title}}" required>
|
||||
{!! $errors->first('subject', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Body</label>
|
||||
<textarea name="body" class="form-control" required>{!! $thread->body !!}</textarea>
|
||||
{!! $errors->first('body', '<spam class="help-block text-red">:message</spam>') !!}
|
||||
</div>
|
||||
</div>
|
||||
<div id="show" style="display:none;">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<img src="{{asset("dist/img/gifloader.gif")}}"><br/><br/><br/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis">Close</button>
|
||||
<input type="submit" class="btn btn-primary pull-right" value="Update">
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- ban email modal -->
|
||||
<div class="modal fade" id="banemail">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Ban Email</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Are you sure to ban {!! $user->email !!}
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis2">Close</button>
|
||||
<button id="ban" type="button" class="btn btn-warning pull-right" >Ban Email</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- change Owner Modal -->
|
||||
<div class="modal fade" id="ChangeOwner">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
{!! Form::model($tickets->id, ['id'=>'form4','method' => 'PATCH'] )!!}
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Change Owner for ticket <b>#{!! $tickets->ticket_number !!}</b></h4>
|
||||
</div>
|
||||
<div class="modal-body" >
|
||||
<div class="form-group has-feedback">
|
||||
<!-- <input type="text" class="form-control" id="search" name="search" placeholder="Search Users"\> -->
|
||||
<?php $users = App\User::where('role', '=', 'user')->get();?>
|
||||
Add another Owner
|
||||
<select name="SelectOwner" class="form-control">
|
||||
@foreach($users as $user)
|
||||
@if($user->id !== $tickets->user_id)
|
||||
<option value="{!! $user->user_name !!}">{!! $user->user_name !!}({!! $user->email !!})</option>
|
||||
@endif
|
||||
@endforeach
|
||||
</select>
|
||||
<!-- <spam class="glyphicon glyphicon-search form-control-feedback"></spam> -->
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-2"><spam class="glyphicon glyphicon-user fa-5x"></spam></div>
|
||||
<div class="col-md-10">
|
||||
<?php $user = App\User::where('id', '=', $tickets->user_id)->first();?>
|
||||
|
||||
<b>User Details</b><br/>
|
||||
{!! $user->user_name !!}<br/>{!! $user->email !!}<br/>
|
||||
@if($user->phone != null)
|
||||
<b>Contact Informations</b><br/>
|
||||
{!! $user->phone !!}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis2">Close</button>
|
||||
<button id="ban" type="button" class="btn btn-warning pull-right" >Submit</button>
|
||||
</div>
|
||||
{!! Form::close() !!}
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- Ticket Assign Modal -->
|
||||
<div class="modal fade" id="{{$tickets->id}}assign">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
{!! Form::open(['id'=>'form1','method' => 'PATCH'] )!!}
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Delete</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Whome do you want to assign ticket?</p>
|
||||
|
||||
<select id="asssign" class="form-control" name="user">
|
||||
<?php $assign = App\User::where('role', '=', 'agent')->get();?>
|
||||
@foreach($assign as $user)
|
||||
<option value="{{$user->email}}">{{$user->user_name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis4">Close</button>
|
||||
<button type="submit" class="btn btn-success pull-right" id="submt2">Assign</button>
|
||||
</div>
|
||||
{!! Form::close()!!}
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
|
||||
<!-- Surrender Modal -->
|
||||
<div class="modal fade" id="surrender">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Delete</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Are you sure you want to surrender this Ticket?</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default pull-left" data-dismiss="modal" id="dismis6">Close</button>
|
||||
<button type="button" class="btn btn-warning pull-right" id="Surrender">Surrender</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
</div>
|
||||
|
||||
<!-- scripts used on page -->
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
// Close a ticket
|
||||
$('#close').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../ticket/close/{{$tickets->id}}",
|
||||
|
||||
beforeSend: function() {
|
||||
$("#hidespin").hide();
|
||||
$("#spin").show();
|
||||
},
|
||||
|
||||
success: function(response) {
|
||||
$("#refresh").load("../thread/{{$tickets->id}} #refresh");
|
||||
$("#spin").hide();
|
||||
$("#hidespin").show();
|
||||
$("#d1").trigger("click");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Resolved a ticket
|
||||
$('#resolved').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../ticket/resolve/{{$tickets->id}}",
|
||||
success: function(response) {
|
||||
$("#refresh").load("../thread/{{$tickets->id}} #refresh");
|
||||
$("#d1").trigger("click");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Open a ticket
|
||||
$('#open').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../ticket/open/{{$tickets->id}}",
|
||||
success: function(response) {
|
||||
$("#refresh").load("../thread/{{$tickets->id}} #refresh");
|
||||
$("#d1").trigger("click");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// delete a ticket
|
||||
$('#delete').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../ticket/delete/{{$tickets->id}}",
|
||||
success: function(response) {
|
||||
$("#refresh").load("../thread/{{$tickets->id}} #refresh");
|
||||
$("#d2").trigger("click");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// ban email
|
||||
$('#ban').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../email/ban/{{$tickets->id}}",
|
||||
success: function(response) {
|
||||
$("#dismis2").trigger("click");
|
||||
$("#refresh").load("../thread/{{$tickets->id}} #refresh");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// internal note
|
||||
$('#internal').click(function() {
|
||||
$('#t1').hide();
|
||||
$('#t2').show();
|
||||
});
|
||||
|
||||
// comment a ticket
|
||||
$('#aa').click(function() {
|
||||
$('#t1').show();
|
||||
$('#t2').hide();
|
||||
});
|
||||
|
||||
// Edit a ticket
|
||||
$('#form').on('submit', function() {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "http://localhost/faveogit/public/ticket/post/edit/{{$tickets->id}}",
|
||||
dataType: "html",
|
||||
data: $(this).serialize(),
|
||||
beforeSend: function() {
|
||||
$("#hide").hide();
|
||||
$("#show").show();
|
||||
},
|
||||
success: function(response) {
|
||||
$("#show").hide();
|
||||
$("#hide").show();
|
||||
$("#dismis").trigger("click");
|
||||
$("#refresh1").load("../thread/{{$tickets->id}} #refresh1");
|
||||
$("#refresh2").load("../thread/{{$tickets->id}} #refresh2");
|
||||
if (response == 1)
|
||||
{
|
||||
alert('Updated successfully');
|
||||
}
|
||||
else if (response == 0)
|
||||
{
|
||||
alert('Please check all your fields');
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Assign a ticket
|
||||
$('#form1').on('submit', function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "../ticket/assign/{{ $tickets->id }}",
|
||||
dataType: "html",
|
||||
data: $(this).serialize(),
|
||||
success: function(response) {
|
||||
$("#dismis4").trigger("click");
|
||||
// $("#RefreshAssign").load( "../thread/{{$tickets->id}} #RefreshAssign");
|
||||
// $("#General").load( "../thread/{{$tickets->id}} #General");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Internal Note
|
||||
$('#form2').on('submit', function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "../internal/note/{{ $tickets->id }}",
|
||||
dataType: "html",
|
||||
data: $(this).serialize(),
|
||||
success: function(response) {
|
||||
|
||||
if (response == 1)
|
||||
{
|
||||
$("#refresh1").load("../thread/{{$tickets->id}} #refresh1");
|
||||
$("#t4").load("../thread/{{$tickets->id}} #t4");
|
||||
}
|
||||
else
|
||||
{
|
||||
alert('fail');
|
||||
// $( "#dismis4" ).trigger( "click" );
|
||||
}
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Ticket Reply
|
||||
$('#form3').on('submit', function() {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "../thread/reply/{{ $tickets->id }}",
|
||||
dataType: "html",
|
||||
data: $(this).serialize(),
|
||||
success: function(response) {
|
||||
|
||||
if (response == 1)
|
||||
{
|
||||
$("#refresh1").load("../thread/{{$tickets->id}} #refresh1");
|
||||
$("#t1").load("../thread/{{$tickets->id}} #t1");
|
||||
}
|
||||
else
|
||||
{
|
||||
alert('fail');
|
||||
// $( "#dismis4" ).trigger( "click" );
|
||||
}
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
// Surrender
|
||||
$('#Surrender').on('click', function() {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "../ticket/surrender/{{ $tickets->id }}",
|
||||
success: function(response) {
|
||||
|
||||
if (response == 1)
|
||||
{
|
||||
alert('ticket has been un assigned');
|
||||
// $("#refresh1").load( "http://localhost/faveo/public/thread/{{$tickets->id}} #refresh1");
|
||||
}
|
||||
else
|
||||
{
|
||||
alert('fail');
|
||||
// $( "#dismis4" ).trigger( "click" );
|
||||
}
|
||||
$("#dismis6").trigger("click");
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // Change Owner
|
||||
// jQuery(document).ready(function($) {
|
||||
// $('#form4').on('submit', function() {
|
||||
// $.ajax({
|
||||
// type: "POST",
|
||||
// url: "../change/owner/{{ $tickets->id }}",
|
||||
// dataType: "html",
|
||||
// data: $(this).serialize(),
|
||||
// success: function(response) {
|
||||
|
||||
// if (response == 1)
|
||||
// {
|
||||
// $("#refresh1").load("../thread/{{$tickets->id}} #refresh1");
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
// alert('fail');
|
||||
// // $( "#dismis4" ).trigger( "click" );
|
||||
// }
|
||||
// }
|
||||
// })
|
||||
// return false;
|
||||
// });
|
||||
// });
|
||||
|
||||
|
||||
// jQuery(document).ready(function(cash) {
|
||||
// $('select').on('change', function (e) {
|
||||
// $('#submt2').on('click', function (e) {
|
||||
// var data1 = $(this).children('option:selected').data('id');
|
||||
|
||||
// $.ajax({
|
||||
// type : "GET",
|
||||
// url : "http://localhost/faveo/public/ticket/assign/{{$tickets->id}}",
|
||||
// dataType : 'html',
|
||||
// data : ({data2:data1}) ,
|
||||
// success : function(response) {
|
||||
|
||||
// alert(response);
|
||||
// }
|
||||
// })
|
||||
// return false;
|
||||
// });
|
||||
// });
|
||||
// });
|
||||
|
||||
|
||||
|
||||
|
||||
// Auto Populate Change Owner
|
||||
$("#search").autocomplete({
|
||||
source: function(request, response) {
|
||||
$.ajax({
|
||||
url: 'http://localhost/faveo/public/change/owner',
|
||||
dataType: "json",
|
||||
data: {
|
||||
name_startsWith: request.term,
|
||||
type: 'product'
|
||||
},
|
||||
success: function(data) {
|
||||
response($.map(data, function(item) {
|
||||
return {
|
||||
label: item,
|
||||
value: item
|
||||
}
|
||||
}));
|
||||
}
|
||||
});
|
||||
},
|
||||
autoFocus: true,
|
||||
minLength: 0
|
||||
});
|
||||
$('#item').autocomplete({
|
||||
source: function(request, response) {
|
||||
$.ajax({
|
||||
url: 'http://localhost/LAKSA/public/select',
|
||||
dataType: "json",
|
||||
data: {
|
||||
name_startsWith: request.term,
|
||||
type: 'product_table',
|
||||
row_num: 1
|
||||
},
|
||||
success: function(data) {
|
||||
response($.map(data, function(item) {
|
||||
var code = item.split("|");
|
||||
return {
|
||||
label: code[0],
|
||||
value: code[0],
|
||||
data: item
|
||||
}
|
||||
}));
|
||||
}
|
||||
});
|
||||
},
|
||||
autoFocus: true,
|
||||
minLength: 0,
|
||||
select: function(event, ui) {
|
||||
var names = ui.item.data.split("|");
|
||||
console.log(names[0], names[1], names[2]);
|
||||
$('#item').val(names[0]);
|
||||
$('#desc').val(names[1]);
|
||||
$('#box1').val(names[2]);
|
||||
}
|
||||
});
|
||||
//End of Autopopulate
|
||||
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,175 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('trash')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
{{-- <h3>
|
||||
Tickets
|
||||
</h3> --}}
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-warning">
|
||||
<div class="box-header with-border">
|
||||
<?php $counted = count(App\Model\Ticket\Tickets::where('status', '=', 5)->get());?>
|
||||
<h3 class="box-title">Trash </h3> <small> {{$counted}} Messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('status', '=', 5)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th>
|
||||
</th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>Priority</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('status', '=', 5)->paginate(10);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a class="text-red" href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-priority"><spam class="btn btn-warning btn-xs">NONE</spam></td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('open #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
@@ -0,0 +1,175 @@
|
||||
@extends('themes.default1.layouts.agentblank')
|
||||
|
||||
@section('Tickets')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('ticket-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('unassigned')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- <section class="content-header"> -->
|
||||
{{-- <h3>
|
||||
Tickets
|
||||
</h3> --}}
|
||||
<!-- </section> -->
|
||||
|
||||
<!-- Main content -->
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<?php $counted = count(App\Model\Ticket\Tickets::where('assigned_to', '=', 0)->get());?>
|
||||
<h3 class="box-title">Unassigned </h3> <small> {{$counted}} Messages</small>
|
||||
<!-- <div class="box-tools pull-right">
|
||||
<div class="has-feedback">
|
||||
<input type="text" class="form-control input-sm" placeholder="Search Mail"/>
|
||||
<span class="glyphicon glyphicon-search form-control-feedback"></span>
|
||||
</div>
|
||||
</div> --><!-- /.box-tools -->
|
||||
</div><!-- /.box-header -->
|
||||
<div class="box-body no-padding">
|
||||
<div class="mailbox-controls">
|
||||
<!-- Check all button -->
|
||||
<button class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></button>
|
||||
<button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
|
||||
<button class="btn btn-default btn-sm" onclick="click()" id="click"><i class="fa fa-refresh"></i></button>
|
||||
<div class="pull-right">
|
||||
<?php
|
||||
$counted = count(App\Model\Ticket\Tickets::where('assigned_to', '=', 0)->get());
|
||||
if ($counted < 10) {
|
||||
echo $counted . "/" . $counted;
|
||||
} else {
|
||||
echo "10/" . $counted;
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class=" table-responsive mailbox-messages" id="refresh">
|
||||
<table class="table table-hover table-striped">
|
||||
<thead>
|
||||
<th>
|
||||
</th>
|
||||
<th>subject</th>
|
||||
<th>Ticket ID</th>
|
||||
<th>Priority</th>
|
||||
<th>last Replier</th>
|
||||
<th>Replies</th>
|
||||
<th>Last Activity</th>
|
||||
<th>Reply Due</th>
|
||||
</thead>
|
||||
<tbody id="hello">
|
||||
<?php $tickets = App\Model\Ticket\Tickets::where('assigned_to', '=', 0)->paginate(10);?>
|
||||
|
||||
@foreach ($tickets as $ticket )
|
||||
<tr>
|
||||
<td><input type="checkbox" value="{{$ticket->id}}"/></td>
|
||||
<?php $title = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $ticket->id)->first();?>
|
||||
<td class="mailbox-name"><a class="text-red" href="{!! route('ticket.thread',[$ticket->id]) !!}">{{$title->title}}</a></td>
|
||||
<td class="mailbox-Id">#{!! $ticket->ticket_number !!}</td>
|
||||
<td class="mailbox-priority"><spam class="btn btn-warning btn-xs">NONE</spam></td>
|
||||
<td class="mailbox-last-reply">client</td>
|
||||
<td class="mailbox-replies">11</td>
|
||||
<td class="mailbox-last-activity">11h 59m 23s</td>
|
||||
<td class="mailbox-date">5h 23m 03s</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table><!-- /.table -->
|
||||
<div class="pull-right">
|
||||
<?php echo $tickets->setPath(url('/ticket'))->render();?>
|
||||
</div>
|
||||
</div><!-- /.mail-box-messages -->
|
||||
</div><!-- /.box-body -->
|
||||
</div><!-- /. box -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
//Enable iCheck plugin for checkboxes
|
||||
//iCheck for checkbox and radio inputs
|
||||
$('input[type="checkbox"]').iCheck({
|
||||
checkboxClass: 'icheckbox_flat-blue',
|
||||
radioClass: 'iradio_flat-blue'
|
||||
});
|
||||
|
||||
//Enable check and uncheck all functionality
|
||||
$(".checkbox-toggle").click(function() {
|
||||
var clicks = $(this).data('clicks');
|
||||
if (clicks) {
|
||||
//Uncheck all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("uncheck");
|
||||
} else {
|
||||
//Check all checkboxes
|
||||
$("input[type='checkbox']", ".mailbox-messages").iCheck("check");
|
||||
}
|
||||
$(this).data("clicks", !clicks);
|
||||
});
|
||||
|
||||
//Handle starring for glyphicon and font awesome
|
||||
$(".mailbox-star").click(function(e) {
|
||||
e.preventDefault();
|
||||
//detect type
|
||||
var $this = $(this).find("a > i");
|
||||
var glyph = $this.hasClass("glyphicon");
|
||||
var fa = $this.hasClass("fa");
|
||||
|
||||
//Switch states
|
||||
if (glyph) {
|
||||
$this.toggleClass("glyphicon-star");
|
||||
$this.toggleClass("glyphicon-star-empty");
|
||||
}
|
||||
|
||||
if (fa) {
|
||||
$this.toggleClass("fa-star");
|
||||
$this.toggleClass("fa-star-o");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function() { /// Wait till page is loaded
|
||||
$('#click').click(function() {
|
||||
$('#refresh').load('open #refresh');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
// // check box get data
|
||||
// jQuery(function($) {
|
||||
// $("form input[id='check_all']").click(function() { // triggred check
|
||||
|
||||
// var inputs = $("form input[type='checkbox']"); // get the checkbox
|
||||
|
||||
// for(var i = 0; i < inputs.length; i++) { // count input tag in the form
|
||||
// var type = inputs[i].getAttribute("type"); // get the type attribute
|
||||
// if(type == "checkbox") {
|
||||
// if(this.checked) {
|
||||
// inputs[i].checked = true; // checked
|
||||
// } else {
|
||||
// inputs[i].checked = false; // unchecked
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
|
||||
// $("form input[id='submit']").click(function() { // triggred submit
|
||||
|
||||
// var count_checked = $("[name='data[]']:checked").length; // count the checked
|
||||
// if(count_checked == 0) {
|
||||
// alert("Please select a product(s) to delete.");
|
||||
// return false;
|
||||
// }
|
||||
// if(count_checked == 1) {
|
||||
// return confirm("Are you sure you want to delete these product?");
|
||||
// } else {
|
||||
// return confirm("Are you sure you want to delete these products?");
|
||||
// }
|
||||
// });
|
||||
// }); // jquery end
|
||||
|
||||
</script>
|
||||
@stop
|
||||
Reference in New Issue
Block a user