{% extends "Subscribers.html" %}
{% load i18n %}

{% block extrahead %}
 <link rel="stylesheet" href="{{ STATIC_URL }}css/chart/jquery.jqplot.min.css" type="text/css" charset="utf-8" />
 <link rel="stylesheet" href="{{ STATIC_URL }}css/chart/smoothness/jquery-ui.css" type="text/css" charset="utf-8" />
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL}}css/customization/Statistics.css" />

 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/jquery/jquery-1.4.2.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/chart/jquery.jqplot.min.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/chart/plugins/jqplot.dateAxisRenderer.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/chart/plugins/jqplot.cursor.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/chart/plugins/jqplot.highlighter.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/jquery.blockUI.js"></script>
 <script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/Subscriber.js"></script>
<script type="text/javascript">

var dataObj = {
    'statusNames': [],
    'statusCodes': []
};

{% for s in statusNames %}
 dataObj.statusNames.push('{{ s }}');
{% endfor %}

{% for s in statusCode %}
 dataObj.statusCodes.push({{ s }});
{% endfor %}

$(function() {
    
    var translateInfo = {
        'all': '{% trans "All" %}',
        'loading': '{% trans "Loading..." %}',
        'notFound': '{% trans "Nothing found." %}',
        'unknownError': '{% trans "An unknown error has occurred." %}'
        
    };
    
    var staticInfo = {
        'imageUrl': '{{ STATIC_URL}}',
        'changeListLink': "{% url 'admin:newsletter_contact_changelist' %}",
        'historyLink': "{% url 'Theophrastus.integration.ajax.getHistory' group.id %}"
    };
    
    var handler = new SubscriberHandler(
        dataObj.statusNames, dataObj.statusCodes, staticInfo, translateInfo);
    handler.buildFilterTabs();
    handler.bindEvents();
    handler.getHistory();
    
    // Search.
    /*var $searchBtn = $('#search');
    var $searchInput = $('#searchContent');
    $searchBtn.click(function() {
        var keyword = $searchInput.val();
        keyword = $.trim(keyword);
        $('#emailTable tr[name=forSearch]').show();
        if (keyword) {
            var objs = new Array();
            $('#emailTable tr[name=forSearch]').each(function() {
                var $target = $('a', this);
                var value = $(this).text();
                if (value.search(keyword) == -1) {
                    $(this).hide();
                }
            });
        }
    });
    
    $('#clean').click(function() {
        $searchInput.val('');
        $('#emailTable tr[name=forSearch]').show();
    });*/
    
});
 </script>
{% endblock %}

{% block breadcrumbs %}
{% if not is_popup %}
<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans "Home" %}</a> &rsaquo;
 <a href="{% url 'admin:integration_app_changelist' %}">{% trans "App" %}</a> &rsaquo;
 {% trans 'View Group Statistics' %}: {{ group.name }}
</div>
{% endif %}
{% endblock %}

{% block content %}
    {% url 'Theophrastus.admin.integration.views.getGroupHistory' group.id as groupHistoryLink %}
    {% url 'Theophrastus.statistics.ajax.getHistory' group.id as subscribersHistoryLink %}
    {% include "SubscribersBase.html" with subscribersHistoryLink=subscribersHistoryLink integration=True historyLink=groupHistoryLink statisticsLink=group.statisticsUrl %}
{% endblock %}