gitphp 0.2.9.1 :: ckanext-ga-report.git/blobdiff

blob:a/ckanext/ga_report/templates/ga_report/site/index.html -> blob:b/ckanext/ga_report/templates/ga_report/site/index.html

<html xmlns:py="http://genshi.edgewall.org/"	<html xmlns:py="http://genshi.edgewall.org/"
xmlns:i18n="http://genshi.edgewall.org/i18n"	xmlns:i18n="http://genshi.edgewall.org/i18n"
xmlns:xi="http://www.w3.org/2001/XInclude"	xmlns:xi="http://www.w3.org/2001/XInclude"
py:strip="">	py:strip="">

<xi:include href="../ga_util.html" />	<xi:include href="../ga_util.html" />

<py:def function="page_title">Site usage</py:def>	<py:def function="page_title">Site usage</py:def>

<py:def function="optional_head">	<py:def function="optional_head">
<link rel="stylesheet" type="text/css" href="/scripts/vendor/rickshaw.min.css"/>
<link rel="stylesheet" type="text/css" href="/css/ga_report.css"/>
<script type="text/javascript" src="/scripts/ckanext_ga_reports.js"></script>
<script type="text/javascript" src="/scripts/vendor/jquery.sparkline.modified.js"></script>
<script type="text/javascript" src="/scripts/vendor/d3.v2.js"></script>
<script type="text/javascript" src="/scripts/vendor/d3.layout.min.js"></script>
<script type="text/javascript" src="/scripts/vendor/rickshaw.min.js"></script>
</py:def>	</py:def>

<py:match path="primarysidebar">	<py:match path="breadcrumbs">
<li class="widget-container boxed widget_text">	<li><a href="/site-usage">Site Analytics</a></li>
<h4>Download</h4>	<li><a href="/site-usage">Site-wide</a></li>
<p><center>
<a class="btn button btn-primary" href="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='csv',month=c.month or 'all')}">Download as CSV</a></center>
</p>
</li>
<xi:include href="../notes.html" />

</py:match>	</py:match>

<div py:match="content">	<div py:match="content">
<h1>Site Usage</h1>	<div class="row">
${usage_nav('Site-wide')}	<div class="col-sm-7 col-md-8 col-lg-9">
	<py:with vars="download_link=h.url_for(controller='ckanext.ga_report.controller:GaReport',action='csv',month=c.month or 'all')">
<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">	<a class="btn button btn-primary btn-sm pull-right" href="${download_link}"><i class="icon-download"></i>  Download as CSV</a>
<div class="controls">	</py:with>
	<h1>Site Usage</h1>
${month_selector(c.month, c.months, c.day)}	</div>
	<div class="col-sm-5 col-md-4 col-lg-3">
<input class="btn button btn-primary" type='submit' value="Update"/>	<div class="panel panel-default">
	<div class="panel-heading"><strong>Jump To...</strong></div>
	<div class="panel-body">
	<ul>
	<li><a href="/site-usage/publisher">Publisher Usage Statistics</a></li>
	<li><a href="/site-usage/dataset">Dataset Usage Statistics</a></li>
	</ul>
</div>	</div>
</form>	</div>
	</div>
<div class="tabbable">	</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#totals" data-toggle="tab">Totals</a></li>	<div class="row" style="background: #fff;">
<li class="dropdown">	<div class="col-md-8">
<a href="#browsers" class="dropdown-toggle" data-toggle="dropdown">Browsers	<div class="whitebox">
<b class="caret"></b></a>	<div class="tabbable">
<ul class="dropdown-menu">	<ul class="nav nav-tabs">
<li><a href="#browsers_names" data-toggle="tab">Browsers</a></li>	<li class="active"><a href="#totals" data-hash="totals" data-toggle="tab">Totals</a></li>
<li><a href="#browsers_versions" data-toggle="tab">Versions</a></li>	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Browsers
	<b class="caret"></b></a>
	<ul class="dropdown-menu">
	<li><a href="#browsers_names" data-hash="browsers_names" data-toggle="tab">Browsers</a></li>
	<li><a href="#browsers_versions" data-hash="browsers_versions" data-toggle="tab">Versions</a></li>
	</ul>
	</li>
	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Operating Systems
	<b class="caret"></b></a>
	<ul class="dropdown-menu">
	<li><a href="#os" data-hash="os" data-toggle="tab">Operating Systems</a></li>
	<li><a href="#os_versions" data-hash="os_versions" data-toggle="tab">Versions</a></li>
	</ul>
	</li>
	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social
	<b class="caret"></b></a>
	<ul class="dropdown-menu">
	<li><a href="#social_networks" data-hash="social_networks" data-toggle="tab">All networks</a></li>
	<li><a href="#social_referrals_totals" data-hash="social_referrals_totals" data-toggle="tab">Referral links</a></li>
	</ul>
	</li>
	<li><a href="#languages" data-hash="languages" data-toggle="tab">Languages</a></li>
	<li><a href="#country" data-hash="country" data-toggle="tab">Country</a></li>
