{% extends "layouts/content.html" %}


{% block extension_navigation %}
<a href="http://linaro.org"> fofo</a>
{% endblock %}


{% block breadcrumbs %}
{{ block.super }}
<li><a href="{% url demo_app.views.hello %}">Hello from demo application</a></li>
{% endblock %}


{% block content %}
<!--[if IE]><script type="text/javascript" src="{{ STATIC_URL }}dashboard_app/js/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="{{ STATIC_URL }}dashboard_app/js/jquery.rpc.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}dashboard_app/js/jquery.flot.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}dashboard_app/js/jquery.dashboard.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>
<script type="text/javascript">
  $(function () {
    $.plot($("#placeholder"), [ 
      [ 
        {% for data in data_list %}
        [{{data.x}}, {{data.y}}],
        {% endfor %} 
      ],
    ]);
  });
</script>
{% endblock %}