update 1.0.8.0
Commits for version update
This commit is contained in:
Manish Verma
@@ -0,0 +1,689 @@
|
||||
@extends('themes.default1.agent.layout.agent')
|
||||
|
||||
@section('sidebar')
|
||||
<li class="header">{!! Lang::get('lang.Report') !!}</li>
|
||||
<li>
|
||||
<a href="">
|
||||
<i class="fa fa-area-chart"></i> <span>{!! Lang::get('lang.help_topic') !!}</span> <small class="label pull-right bg-green"></small>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
</li>
|
||||
@stop
|
||||
|
||||
@section('Report')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('dashboard-bar')
|
||||
active
|
||||
@stop
|
||||
|
||||
@section('PageHeader')
|
||||
<h1>{!! Lang::get('lang.report') !!}</h1>
|
||||
@stop
|
||||
|
||||
@section('dashboard')
|
||||
class="active"
|
||||
@stop
|
||||
|
||||
@section('content')
|
||||
<!-- check whether success or not -->
|
||||
{{-- Success message --}}
|
||||
@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>
|
||||
<b>{!! Lang::get('lang.alert') !!}!</b>
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
{{Session::get('fails')}}
|
||||
</div>
|
||||
@endif
|
||||
<link type="text/css" href="{{asset("lb-faveo/css/bootstrap-datetimepicker4.7.14.min.css")}}" rel="stylesheet">
|
||||
{{-- <script src="{{asset("lb-faveo/dist/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script> --}}
|
||||
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">{!! Lang::get('lang.help_topic') !!}</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<form id="foo">
|
||||
<input type="hidden" name="duration" value="" id="duration">
|
||||
<input type="hidden" name="default" value="false" id="default">
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class='col-sm-2'>
|
||||
{!! Form::label('helptopic', Lang::get('lang.help_topic')) !!}
|
||||
<select name="help_topic" id="help_topic" class="form-control">
|
||||
<?php $helptopics = App\Model\helpdesk\Manage\Help_topic::where('status', '=', '1')->get([ 'id', 'topic']); ?>
|
||||
@foreach($helptopics as $helptopic)
|
||||
<option value="{!! $helptopic->id !!}">{!! $helptopic->topic !!}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class='col-sm-2 form-group' id="start_date">
|
||||
{!! Form::label('date', Lang::get('lang.start_date').':') !!}
|
||||
{!! Form::text('start_date',null,['class'=>'form-control','id'=>'datepicker4'])!!}
|
||||
</div>
|
||||
<?php
|
||||
$start_date = App\Model\helpdesk\Ticket\Tickets::where('id', '=', '1')->first();
|
||||
if ($start_date != null) {
|
||||
$created_date = $start_date->created_at;
|
||||
$created_date = explode(' ', $created_date);
|
||||
$created_date = $created_date[0];
|
||||
$start_date = date("m/d/Y", strtotime($created_date . ' -1 months'));
|
||||
} else {
|
||||
$start_date = date("m/d/Y", strtotime(date("m/d/Y") . ' -1 months'));
|
||||
}
|
||||
?>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
var timestring1 = "{!! $start_date !!}";
|
||||
var timestring2 = "{!! date('m/d/Y') !!}";
|
||||
$('#datepicker4').datetimepicker({
|
||||
format: 'DD/MM/YYYY',
|
||||
minDate: moment(timestring1).startOf('day'),
|
||||
maxDate: moment(timestring2).startOf('day')
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class='col-sm-2 form-group' id="end_date">
|
||||
{!! Form::label('start_time', Lang::get('lang.end_date').':') !!}
|
||||
{!! Form::text('end_date',null,['class'=>'form-control','id'=>'datetimepicker3'])!!}
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
var timestring1 = "{!! $start_date !!}";
|
||||
var timestring2 = "{!! date('m/d/Y') !!}";
|
||||
$('#datetimepicker3').datetimepicker({
|
||||
format: 'DD/MM/YYYY',
|
||||
minDate: moment(timestring1).startOf('day'),
|
||||
maxDate: moment(timestring2).startOf('day')
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class='col-sm-1' style="padding-right:0px;padding-left:0px">
|
||||
<label>{!! Lang::get('lang.status') !!}</label>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default">{!! Lang::get('lang.select') !!}</button>
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#" id="stop"><input type="checkbox" name="open" id="open"> {!! lang::get('lang.created') !!} {!! lang::get('lang.tickets') !!}</a></li>
|
||||
<li><a href="#" id="stop"><input type="checkbox" name="closed" id="closed"> {!! lang::get('lang.closed') !!} {!! lang::get('lang.tickets') !!}</a></li>
|
||||
<li><a href="#" id="stop"><input type="checkbox" name="reopened" id="reopened"> {!! Lang::get('lang.reopened') !!} {!! lang::get('lang.tickets') !!}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-sm-1'>
|
||||
{!! Form::label('filter', 'Filter:') !!}<br>
|
||||
<input type="submit" class="btn btn-primary" value="Submit" id="submit">
|
||||
</div>
|
||||
<br/>
|
||||
<div class="col-md-4">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default">{!! Lang::get('lang.generate') !!}</button>
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#" id="pdf">{!! Lang::get('lang.generate_pdf') !!}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-default" id="click_day">Day</button>
|
||||
<button type="button" class="btn btn-default" id="click_week">Week</button>
|
||||
<button type="button" class="btn btn-default" id="click_month">Month</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-1" style="margin-bottom:0px;">
|
||||
<label>{!! Lang::get('lang.Legend') !!}:</label>
|
||||
</div>
|
||||
<style>
|
||||
#legend-holder { float: left; width: 32px; height: 16px;}
|
||||
</style>
|
||||
<div class="col-md-2"><span id="legend-holder" style="background-color: #6C96DF;"></span> <span> <span id="total-created-tickets1" ></span> {!! Lang::get('lang.tickets') !!} {!! Lang::get('lang.created') !!}</span></div>
|
||||
<div class="col-md-2"><span id="legend-holder" style="background-color: #6DC5B2;"></span> <span> <span id="total-reopen-tickets1"></span> {!! Lang::get('lang.tickets') !!} {!! Lang::get('lang.reopen') !!}</span></div>
|
||||
<div class="col-md-2"><span id="legend-holder" style="background-color: #E3B870;"></span> <span> <span id="total-closed-tickets1"></span> {!! Lang::get('lang.tickets') !!} {!! Lang::get('lang.closed') !!}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<!--<div id="legendDiv"></div>-->
|
||||
<div class="chart">
|
||||
<canvas class="chart-data" id="tickets-graph" width="1000" height="250"></canvas>
|
||||
</div>
|
||||
</div><!-- /.box-body -->
|
||||
<div class="box-footer">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-xs-6">
|
||||
<div class="description-block border-right">
|
||||
<h3><span class="description-percentage text-yellow" ><i class="fa fa-file-text-o"> </i> <small class="text-yellow"><i class="fa fa-random"> </i></small> <span id="total-inprogress-tickets"> </span> </span></h3>
|
||||
<span class="">{!! Lang::get('lang.Currnet_In_Progress') !!}</span>
|
||||
</div>
|
||||
<!-- /.description-block -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-sm-3 col-xs-6">
|
||||
<div class="description-block border-right">
|
||||
<h3><span class="description-percentage text-blue" ><i class="fa fa-file-text-o"> </i> + <span id="total-created-tickets"> </span> </span></h3>
|
||||
<span class="">{!! Lang::get('lang.Total_Created') !!}</span>
|
||||
</div>
|
||||
<!-- /.description-block -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-sm-3 col-xs-6">
|
||||
<div class="description-block border-right">
|
||||
<h3><span class="description-percentage text-yellow" ><i class="fa fa-file-text-o"></i> <small class="text-yellow"><i class="fa fa-refresh"> </i></small> <span id="total-reopen-tickets"> </span> </span></h3>
|
||||
<span class="">{!! Lang::get('lang.Total_Reopened') !!}</span>
|
||||
</div>
|
||||
<!-- /.description-block -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-sm-3 col-xs-6">
|
||||
<div class="description-block">
|
||||
<h3><span class="description-percentage text-green" ><i class="fa fa-file-text-o"> </i> <small class="text-green"><i class="fa fa-times"> </i></small> <span id="total-closed-tickets"> </span> </span></h3>
|
||||
<span class="">{!! Lang::get('lang.Total_Closed') !!}</span>
|
||||
</div>
|
||||
<!-- /.description-block -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.box -->
|
||||
|
||||
<div class="box box-info">
|
||||
<div class="box-header with-border">
|
||||
<h3 class="box-title">Tabular</h3>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<table class="table table-bordered" id="tabular">
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form action="{!! route('help.topic.pdf') !!}" method="POST" id="form_pdf">
|
||||
<input type="hidden" name="pdf_form" value="" id="pdf_form">
|
||||
<input type="hidden" name="pdf_form_help_topic" value="" id="pdf_form_help_topic">
|
||||
<input type="submit" style="display:none;">
|
||||
</form>
|
||||
|
||||
<div id="refresh">
|
||||
<script src="{{asset("lb-faveo/plugins/chartjs/Chart.min.js")}}" type="text/javascript"></script>
|
||||
</div>
|
||||
<script src="{{asset("lb-faveo/plugins/chartjs/Chart.min.js")}}" type="text/javascript"></script>
|
||||
<script type="text/javascript">
|
||||
var result1a;
|
||||
// var help_topic_global;
|
||||
$(document).ready(function() {
|
||||
$.getJSON("help-topic-report", function(result) {
|
||||
var labels = [], open = [], closed = [], reopened = [], open_total = 0, closed_total = 0, reopened_total = 0;
|
||||
//,data2=[],data3=[],data4=[];+
|
||||
var tableRef = document.getElementById('tabular');
|
||||
while (tableRef.rows.length > 0)
|
||||
{
|
||||
tableRef.deleteRow(0);
|
||||
}
|
||||
var header = tableRef.createTHead();
|
||||
var row = header.insertRow(0);
|
||||
var body = tableRef.createTBody();
|
||||
window.result1a = result;
|
||||
// window.help_topic_global = document.getElementById('help_topic');
|
||||
for (var i = 0; i < result.length; i++) {
|
||||
var row1 = body.insertRow(0);
|
||||
// if(i % 4 === 0) {
|
||||
labels.push(result[i].date);
|
||||
// } else {
|
||||
// labels.push("");
|
||||
// }
|
||||
|
||||
open.push(result[i].open);
|
||||
if (i == 1) {
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.reopened') !!}</b>";
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.closed') !!}</b>";
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.created') !!}</b>";
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.date') !!}</b>";
|
||||
}
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result[i].reopened + "</b>";
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result[i].closed + "</b>";
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result[i].open + "</b>";
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result[i].date + "</b>";
|
||||
|
||||
closed.push(result[i].closed);
|
||||
reopened.push(result[i].reopened);
|
||||
// data4.push(result[i].open);
|
||||
open_total += parseInt(result[i].open);
|
||||
closed_total += parseInt(result[i].closed);
|
||||
reopened_total += parseInt(result[i].reopened);
|
||||
|
||||
$inprog = result[i].inprogress;
|
||||
}
|
||||
var buyerData = {
|
||||
labels: labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "Open Tickets",
|
||||
fillColor: "rgba(93, 189, 255, 0.05)",
|
||||
strokeColor: "rgba(2, 69, 195, 0.9)",
|
||||
pointColor: "rgba(2, 69, 195, 0.9)",
|
||||
pointStrokeColor: "#c1c7d1",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(220,220,220,1)",
|
||||
data: open
|
||||
}, {
|
||||
label: "Closed Tickets",
|
||||
fillColor: "rgba(255, 206, 96, 0.08)",
|
||||
strokeColor: "rgba(221, 129, 0, 0.94)",
|
||||
pointColor: "rgba(221, 129, 0, 0.94)",
|
||||
pointStrokeColor: "rgba(60,141,188,1)",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(60,141,188,1)",
|
||||
data: closed
|
||||
|
||||
}, {
|
||||
label: "Reopened Tickets",
|
||||
fillColor: "rgba(104, 255, 220, 0.06)",
|
||||
strokeColor: "rgba(0, 149, 115, 0.94)",
|
||||
pointColor: "rgba(0, 149, 115, 0.94)",
|
||||
pointStrokeColor: "rgba(60,141,188,1)",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(60,141,188,1)",
|
||||
data: reopened
|
||||
}
|
||||
]
|
||||
};
|
||||
$("#total-created-tickets").html(open_total);
|
||||
$("#total-reopen-tickets").html(reopened_total);
|
||||
$("#total-closed-tickets").html(closed_total);
|
||||
$("#total-inprogress-tickets").html($inprog);
|
||||
var myLineChart = new Chart(document.getElementById("tickets-graph").getContext("2d")).Line(buyerData, {
|
||||
showScale: true,
|
||||
//Boolean - Whether grid lines are shown across the chart
|
||||
scaleShowGridLines: true,
|
||||
//String - Colour of the grid lines
|
||||
scaleGridLineColor: "rgba(0,0,0,.05)",
|
||||
//Number - Width of the grid lines
|
||||
scaleGridLineWidth: 1,
|
||||
//Boolean - Whether to show horizontal lines (except X axis)
|
||||
scaleShowHorizontalLines: true,
|
||||
//Boolean - Whether to show vertical lines (except Y axis)
|
||||
scaleShowVerticalLines: true,
|
||||
//Boolean - Whether the line is curved between points
|
||||
bezierCurve: true,
|
||||
//Number - Tension of the bezier curve between points
|
||||
bezierCurveTension: 0.3,
|
||||
//Boolean - Whether to show a dot for each point
|
||||
pointDot: true,
|
||||
//Number - Radius of each point dot in pixels
|
||||
pointDotRadius: 1,
|
||||
//Number - Pixel width of point dot stroke
|
||||
pointDotStrokeWidth: 1,
|
||||
//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
|
||||
pointHitDetectionRadius: 10,
|
||||
//Boolean - Whether to show a stroke for datasets
|
||||
datasetStroke: true,
|
||||
//Number - Pixel width of dataset stroke
|
||||
datasetStrokeWidth: 1,
|
||||
//Boolean - Whether to fill the dataset with a color
|
||||
datasetFill: true,
|
||||
//String - A legend template
|
||||
//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
||||
maintainAspectRatio: true,
|
||||
//Boolean - whether to make the chart responsive to window resizing
|
||||
responsive: true
|
||||
|
||||
});
|
||||
// document.getElementById("legendDiv").innerHTML = myLineChart.generateLegend();
|
||||
});
|
||||
$('#click_day').click(function() {
|
||||
$('#click_week').removeClass('btn-primary');
|
||||
$('#click_week').addClass('btn-default');
|
||||
$('#click_month').removeClass('btn-primary');
|
||||
$('#click_month').addClass('btn-default');
|
||||
$('#click_day').removeClass('btn-default');
|
||||
$('#click_day').addClass('btn-primary');
|
||||
$("#duration").val("day");
|
||||
document.getElementById("open").checked = false;
|
||||
document.getElementById("closed").checked = false;
|
||||
document.getElementById("reopened").checked = false;
|
||||
$('#foo').submit();
|
||||
});
|
||||
$('#click_week').click(function() {
|
||||
$('#click_day').removeClass('btn-primary');
|
||||
$('#click_day').addClass('btn-default');
|
||||
$('#click_month').removeClass('btn-primary');
|
||||
$('#click_month').addClass('btn-default');
|
||||
$('#click_week').removeClass('btn-default');
|
||||
$('#click_week').addClass('btn-primary');
|
||||
$("#duration").val("week");
|
||||
document.getElementById("open").checked = false;
|
||||
document.getElementById("closed").checked = false;
|
||||
document.getElementById("reopened").checked = false;
|
||||
$('#foo').submit();
|
||||
});
|
||||
$('#click_month').click(function() {
|
||||
$('#click_week').removeClass('btn-primary');
|
||||
$('#click_week').addClass('btn-default');
|
||||
$('#click_day').removeClass('btn-primary');
|
||||
$('#click_day').addClass('btn-default');
|
||||
$('#click_month').removeClass('btn-default');
|
||||
$('#click_month').addClass('btn-primary');
|
||||
$("#duration").val("month");
|
||||
document.getElementById("open").checked = false;
|
||||
document.getElementById("closed").checked = false;
|
||||
document.getElementById("reopened").checked = false;
|
||||
$('#foo').submit();
|
||||
});
|
||||
$('#submit').click(function() {
|
||||
$('#click_week').removeClass('btn-primary');
|
||||
$('#click_week').addClass('btn-default');
|
||||
$('#click_day').removeClass('btn-primary');
|
||||
$('#click_day').addClass('btn-default');
|
||||
$('#click_month').removeClass('btn-primary');
|
||||
$('#click_month').addClass('btn-default');
|
||||
$("#duration").val('');
|
||||
});
|
||||
|
||||
$('#foo').submit(function(event) {
|
||||
// get the form data
|
||||
// there are many ways to get this data using jQuery (you can use the class or id also)
|
||||
var date1 = $('#datepicker4').val();
|
||||
var date2 = $('#datetimepicker3').val();
|
||||
var help_topic = $('#help_topic').val();
|
||||
var duration = $('#duration').val();
|
||||
if (!duration) {
|
||||
if (!date1) {
|
||||
$('#start_date').addClass("has-error");
|
||||
} else {
|
||||
$('#start_date').removeClass("has-error");
|
||||
}
|
||||
if (!date2) {
|
||||
$('#end_date').addClass("has-error");
|
||||
} else {
|
||||
$('#end_date').removeClass("has-error");
|
||||
}
|
||||
if (!date1 || !date2) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var formData = date1.split("/").join('-');
|
||||
var dateData = date2.split("/").join('-');
|
||||
} else {
|
||||
var formData = null;
|
||||
var dateData = null;
|
||||
$('#datepicker4').val('');
|
||||
$('#datetimepicker3').val('');
|
||||
}
|
||||
var data = $('#foo').serialize();
|
||||
// process the form
|
||||
$.ajax({
|
||||
type: 'POST', // define the type of HTTP verb we want to use (POST for our form)
|
||||
url: 'help-topic-report/' + dateData + '/' + formData + '/' + help_topic, // the url where we want to POST
|
||||
dataType: 'json', // what type of data do we expect back from the server
|
||||
data: data, // our data object
|
||||
|
||||
success: function(result2) {
|
||||
window.result1a = result2;
|
||||
var tableRef = document.getElementById('tabular');
|
||||
while (tableRef.rows.length > 0)
|
||||
{
|
||||
tableRef.deleteRow(0);
|
||||
}
|
||||
|
||||
var labels = [], open = [], closed = [], reopened = [], open_total = 0, closed_total = 0, reopened_total = 0;
|
||||
var header = tableRef.createTHead();
|
||||
var row = header.insertRow(0);
|
||||
var body = tableRef.createTBody();
|
||||
|
||||
for (var i = 0; i < result2.length; i++) {
|
||||
labels.push(result2[i].date);
|
||||
var date123 = result2[i].date;
|
||||
|
||||
var row1 = body.insertRow(0);
|
||||
|
||||
if (result2[i].reopened) {
|
||||
reopened.push(result2[i].reopened);
|
||||
reopened_total += parseInt(result2[i].reopened);
|
||||
if (i == 1) {
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.reopened') !!}</b>";
|
||||
}
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result2[i].reopened + "</b>";
|
||||
} else {
|
||||
reopened.push("");
|
||||
reopened_total += 0;
|
||||
}
|
||||
|
||||
if (result2[i].closed) {
|
||||
closed.push(result2[i].closed);
|
||||
closed_total += parseInt(result2[i].closed);
|
||||
if (i == 1) {
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.closed') !!}</b>";
|
||||
}
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result2[i].closed + "</b>";
|
||||
} else {
|
||||
closed.push("");
|
||||
closed_total += 0;
|
||||
}
|
||||
|
||||
if (result2[i].open) {
|
||||
open.push(result2[i].open);
|
||||
open_total += parseInt(result2[i].open);
|
||||
if (i == 1) {
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.created') !!}</b>";
|
||||
}
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result2[i].open + "</b>";
|
||||
} else {
|
||||
open.push("");
|
||||
open_total += 0;
|
||||
}
|
||||
|
||||
if (i == 1) {
|
||||
var cell = row.insertCell(0);
|
||||
cell.innerHTML = "<b>{!! Lang::get('lang.date') !!}</b>";
|
||||
}
|
||||
|
||||
var cell1 = row1.insertCell(0);
|
||||
cell1.innerHTML = "<b>" + result2[i].date + "</b>";
|
||||
$inprog = result2[i].inprogress;
|
||||
}
|
||||
$("#head123").html("</tr>");
|
||||
|
||||
var buyerData = {
|
||||
labels: labels,
|
||||
datasets: [
|
||||
{
|
||||
label: "Open Tickets",
|
||||
fillColor: "rgba(93, 189, 255, 0.05)",
|
||||
strokeColor: "rgba(2, 69, 195, 0.9)",
|
||||
pointColor: "rgba(2, 69, 195, 0.9)",
|
||||
pointStrokeColor: "#c1c7d1",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(220,220,220,1)",
|
||||
data: open
|
||||
}
|
||||
, {
|
||||
label: "Closed Tickets",
|
||||
fillColor: "rgba(255, 206, 96, 0.08)",
|
||||
strokeColor: "rgba(221, 129, 0, 0.94)",
|
||||
pointColor: "rgba(221, 129, 0, 0.94)",
|
||||
pointStrokeColor: "rgba(60,141,188,1)",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(60,141,188,1)",
|
||||
data: closed
|
||||
}
|
||||
, {
|
||||
label: "Reopened Tickets",
|
||||
fillColor: "rgba(104, 255, 220, 0.06)",
|
||||
strokeColor: "rgba(0, 149, 115, 0.94)",
|
||||
pointColor: "rgba(0, 149, 115, 0.94)",
|
||||
pointStrokeColor: "rgba(60,141,188,1)",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(60,141,188,1)",
|
||||
data: reopened
|
||||
}
|
||||
]
|
||||
};
|
||||
$("#total-created-tickets").html(open_total);
|
||||
$("#total-reopen-tickets").html(reopened_total);
|
||||
$("#total-closed-tickets").html(closed_total);
|
||||
$("#total-inprogress-tickets").html($inprog);
|
||||
|
||||
var myLineChart = new Chart(document.getElementById("tickets-graph").getContext("2d")).Line(buyerData, {
|
||||
showScale: true,
|
||||
//Boolean - Whether grid lines are shown across the chart
|
||||
scaleShowGridLines: true,
|
||||
//String - Colour of the grid lines
|
||||
scaleGridLineColor: "rgba(0,0,0,.05)",
|
||||
//Number - Width of the grid lines
|
||||
scaleGridLineWidth: 1,
|
||||
//Boolean - Whether to show horizontal lines (except X axis)
|
||||
scaleShowHorizontalLines: false,
|
||||
//Boolean - Whether to show vertical lines (except Y axis)
|
||||
scaleShowVerticalLines: false,
|
||||
//Boolean - Whether the line is curved between points
|
||||
bezierCurve: true,
|
||||
//Number - Tension of the bezier curve between points
|
||||
bezierCurveTension: 0.3,
|
||||
//Boolean - Whether to show a dot for each point
|
||||
pointDot: true,
|
||||
//Number - Radius of each point dot in pixels
|
||||
pointDotRadius: 1,
|
||||
//Number - Pixel width of point dot stroke
|
||||
pointDotStrokeWidth: 1,
|
||||
//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
|
||||
pointHitDetectionRadius: 10,
|
||||
//Boolean - Whether to show a stroke for datasets
|
||||
datasetStroke: true,
|
||||
//Number - Pixel width of dataset stroke
|
||||
datasetStrokeWidth: 1,
|
||||
//Boolean - Whether to fill the dataset with a color
|
||||
datasetFill: true,
|
||||
//String - A legend template
|
||||
//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
||||
maintainAspectRatio: true,
|
||||
//Boolean - whether to make the chart responsive to window resizing
|
||||
responsive: true
|
||||
|
||||
});
|
||||
myLineChart.options.responsive = false;
|
||||
$("#tickets-graph").remove();
|
||||
$(".chart").html("<canvas id='tickets-graph' width='1000' height='250'></canvas>");
|
||||
var myLineChart1 = new Chart(document.getElementById("tickets-graph").getContext("2d")).Line(buyerData, {
|
||||
showScale: true,
|
||||
//Boolean - Whether grid lines are shown across the chart
|
||||
scaleShowGridLines: true,
|
||||
//String - Colour of the grid lines
|
||||
scaleGridLineColor: "rgba(0,0,0,.05)",
|
||||
//Number - Width of the grid lines
|
||||
scaleGridLineWidth: 1,
|
||||
//Boolean - Whether to show horizontal lines (except X axis)
|
||||
scaleShowHorizontalLines: true,
|
||||
//Boolean - Whether to show vertical lines (except Y axis)
|
||||
scaleShowVerticalLines: false,
|
||||
//Boolean - Whether the line is curved between points
|
||||
bezierCurve: true,
|
||||
//Number - Tension of the bezier curve between points
|
||||
bezierCurveTension: 0.3,
|
||||
//Boolean - Whether to show a dot for each point
|
||||
pointDot: true,
|
||||
//Number - Radius of each point dot in pixels
|
||||
pointDotRadius: 1,
|
||||
//Number - Pixel width of point dot stroke
|
||||
pointDotStrokeWidth: 1,
|
||||
//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
|
||||
pointHitDetectionRadius: 10,
|
||||
//Boolean - Whether to show a stroke for datasets
|
||||
datasetStroke: true,
|
||||
//Number - Pixel width of dataset stroke
|
||||
datasetStrokeWidth: 1,
|
||||
//Boolean - Whether to fill the dataset with a color
|
||||
datasetFill: true,
|
||||
//String - A legend template
|
||||
//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
||||
maintainAspectRatio: true,
|
||||
//Boolean - whether to make the chart responsive to window resizing
|
||||
responsive: true
|
||||
});
|
||||
// document.getElementById("legendDiv").innerHTML = myLineChart1.generateLegend();
|
||||
}
|
||||
});
|
||||
// using the done promise callback
|
||||
// stop the form from submitting the normal way and refreshing the page
|
||||
event.preventDefault();
|
||||
});
|
||||
$("#pdf").on('click', function(){
|
||||
document.getElementById("pdf_form").value = JSON.stringify(result1a);
|
||||
document.getElementById("pdf_form_help_topic").value = $('#help_topic :selected').val();
|
||||
document.getElementById("form_pdf").submit();
|
||||
// $("#form_pdf").submit(function(){
|
||||
// alert('saasdas');
|
||||
// });
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
$(function () {
|
||||
// $("#tabular").DataTable();
|
||||
$('#tabular').DataTable({
|
||||
"paging": true,
|
||||
"lengthChange": false,
|
||||
"searching": false,
|
||||
"ordering": true,
|
||||
"info": true,
|
||||
"autoWidth": false
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function() {
|
||||
// Close a ticket
|
||||
$('#close').on('click', function(e) {
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "agen",
|
||||
beforeSend: function() {
|
||||
|
||||
},
|
||||
success: function(response) {
|
||||
|
||||
}
|
||||
})
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<script src="{{asset("lb-faveo/plugins/moment-develop/moment.js")}}" type="text/javascript"></script>
|
||||
<script src="{{asset("lb-faveo/js/bootstrap-datetimepicker4.7.14.min.js")}}" type="text/javascript"></script>
|
||||
@stop
|
||||
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>PDF</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<style type="text/css">
|
||||
* {
|
||||
font-family: "DejaVu Sans Mono", monospace;
|
||||
}
|
||||
</style>
|
||||
<link href="{{asset("lb-faveo/css/bootstrap.min.css")}}" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="background-color:#F2F2F2;">
|
||||
<h2>
|
||||
<div id="logo" class="site-logo text-center" style="font-size: 30px;">
|
||||
<?php
|
||||
$company = App\Model\helpdesk\Settings\Company::where('id', '=', '1')->first();
|
||||
$system = App\Model\helpdesk\Settings\System::where('id', '=', '1')->first();
|
||||
?>
|
||||
<center>
|
||||
@if($system->url)
|
||||
<a href="{!! $system->url !!}" rel="home">
|
||||
@else
|
||||
<a href="{{url('/')}}" rel="home" style="text-decoration:none;">
|
||||
@endif
|
||||
@if($company->use_logo == 1)
|
||||
<img src="{!! public_path().'/uploads/company'.'/'.$company->logo !!}" width="100px;"/>
|
||||
@else
|
||||
@if($system->name)
|
||||
{!! $system->name !!}
|
||||
@else
|
||||
<b>SUPPORT</b> CENTER
|
||||
@endif
|
||||
@endif
|
||||
</a>
|
||||
</center>
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
<br/><br/>
|
||||
<?php $help_topic_name = App\Model\helpdesk\Manage\Help_topic::where('id', '=', $table_help_topic)->first(); ?>
|
||||
<span class="lead"> Help Topic : {!! $help_topic_name->topic !!} </span>
|
||||
<br/>
|
||||
|
||||
Date Range : {!! reset($table_datas[0]) !!} --- {!! end($table_datas)->date !!}
|
||||
<br/><br/>
|
||||
<span class="lead">SUMMARY</span>
|
||||
<table class="table table-striped" style="font-size:8;">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>Date</td>
|
||||
@if(array_key_exists('open', $table_datas[1]))
|
||||
<td>Created</td>
|
||||
@endif
|
||||
@if(array_key_exists('closed', $table_datas[1]))
|
||||
<td>Closed</td>
|
||||
@endif
|
||||
@if(array_key_exists('reopened', $table_datas[1]))
|
||||
<td>Reopened</td>
|
||||
@endif
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
//dd($table_datas[1]);
|
||||
$table_open = '';
|
||||
$table_closed = '';
|
||||
$table_reopened = '';
|
||||
foreach ($table_datas as $table_data) {
|
||||
echo '<tr>';
|
||||
echo '<td>' . $table_data->date . '</td>';
|
||||
if (array_key_exists('open', $table_data)) {
|
||||
echo '<td>' . $table_data->open . '</td>';
|
||||
$table_open += $table_data->open;
|
||||
}
|
||||
if (array_key_exists('closed', $table_data)) {
|
||||
echo '<td>' . $table_data->closed . '</td>';
|
||||
$table_closed += $table_data->closed;
|
||||
}
|
||||
if (array_key_exists('reopened', $table_data)) {
|
||||
echo '<td>' . $table_data->reopened . '</td>';
|
||||
$table_reopened += $table_data->reopened;
|
||||
}
|
||||
echo '</tr>';
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<span style="color:#F7CF07;">TOTAL IN PROGRESS</span> : {!! $table_datas[1]->inprogress !!}
|
||||
</td>
|
||||
<td>
|
||||
@if(array_key_exists('open', $table_data))
|
||||
<span style="color:blue;">TOTAL CREATED</span> : {!! $table_open !!}
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if(array_key_exists('reopened', $table_data))
|
||||
<span style="color:orange;">TOTAL REOPENED</span> : {!! $table_reopened !!}
|
||||
@endif
|
||||
</td>
|
||||
<td>
|
||||
@if(array_key_exists('closed', $table_data))
|
||||
<span style="color:#00e765;">TOTAL CLOSED</span> : {!! $table_closed !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user