</ul>	</ul>
</li>	<div class="tab-content">
<li class="dropdown">	<div class="tab-pane active" id="totals">
<a href="#browsers" class="dropdown-toggle" data-toggle="dropdown">Operating<br/>Systems	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
<b class="caret"></b></a>	<h4 class="ga-reports-heading">Show stats table for:</h4>
<ul class="dropdown-menu">	${month_selector(c.month, c.months, c.day)}
<li><a href="#os" data-toggle="tab">Operating Systems</a></li>	</form>
<li><a href="#os_versions" data-toggle="tab">Versions</a></li>	<table class="ga-reports-table table table-condensed table-bordered table-striped">
</ul>	<tr>
</li>	<th>Name</th>
<li class="dropdown">	<th class="td-numeric">Value</th>
<a href="#browsers" class="dropdown-toggle" data-toggle="dropdown">Social Networks	<th>History</th>
<b class="caret"></b></a>	</tr>
<ul class="dropdown-menu">	<py:for each="name, value, graph in c.global_totals">
<li><a href="#social_networks" data-toggle="tab">All networks</a></li>	<tr>
<li><a href="#social_referrals_totals" data-toggle="tab">Referral links</a></li>	<td>${name}</td>
</ul>	<td class="td-numeric">${value}</td>
</li>	<td class="sparkline-cell">
	<span class="sparkline" sparkTooltips="${','.join([x for x,y in graph])}">
