{% extends "main_template.html" %}
{% load markup %}
{% block sectionid %}chart{% endblock %}
{% block title %}ReportLab Chart Gallery{%endblock%}
{% block cssid %}chart{% endblock %}
{% block extrahead %}
{{block.super}}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}chartgallery/css/chart.css" />
{% endblock %}

{% block menu %}
<div id="nav_bar_top">
<ul>{% for gall in chart_galleries %}
	<li class="sidemenu level0"><a href="./{{gall}}/">{{gall|capfirst}}</a>
	{% if gall = gallery %}<ul>
		{% for chart in charts %}<li class="sidemenu level1"><a href="/chartgallery/{{gallery}}/{{chart}}/">{{chart}}</a>
		{% endfor %}</ul>
	{% endif %}
	</li>
{% endfor %}
</ul>
</div>
{% endblock %}
{% block body %} {# billboard % #}
<h1>{{chart}}</h1>
<p>{{subtitle}}</p>
<div id="chart-tools" class="icons">
    <a id="zoom-out" title="zoom out">[&minus;]</a>
    <a id="no-zoom" title="normal size">[=]</a>
    <a id="zoom-in" title="zoom in">[+]</a>
</div>
<div id="loader" class="loading"></div>
<div id="content-secondary">{{ doc|markdown }}</div>
{% endblock %}
{% block side_div %}
<div id="content-related" class="sidebar">
	<p id="breadcrumbs"></p>
	<div id="chart-attrs-container"></div>
</div>
{% endblock %}
{% block extrajs %}
{{block.super}}
<script type="text/javascript" src="{{ STATIC_URL }}chartgallery/js/dumpobject.js"></script>
<script type="text/javascript">
    var scaleFactor = {{scale}};
    var currentZoom = scaleFactor;
    var gallery = "{{gallery}}";
    var chart = "{{chart}}";
    var format = "{{format}}";
</script>
<script type="text/javascript" src="{{ STATIC_URL }}chartgallery/js/charts.js"></script>
{% endblock %}