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="content_class"><!----></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?1"/>
<script type="text/javascript" src="/scripts/ckanext_ga_reports.js?1"></script>
<script type="text/javascript" src="/scripts/vendor/jquery.sparkline.modified.js"></script>
<script type="text/javascript" src="/scripts/rickshaw_ie7_shim.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">
${ga_sidebar(download_link=h.url_for(controller='ckanext.ga_report.controller:GaReport',action='csv',month=c.month or 'all'))}	<li><a href="/site-usage">Site Analytics</a></li>
	<li><a href="/site-usage">Site-wide</a></li>
</py:match>	</py:match>

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

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