<li><a href="#social_networks" data-toggle="tab"></a></li>	${','.join([y for x,y in graph])}
<li><a href="#languages" data-toggle="tab">Languages</a></li>	</span>
<li><a href="#country" data-toggle="tab">Country</a></li>	</td>
</ul>	</tr>
<div class="tab-content">	</py:for>
<div class="tab-pane active" id="totals">	</table>
<table class="table table-condensed table-bordered table-striped">	</div>
<tr>	<div class="tab-pane" id="browsers_versions">
<th>Name</th>	${rickshaw_graph(c.browser_versions_graph,'browser-versions',mode='stack')}
<th>Value</th>	<hr/>
<th>History</th>	<p>Note: Where a browser has a large number of versions, these have been grouped together.</p>
</tr>	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
<py:for each="name, value, graph in c.global_totals">	<h4 class="ga-reports-heading">Show stats table for:</h4>
<tr>	${month_selector(c.month, c.months, c.day)}
<td>${name}</td>	</form>
<td>${value}</td>	<hr/>
<td class="sparkline-cell">	${stat_table(c.browser_versions)}
<span class="sparkline" sparkTooltips="${','.join([x for x,y in graph])}">	</div>
${','.join([y for x,y in graph])}	<div class="tab-pane" id="browsers_names">
</span>	${rickshaw_graph(c.browsers_graph,'browsers',mode='stack')}
</td>	<hr/>
</tr>	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
</py:for>	<h4 class="ga-reports-heading">Show stats table for:</h4>
</table>	${month_selector(c.month, c.months, c.day)}
</div>	</form>
<div class="tab-pane" id="browsers_versions">	<hr/>
${rickshaw_graph(c.browser_versions_graph,'browser-versions',mode='stack')}	${stat_table(c.browsers)}
<p>Note: Where a browser has a large number of versions, these have been grouped together.</p>	</div>
${stat_table(c.browser_versions)}	<div class="tab-pane" id="os">
</div>	${rickshaw_graph(c.os_graph,'os',mode='stack')}
<div class="tab-pane" id="browsers_names">	<hr/>
${rickshaw_graph(c.browsers_graph,'browsers',mode='stack')}	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
${stat_table(c.browsers)}	<h4 class="ga-reports-heading">Show stats table for:</h4>
</div>	${month_selector(c.month, c.months, c.day)}
<div class="tab-pane" id="os">	</form>
${rickshaw_graph(c.os_graph,'os',mode='stack')}	<hr/>
${stat_table(c.os)}	${stat_table(c.os)}
</div>	</div>
<div class="tab-pane" id="os_versions">	<div class="tab-pane" id="os_versions">
${rickshaw_graph(c.os_versions_graph,'os_versions',mode='stack')}	${rickshaw_graph(c.os_versions_graph,'os_versions',mode='stack')}
${stat_table(c.os_versions)}	<hr/>
</div>	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
<div class="tab-pane" id="social_referrals_totals">	<h4 class="ga-reports-heading">Show stats table for:</h4>
<p>Number of visits that were referred from social networks</p>	${month_selector(c.month, c.months, c.day)}
${social_table(c.social_referrer_totals)}	</form>
</div>	<hr/>
<div class="tab-pane" id="social_networks">	${stat_table(c.os_versions)}
${rickshaw_graph(c.social_networks_graph, 'social_networks',mode='stack')}	</div>
<p>Percentage of visits that were referred from these social networks</p>	<div class="tab-pane" id="social_referrals_totals">
${stat_table(c.social_networks, 'Visits')}	<p>Number of visits that were referred from social networks</p>
</div>	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
<div class="tab-pane" id="languages">	<h4 class="ga-reports-heading">Show stats table for:</h4>
${rickshaw_graph(c.languages_graph,'languages',mode='stack')}	${month_selector(c.month, c.months, c.day)}
${stat_table(c.languages)}	</form>
</div>	${social_table(c.social_referrer_totals)}
<div class="tab-pane" id="country">	</div>
${rickshaw_graph(c.country_graph,'country',mode='stack')}	<div class="tab-pane" id="social_networks">
${stat_table(c.country)}	${rickshaw_graph(c.social_networks_graph, 'social_networks',mode='stack')}
</div>	<hr/>
	<p>Percentage of visits that were referred from these social networks</p>
	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
	<h4 class="ga-reports-heading">Show stats table for:</h4>
	${month_selector(c.month, c.months, c.day)}
	</form>
	<hr/>
	${stat_table(c.social_networks, 'Visits')}
	</div>
	<div class="tab-pane" id="languages">
	${rickshaw_graph(c.languages_graph,'languages',mode='stack')}
	<hr/>
	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
	<h4 class="ga-reports-heading">Show stats table for:</h4>
	${month_selector(c.month, c.months, c.day)}
	</form>
	<hr/>
	${stat_table(c.languages)}
	</div>
	<div class="tab-pane" id="country">
	${rickshaw_graph(c.country_graph,'country',mode='stack')}
	<hr/>
	<form class="form-inline" action="${h.url_for(controller='ckanext.ga_report.controller:GaReport',action='index')}" method="get">
	<h4 class="ga-reports-heading">Show stats table for:</h4>
	${month_selector(c.month, c.months, c.day)}
	</form>
	<hr/>
	${stat_table(c.country)}
	</div>
	</div>
	</div>
</div>	</div>
</div>	</div>
	</div>

</div>	</div>


<py:def function="optional_footer">	<py:def function="optional_footer">
<script type="text/javascript">	<script type="text/javascript">
$(function() {	$(function() {
var sparkOptions = {	CKAN.GA_Reports.bind_sparklines();
enableTagOptions: true,	CKAN.GA_Reports.bind_sidebar();
type: 'line',	CKAN.GA_Reports.bind_month_selector();
width: 100,	});
height: 26,
chartRangeMin: 0,
spotColor: '',
maxSpotColor: '',
minSpotColor: '',
highlightSpotColor: '000000',
lineColor: '3F8E6D',
fillColor: 'B7E66B'
};
$('.sparkline').sparkline('html',sparkOptions);
});
</script>	</script>
</py:def>	</py:def>

<xi:include href="../../layout.html" />	<xi:include href="layout.html" />
</html>	</html>