1188 lines
55 KiB
PHP
1188 lines
55 KiB
PHP
@extends('themes.default1.client.layout.client')
|
||
@section('HeadInclude')
|
||
<link href="{{asset("lb-faveo/css/AdminLTE.css")}}" rel="stylesheet" type="text/css" />
|
||
@stop
|
||
<?php $user = App\User::where('id', '=', $ticket->user_id)->first();?>
|
||
<?php $assignedto = App\User::where('id', '=', $ticket->assigned_to)->first();?>
|
||
@section('breadcrumb')
|
||
|
||
<div class="site-hero clearfix">
|
||
|
||
<ol class="breadcrumb breadcrumb-custom">
|
||
<li class="text">You are here: </li>
|
||
|
||
<li><a href="#">Home</a></li>
|
||
<li><a href="#">Mytickets</a></li>
|
||
<li class="active">Details</li>
|
||
</ol>
|
||
</div>
|
||
@stop
|
||
|
||
@section('content')
|
||
<div id="content" class="site-content col-md-12">
|
||
<!-- Main content -->
|
||
<h2>Ticket Details</h2>
|
||
<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> -->
|
||
|
||
|
||
<a href="{{url('ticket/print/'.$ticket->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="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>
|
||
</div>
|
||
<!-- ticket details Table -->
|
||
<div class="box-body">
|
||
<div id="alert11" class="alert alert-success alert-dismissable" style="display:none;">
|
||
<button id="dismiss11" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-check"></i>Alert!</h4>
|
||
<div id="message-success1"></div>
|
||
</div>
|
||
<div id="alert12" class="alert alert-warning alert-dismissable" style="display:none;">
|
||
<button id="dismiss12" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-warning"></i>Alert!</h4>
|
||
<div id="message-warning1"></div>
|
||
</div>
|
||
<div id="alert13" class="alert alert-danger alert-dismissable" style="display:none;">
|
||
<button id="dismiss13" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-ban"></i>Alert!</h4>
|
||
<div id="message-danger1"></div>
|
||
</div>
|
||
<div class="row">
|
||
<section class="content" >
|
||
<div class="col-md-12">
|
||
<?php
|
||
$priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();
|
||
?>
|
||
<div class="callout callout-{{$priority->priority_color}}">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<?php
|
||
$sla = $ticket->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> {{ UTC::usertimezone($ticket->created_at) }}
|
||
</div>
|
||
<div class="col-md-3">
|
||
<b>Due Date: </b>
|
||
<?php
|
||
$time = $ticket->created_at;
|
||
$time = date_create($time);
|
||
date_add($time, date_interval_create_from_date_string($SlaPlan->grace_period));
|
||
echo UTC::usertimezone(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', '=', $ticket->id)->get();?>
|
||
@foreach($response as $last)
|
||
<?php $ResponseDate = $last->created_at;?>
|
||
@endforeach
|
||
<b>Last Response: </b> {{ UTC::usertimezone($ResponseDate) }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="show2" style="display:none;">
|
||
<div class="col-md-4">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/>
|
||
</div>
|
||
</div>
|
||
<div id="hide2">
|
||
<div class="col-md-6">
|
||
<table class="table table-hover"id="refresh">
|
||
<tr><td><b>Ticket Number: </b></td><div><td>{{$ticket->ticket_number}}</td></div></tr>
|
||
<tr><td><b>Priority:</b></td> <?php $priority = App\Model\Ticket\Ticket_Priority::where('priority_id', '=', $ticket->priority_id)->first();?><td title="{{$priority->priority_desc}}">{{$priority->priority_desc}}</td></tr>
|
||
<tr><td><b>Department:</b></td> <?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $ticket->help_topic_id)->first();?><td title="{{$help_topic->topic}}">{{$help_topic->topic}}</td></tr>
|
||
<tr><td><b>Email:</b></td><td>{{$user->email}}</td></tr>
|
||
</table>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<?php
|
||
$user_phone = App\User::where('mobile','=',$thread->user_id)->first();
|
||
|
||
$TicketData = App\Model\Ticket\Ticket_Thread::where('ticket_id', '=', $thread->ticket_id)->max('id');
|
||
$TicketDatarow = App\Model\Ticket\Ticket_Thread::where('id', '=', $TicketData)->first();
|
||
$LastResponse = App\User::where('id', '=', $TicketDatarow->user_id)->first();
|
||
if($LastResponse->role == "user") {
|
||
$rep = "#F39C12";
|
||
$username = $LastResponse->user_name;
|
||
} else { $rep = "#000"; $username = $LastResponse->first_name ." ". $LastResponse->last_name;
|
||
if($LastResponse->first_name==null || $LastResponse->last_name==null) {
|
||
$username = $LastResponse->user_name;
|
||
}}
|
||
if($ticket->source > 0)
|
||
{
|
||
$ticket_source = App\Model\Ticket\Ticket_source::where('id','=',$ticket->source)->first();
|
||
$ticket_source = $ticket_source->value;
|
||
}
|
||
else
|
||
$ticket_source = $ticket->source;
|
||
|
||
?>
|
||
<table class="table table-hover">
|
||
@if($user_phone != null)<tr><td><b>Phone:</b></td> <td>{{$user_phone->mobile}}</td></tr>@endif
|
||
<tr><td><b>Status:</b></td> <div><?php $status = App\Model\Ticket\Ticket_Status::where('id', '=', $ticket->status)->first();?><td title="{{$status->properties}}">{{$status->name}}</td></div></tr>
|
||
<tr><td><b>Help Topic:</b></td> <?php $help_topic = App\Model\Manage\Help_topic::where('id', '=', $ticket->help_topic_id)->first();?><td title="{{$help_topic->topic}}">{{$help_topic->topic}}</td></tr>
|
||
<tr><td><b>Last Message:</b></td> <td>{{$username}}</td></tr>
|
||
<tr><td><b>Source:</b></td> <td>{{$ticket_source}}</td></tr>
|
||
</table>
|
||
</div>
|
||
</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 id="alert21" class="alert alert-success alert-dismissable" style="display:none;">
|
||
<button id="dismiss21" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-check"></i>Alert!</h4>
|
||
<div id="message-success2"></div>
|
||
</div>
|
||
<div id="alert22" class="alert alert-warning alert-dismissable" style="display:none;">
|
||
<button id="dismiss22" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-warning"></i>Alert!</h4>
|
||
<div id="message-warning2"></div>
|
||
</div>
|
||
<div id="alert23" class="alert alert-danger alert-dismissable" style="display:none;">
|
||
<button id="dismiss23" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h4><i class="icon fa fa-ban"></i>Alert!</h4>
|
||
<div id="message-danger2"></div>
|
||
</div>
|
||
<div class="tab-pane active" id="General">
|
||
|
||
<!-- ticket reply -->
|
||
<div id="show3" style="display:none;">
|
||
<div class="col-md-4">
|
||
</div>
|
||
<div class="col-md-4">
|
||
<img src="{{asset("lb-faveo/media/images/gifloader.gif")}}"><br/><br/><br/>
|
||
</div>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</br>
|
||
</div>
|
||
|
||
{!! Form::model($ticket->id, ['id'=>'form3','method' => 'PATCH', 'enctype'=>'multipart/form-data'] )!!}
|
||
<div id="t1">
|
||
|
||
<div class="form-group">
|
||
<div class="row">
|
||
<!-- to -->
|
||
<input type="hidden" name="ticket_ID" value="{{$ticket->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','support@faveohelpdesk.com',array('disabled'),['id'=>'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">
|
||
<!-- reply content -->
|
||
<div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
|
||
<div class="col-md-2">
|
||
{!! Form::label('Reply Content', 'reply_content:') !!}
|
||
</div>
|
||
<div class="col-md-10">
|
||
<textarea style="width:98%;height:200px;" name="reply_content" id="reply_content"></textarea>
|
||
{!! $errors->first('reply_content', '<spam class="help-block text-red">:message</spam>') !!}
|
||
<br/>
|
||
{{-- <div type="file" class="btn btn-default btn-file"><i class="fa fa-paperclip"> </i> Attachment<input type="file" name="attachment[]" multiple/></div><br/>
|
||
Max. 10MB --}}
|
||
</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($ticket->id, ['id'=>'form2','method' => 'PATCH'] )!!}
|
||
<div id="t4">
|
||
<div class="form-group">
|
||
<div class="row">
|
||
<!-- internal note -->
|
||
<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 class="form-control" name="InternalContent" id="InternalContent" style="width:98%; height:150px;"></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', '=', $ticket->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];
|
||
}
|
||
$role = App\User::where('id','=',$conversation->user_id)->first();
|
||
?>
|
||
</li>
|
||
<li>
|
||
<?php if($conversation->is_internal) { ?>
|
||
<i class="fa fa-tag bg-purple" title="Posted by System"></i>
|
||
<?php }else{ if ($role->role == 'agent' || $role->role == 'admin') { ?>
|
||
<i class="fa fa-mail-reply-all bg-yellow" title="Posted by Support Team"></i>
|
||
<?php } elseif ($role->role == 'user') { ?>
|
||
<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 } }
|
||
$attachment = App\Model\Ticket\Ticket_attachments::where('thread_id','=',$conversation->id)->first();
|
||
if($attachment == null ) {
|
||
$body = $conversation->body;
|
||
}
|
||
else {
|
||
// dd($attachment->file);
|
||
// print $attachment->file;
|
||
// header("Content-type: image/jpeg");
|
||
// echo "<img src='".base64_decode($attachment->file)."' style='width:128px;height:128px'/> ";
|
||
$body = $conversation->body;
|
||
|
||
$attachments = App\Model\Ticket\Ticket_attachments::where('thread_id','=',$conversation->id)->orderBy('id', 'DESC')->get();
|
||
|
||
// $i = 0;
|
||
|
||
foreach($attachments as $attachment)
|
||
{
|
||
|
||
// $i++;
|
||
if($attachment->type == 'pdf')
|
||
{
|
||
// echo "hello";
|
||
}elseif($attachment->type == 'docx')
|
||
{
|
||
// echo "hello";
|
||
}
|
||
else
|
||
{
|
||
$image = imagecreatefromstring($attachment->file);
|
||
ob_start();
|
||
imagejpeg($image, null, 80);
|
||
$data = ob_get_contents();
|
||
ob_end_clean();
|
||
$var = '<img src="data:image/jpg;base64,' . base64_encode($data) . '" />';
|
||
// echo $var;
|
||
// echo $attachment->name;
|
||
// $body = explode($attachment->name, $body);
|
||
$body = str_replace($attachment->name, "data:image/jpg;base64," . base64_encode($data), $body);
|
||
|
||
$string = $body;
|
||
$start = "<head>";
|
||
$end = "</head>";
|
||
if(strpos($string,$start) == false || strpos($string,$start) == false)
|
||
{
|
||
}
|
||
else
|
||
{
|
||
$ini = strpos($string,$start);
|
||
$ini += strlen($start);
|
||
$len = strpos($string,$end,$ini) - $ini;
|
||
$parsed = substr($string,$ini,$len);
|
||
$body2 = $parsed;
|
||
$body = str_replace($body2 ," " ,$body);
|
||
}
|
||
}
|
||
}
|
||
// echo $body;
|
||
|
||
// $body = explode($attachment->file, $body);
|
||
// $body = $body[0];
|
||
}
|
||
?>
|
||
|
||
<?php
|
||
$string = $body;
|
||
$start = "<head>";
|
||
$end = "</head>";
|
||
if(strpos($string,$start) == false || strpos($string,$start) == false)
|
||
{
|
||
}
|
||
else
|
||
{
|
||
$ini = strpos($string,$start);
|
||
$ini += strlen($start);
|
||
$len = strpos($string,$end,$ini) - $ini;
|
||
$parsed = substr($string,$ini,$len);
|
||
$body2 = $parsed;
|
||
$body = str_replace($body2 ," " ,$body);
|
||
}
|
||
|
||
?>
|
||
<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:<?php
|
||
if($conversation->is_internal)
|
||
{
|
||
$color = '#046380';
|
||
echo $color;
|
||
}
|
||
else
|
||
{
|
||
if ($role->role == 'agent' || $role->role == 'admin')
|
||
{
|
||
$color = '#FFD34E';
|
||
echo $color;
|
||
} elseif ($role->role == 'user')
|
||
{
|
||
$color = '#00A388';
|
||
echo $color;
|
||
} else
|
||
{
|
||
$color = '#046380';
|
||
echo $color;
|
||
}
|
||
}
|
||
?>;
|
||
">
|
||
<a href="#" style="color:#fff;"><?php if($role->role == "user") {echo $role->user_name; } else { echo $role->first_name . " " . $role->last_name; } ?> </a></h3>
|
||
<div class="timeline-body">
|
||
{!! $body !!}
|
||
|
||
</div>
|
||
<div class="timeline-footer" style="margin-bottom:-5px">
|
||
@if(!$conversation->is_internal)
|
||
<?php Event::fire(new App\Events\Timeline($conversation,$role,$user)); ?>
|
||
@endif
|
||
<?php
|
||
$attachments = App\Model\helpdesk\Ticket\Ticket_attachments::where('thread_id','=',$conversation->id)->get();
|
||
$i = 0;
|
||
foreach($attachments as $attachment) {
|
||
if($attachment->poster == 'ATTACHMENT') {
|
||
$i++;
|
||
}
|
||
}
|
||
if($i>0)
|
||
{
|
||
echo "<hr style='border-top: 1px dotted #FFFFFF;margin-top:0px;margin-bottom:0px;background-color:#8B8C90;'><h4 class='box-title'><b>".$i." </b> Attachments</h4>";
|
||
}
|
||
?>
|
||
<ul class='mailbox-attachments clearfix'>
|
||
<?php
|
||
foreach($attachments as $attachment)
|
||
{
|
||
|
||
$size = $attachment->size;
|
||
$units = array( 'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB');
|
||
$power = $size > 0 ? floor(log($size, 1024)) : 0;
|
||
$value = number_format($size / pow(1024, $power), 2, '.', ',') . ' ' . $units[$power];
|
||
|
||
|
||
if($attachment->poster == 'ATTACHMENT')
|
||
{
|
||
if($attachment->type == 'jpg'||$attachment->type == 'JPG'||$attachment->type == 'jpeg'||$attachment->type == 'JPEG'||$attachment->type == 'png'||$attachment->type == 'PNG'||$attachment->type == 'gif'||$attachment->type == 'GIF')
|
||
{
|
||
$image = @imagecreatefromstring($attachment->file);
|
||
ob_start();
|
||
imagejpeg($image, null, 80);
|
||
$data = ob_get_contents();
|
||
ob_end_clean();
|
||
$var = '<a href="'.URL::route('image', array('image_id' => $attachment->id)).'" target="_blank"><img style="max-width:200px;height:133px;" src="data:image/jpg;base64,' . base64_encode($data) . '"/></a>';
|
||
|
||
|
||
echo '<li style="background-color:#f4f4f4;"><span class="mailbox-attachment-icon has-img">'.$var.'</span><div class="mailbox-attachment-info"><b style="word-wrap: break-word;">'.$attachment->name.'</b><br/><p>'.$value.'</p></div></li>';
|
||
}
|
||
else
|
||
{
|
||
$var = '<a style="max-width:200px;height:133px;color:#666;" href="'.URL::route('image', array('image_id' => $attachment->id)).'" target="_blank"><span class="mailbox-attachment-icon" style="background-color:#fff;">'.strtoupper($attachment->type).'</span><div class="mailbox-attachment-info"><span ><b style="word-wrap: break-word;">'.$attachment->name.'</b><br/><p>'.$value.'</p></span></div></a>';
|
||
echo '<li style="background-color:#f4f4f4;">'.$var.'</li>';
|
||
}
|
||
}
|
||
}
|
||
?>
|
||
</ul>
|
||
</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/' . $ticket->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" style="width:60%;height:70%;">
|
||
<div class="modal-content">
|
||
{!! Form::model($ticket->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>[#{!! $ticket->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" style="width:100%;height:200px;" 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("lb-faveo/media/images/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($ticket->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>#{!! $ticket->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 !== $ticket->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', '=', $ticket->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="{{$ticket->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">Assign</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>Whom 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">Surrender</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 -->
|
||
|
||
<!-- Surrender Modal -->
|
||
<div class="modal fade" id="addccc">
|
||
<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">Add Collaborator</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="callout callout-info">
|
||
<i class="icon fa fa-info"> </i> Search existing users or add new users
|
||
|
||
</div>
|
||
<input type="text" class="form-control">
|
||
</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>
|
||
|
||
|
||
</div>
|
||
<!-- scripts used on page -->
|
||
<script type="text/javascript">
|
||
|
||
function AddCcc(){
|
||
|
||
}
|
||
|
||
jQuery(document).ready(function($) {
|
||
// Close a ticket
|
||
$('#close').on('click', function(e) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../ticket/close/{{$ticket->id}}",
|
||
beforeSend: function() {
|
||
$("#hidespin").hide();
|
||
$("#spin").show();
|
||
$("#hide2").hide();
|
||
$("#show2").show();
|
||
},
|
||
success: function(response) {
|
||
$("#refresh").load("../thread/{{$ticket->id}} #refresh");
|
||
$("#show2").hide();
|
||
$("#spin").hide();
|
||
$("#hide2").show();
|
||
$("#hidespin").show();
|
||
$("#d1").trigger("click");
|
||
var message = "Success! Your Ticket have been Closed";
|
||
$("#alert11").show();
|
||
$('#message-success1').html(message);
|
||
setInterval(function(){$("#alert11").hide(); },4000);
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// Resolved a ticket
|
||
$('#resolved').on('click', function(e) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../ticket/resolve/{{$ticket->id}}",
|
||
beforeSend: function() {
|
||
$("#hide2").hide();
|
||
$("#show2").show();
|
||
},
|
||
success: function(response) {
|
||
$("#refresh").load("../thread/{{$ticket->id}} #refresh");
|
||
$("#d1").trigger("click");
|
||
$("#hide2").show();
|
||
$("#show2").hide();
|
||
var message = "Success! Your Ticket have been Resolved";
|
||
$("#alert11").show();
|
||
$('#message-success1').html(message);
|
||
setInterval(function(){$("#alert11").hide(); },4000);
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// Open a ticket
|
||
$('#open').on('click', function(e) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../ticket/open/{{$ticket->id}}",
|
||
beforeSend: function() {
|
||
$("#hide2").hide();
|
||
$("#show2").show();
|
||
},
|
||
success: function(response) {
|
||
$("#refresh").load("../thread/{{$ticket->id}} #refresh");
|
||
$("#d1").trigger("click");
|
||
$("#hide2").show();
|
||
$("#show2").hide();
|
||
var message = "Success! Your Ticket have been Opened";
|
||
$("#alert11").show();
|
||
$('#message-success1').html(message);
|
||
setInterval(function(){$("#alert11").hide(); },4000);
|
||
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// delete a ticket
|
||
$('#delete').on('click', function(e) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../ticket/delete/{{$ticket->id}}",
|
||
beforeSend: function() {
|
||
$("#hide2").hide();
|
||
$("#show2").show();
|
||
},
|
||
success: function(response) {
|
||
$("#refresh").load("../thread/{{$ticket->id}} #refresh");
|
||
$("#d2").trigger("click");
|
||
$("#hide2").show();
|
||
$("#show2").hide();
|
||
var message = "Success! Your Ticket have been moved to Trash";
|
||
$("#alert11").show();
|
||
$('#message-success1').html(message);
|
||
setInterval(function(){$("#alert11").hide(); },4000);
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// ban email
|
||
$('#ban').on('click', function(e) {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../email/ban/{{$ticket->id}}",
|
||
success: function(response) {
|
||
$("#dismis2").trigger("click");
|
||
$("#refresh").load("../thread/{{$ticket->id}} #refresh");
|
||
var message = "Success! This Email have been banned";
|
||
$("#alert11").show();
|
||
$('#message-success1').html(message);
|
||
setInterval(function(){$("#alert11").hide(); },4000);
|
||
}
|
||
})
|
||
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: "../ticket/post/edit/{{$ticket->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/{{$ticket->id}} #refresh1");
|
||
$("#refresh2").load("../thread/{{$ticket->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/{{ $ticket->id }}",
|
||
dataType: "html",
|
||
data: $(this).serialize(),
|
||
// beforeSend: function() {
|
||
// $("#hide").hide();
|
||
// $("#show").show();
|
||
// },
|
||
success: function(response) {
|
||
$("#dismis4").trigger("click");
|
||
// $("#RefreshAssign").load( "../thread/{{$ticket->id}} #RefreshAssign");
|
||
// $("#General").load( "../thread/{{$ticket->id}} #General");
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// Internal Note
|
||
$('#form2').on('submit', function() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "../internal/note/{{ $ticket->id }}",
|
||
dataType: "html",
|
||
data: $(this).serialize(),
|
||
beforeSend: function() {
|
||
$("#t2").hide();
|
||
$("#show3").show();
|
||
|
||
},
|
||
success: function(response) {
|
||
|
||
if (response == 1)
|
||
{
|
||
$("#refresh1").load("../thread/{{$ticket->id}} #refresh1");
|
||
// $("#t4").load("../thread/{{$ticket->id}} #t4");
|
||
var message = "Success! You have successfully replied to your ticket";
|
||
$("#alert21").show();
|
||
$('#message-success2').html(message);
|
||
setInterval(function(){$("#alert21").hide(); },4000);
|
||
|
||
|
||
}
|
||
else
|
||
{
|
||
// alert('fail');
|
||
var message = "Fail! For some reason your message was not posted. Please try again later";
|
||
$("#alert23").show();
|
||
$('#message-danger2').html(message);
|
||
setInterval(function(){$("#alert23").hide(); },4000);
|
||
// $( "#dismis4" ).trigger( "click" );
|
||
|
||
}
|
||
$("#t2").show();
|
||
$("#show3").hide();
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// Ticket Reply
|
||
$('#form3').on('submit', function() {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "../thread/reply/{{ $ticket->id }}",
|
||
dataType: "html",
|
||
data: $(this).serialize(),
|
||
beforeSend: function() {
|
||
|
||
$("#t1").hide();
|
||
$("#show3").show();
|
||
},
|
||
|
||
success: function(response) {
|
||
|
||
if (response == 1)
|
||
{
|
||
$("#refresh1").load("../thread/{{$ticket->id}} #refresh1");
|
||
// $("#t1").load("../thread/{{$ticket->id}} #t1");
|
||
var message = "Success! You have successfully replied to your ticket";
|
||
$("#alert21").show();
|
||
$('#message-success2').html(message);
|
||
setInterval(function(){$("#alert21").hide(); },4000);
|
||
}
|
||
else
|
||
{
|
||
// alert('fail');
|
||
// $( "#dismis4" ).trigger( "click" );
|
||
var message = "Fail! For some reason your reply was not posted. Please try again later";
|
||
$("#alert23").show();
|
||
$('#message-danger2').html(message);
|
||
setInterval(function(){$("#alert23").hide(); },4000);
|
||
}
|
||
$("#show3").hide();
|
||
$("#t1").show();
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
|
||
// Surrender
|
||
$('#Surrender').on('click', function() {
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "../ticket/surrender/{{ $ticket->id }}",
|
||
success: function(response) {
|
||
|
||
if (response == 1)
|
||
{
|
||
// alert('ticket has been un assigned');
|
||
var message = "Success! You have Unassigned your ticket";
|
||
$("#alert21").show();
|
||
$('#message-success2').html(message);
|
||
setInterval(function(){$("#dismiss21").trigger("click"); },2000);
|
||
// $("#refresh1").load( "http://localhost/faveo/public/thread/{{$ticket->id}} #refresh1");
|
||
}
|
||
else
|
||
{
|
||
var message = "Fail! For some reason your request failed";
|
||
$("#alert23").show();
|
||
$('#message-danger2').html(message);
|
||
setInterval(function(){$("#dismiss23").trigger("click"); },2000);
|
||
// alert('fail');
|
||
// $( "#dismis4" ).trigger( "click" );
|
||
}
|
||
$("#dismis6").trigger("click");
|
||
}
|
||
})
|
||
return false;
|
||
});
|
||
});
|
||
|
||
// editor
|
||
// bkLib.onDomLoaded(function() {
|
||
// nicEditors.editors.push(
|
||
// new nicEditor().panelInstance(
|
||
// document.getElementById('body'),
|
||
// document.getElementById('body2')
|
||
// )
|
||
// );
|
||
// });
|
||
|
||
|
||
// editor2
|
||
// bkLib.onDomLoaded(function() {
|
||
// nicEditors.editors.push(
|
||
// new nicEditor().panelInstance(
|
||
// document.getElementById('body2')
|
||
// )
|
||
// );
|
||
// );
|
||
// });
|
||
|
||
|
||
|
||
|
||
|
||
// // Change Owner
|
||
// jQuery(document).ready(function($) {
|
||
// $('#form4').on('submit', function() {
|
||
// $.ajax({
|
||
// type: "POST",
|
||
// url: "../change/owner/{{ $ticket->id }}",
|
||
// dataType: "html",
|
||
// data: $(this).serialize(),
|
||
// success: function(response) {
|
||
|
||
// if (response == 1)
|
||
// {
|
||
// $("#refresh1").load("../thread/{{$ticket->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/{{$ticket->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>
|
||
<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
|
||
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>
|
||
@stop
|
||
|
||
{{-- // <script type="text/javascript" src="{{asset('nicedit.js')}}"></script> --}}
|