{% extends "base.html" %}
{% load i18n %}
{% block title %}{% trans "Dashboard" %}{% endblock %}

{% block extrahead %}
<script src="{{ MEDIA_URL }}js/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE]><script language="javascript" type="text/javascript" src="{{ MEDIA_URL }}js/flot/excanvas.min.js"></script><![endif]-->
<script type="text/javascript" src="{{ MEDIA_URL }}js/flot/jquery.flot.js"></script>
<script type="text/javascript" src="{{ MEDIA_URL }}js/flot/jquery.flot.stack.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.announcement').hide();

    var remove_prev_element = function(el){
        jQuery(el).fadeOut(500,function(){
            jQuery(this).remove();
            announcement_animation('.announcement:first');
        });
    };

    var announcement_animation = function(el){
        var element = el;
        jQuery(element).fadeIn(1000, function(){
            var lines = jQuery(this).html().match(/<br>/ig);
            var line_count = 1;
            if (lines) {
                line_count = lines.length;
            }
            var average_line_length = jQuery(this).html().length/line_count;
            var slowdown_factor = average_line_length / 50;
            jQuery(this).scrollTo('max', line_count*1200 * slowdown_factor, {
                easing:'linear',
                onAfter: function(){
                    var cloned_element = jQuery(element).clone()
                    jQuery(cloned_element).insertAfter('.announcement:last');
                    jQuery(cloned_element).hide('slow', function(){
                        setTimeout(function(){remove_prev_element(element)},3000);
                    });
            }});
        });
    };

    announcement_animation(jQuery('.announcement:first'));
});
</script>
{% endblock %}

{% block content %}

<div class="w_left">
<div id="sales" class="widget">{% include "core/sales_widget.html" %}</div>
<div id="taxes" class="widget">{% include "core/taxes_widget.html" %}</div>
<div id="invoices" class="widget">{% include "core/invoices_widget.html" %}</div>
<div id="prospects" class="widget">{% include "core/prospects_widget.html" %}</div>
</div>

<div class="w_right">
{% if announcements %}
<div class="widget">
<h2>{% trans "Info" %}</h2>
    <div  id="announcements">
    {% for announcement in announcements %}
    <div class="announcement">{% autoescape off %}{{ announcement.content|linebreaksbr }}{% endautoescape %}</div>
    {% endfor %}
    </div>
</div>
{% endif %}
<div id="charts" class="widget">{% include "core/charts_widget.html" %}</div>
</div>
{% endblock %}