* @copyright Copyright (C) 2002-2005 Markus Westphal, * 2006-2008 Malcolm Cowe, 2010 Matteo Lucarelli, * 2010-2012 Uwe Steinmann * @version Release: @package_version@ */ /** * Include parent class */ require_once("class.Bootstrap.php"); /** * Class which outputs the html page for Charts view * * @category DMS * @package SeedDMS * @author Markus Westphal, Malcolm Cowe, Uwe Steinmann * @copyright Copyright (C) 2002-2005 Markus Westphal, * 2006-2008 Malcolm Cowe, 2010 Matteo Lucarelli, * 2010-2012 Uwe Steinmann * @version Release: @package_version@ */ class SeedDMS_View_Charts extends SeedDMS_Bootstrap_Style { function js() { /* {{{ */ $data = $this->params['data']; $type = $this->params['type']; header('Content-Type: application/javascript'); ?> $("").css({ position: "absolute", display: "none", padding: "5px", color: "white", "background-color": "#000", "border-radius": "5px", opacity: 0.80 }).appendTo("body"); var data = [ $rec) { $key = mktime(12, 0, 0, substr($rec['key'], 5, 2), 1, substr($rec['key'], 0, 4)) * 1000; echo '["'.$rec['key'].'",'.$rec['total'].'],'."\n"; } } ?> ]; $.plot("#chart", [data], { xaxis: { mode: "categories", tickLength: 0, }, series: { bars: { show: true, align: "center", barWidth: 0.8, }, }, grid: { hoverable: true, clickable: true } }); $("#chart").bind("plothover", function (event, pos, item) { if(item) { var x = item.datapoint[0];//.toFixed(2), y = item.datapoint[1];//.toFixed(2); $("#tooltip").html(item.series.xaxis.ticks[x].label + ": " + y) .css({top: pos.pageY-35, left: pos.pageX+5}) .fadeIn(200); } else { $("#tooltip").hide(); } }); var data = [ ]; var plot = $.plot("#chart", [data], { xaxis: { mode: "time" }, series: { lines: { show: true }, points: { show: true } }, grid: { hoverable: true, clickable: true } }); $("#chart").bind("plothover", function (event, pos, item) { if(item) { var x = item.datapoint[0];//.toFixed(2), y = item.datapoint[1];//.toFixed(2); $("#tooltip").html($.plot.formatDate(new Date(x), '%e. %b %Y') + ": " + y) .css({top: pos.pageY-35, left: pos.pageX+5}) .fadeIn(200); } else { $("#tooltip").hide(); } }); var data = [ ]; $(document).ready( function() { $.plot('#chart', data, { series: { pie: { show: true, radius: 1, label: { show: true, radius: 2/3, formatter: labelFormatter, threshold: 0.1, background: { opacity: 0.8 } } } }, grid: { hoverable: true, clickable: true }, legend: { show: true, container: '#legend' } }); $("#chart").bind("plothover", function (event, pos, item) { if(item) { var x = item.series.data[0][0];//.toFixed(2), y = item.series.data[0][1];//.toFixed(2); $("#tooltip").html(item.series.label + ": " + y + " (" + Math.round(item.series.percent) + "%)") .css({top: pos.pageY-35, left: pos.pageX+5}) .fadeIn(200); } else { $("#tooltip").hide(); } }); function labelFormatter(label, series) { return "

" + label + "
" + series.data[0][1] + " (" + Math.round(series.percent) + "%)

"; } }); dms = $this->params['dms']; $user = $this->params['user']; $rootfolder = $this->params['rootfolder']; $data = $this->params['data']; $type = $this->params['type']; $this->htmlAddHeader( ''."\n". ''."\n". ''."\n". ''."\n"); $this->htmlStartPage(getMLText("folders_and_documents_statistic")); $this->globalNavigation(); $this->contentStart(); $this->pageNavigation(getMLText("admin_tools"), "admin_tools"); echo "

\n"; echo "

\n"; $this->contentHeading(getMLText("chart_selection")); echo "

\n"; foreach(array('docsperuser', 'sizeperuser', 'docspermimetype', 'docspercategory', 'docsperstatus', 'docspermonth', 'docsaccumulated') as $atype) { echo "

".getMLText('chart_'.$atype.'_title')."

\n"; } echo "

\n"; echo "

\n"; if(in_array($type, array('docspermonth', 'docsaccumulated'))) { echo "

\n"; } else { echo "

\n"; } $this->contentHeading(getMLText('chart_'.$type.'_title')); echo "

\n"; ?>

\n"; echo "

\n"; if(!in_array($type, array('docspermonth', 'docsaccumulated'))) { echo "

\n"; $this->contentHeading(getMLText('legend')); echo "

\n"; echo "

\n"; } echo "

\n"; $this->contentContainerEnd(); $this->contentEnd(); $this->htmlEndPage(); } /* }}} */ } ?>