Newer
Older
<?php
/*********************************************************************
dashboard.php
Staff's Dashboard - basic stats...etc.
Peter Rotich <peter@osticket.com>
Copyright (c) 2006-2012 osTicket
http://www.osticket.com
Released under the GNU General Public License WITHOUT ANY WARRANTY.
See LICENSE.TXT for details.
vim: expandtab sw=4 ts=4 sts=4:
**********************************************************************/
require('staff.inc.php');
$nav->setTabActive('dashboard');
require(STAFFINC_DIR.'header.inc.php');
?>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/g.raphael.js"></script>
<script type="text/javascript" src="js/g.line-min.js"></script>
<script type="text/javascript" src="js/g.dot-min.js"></script>
<script type="text/javascript" src="js/bootstrap-tab.js"></script>
<script type="text/javascript" src="js/dashboard.inc.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/dashboard.css"/>
<p>Select the starting time and period for the system activity graph</p>
<form class="well form-inline" id="timeframe-form">
<label>
Report timeframe:
<input type="text" class="dp input-medium search-query"
name="start" placeholder="Last month"/>
</label>
<label>
period:
<select name="period">
<option value="now" selected="selected">Up to today</option>
<option value="+7 days">One Week</option>
<option value="+14 days">Two Weeks</option>
<option value="+1 month">One Month</option>
<option value="+3 months">One Quarter</option>
</select>
</label>
<button class="btn" type="submit">Refresh</button>
</form>
<!-- Create a graph and fetch some data to create pretty dashboard -->
<div style="position:relative">
<div id="line-chart-here" style="height:300px"></div>
<div style="position:absolute;right:0;top:0" id="line-chart-legend"></div>
</div>
<hr/>
<h2>Statistics</h2>
<p>Statistics of tickets organized by department, help topic, and staff.</p>
<ul class="nav nav-tabs" id="tabular-navigation"></ul>