{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}{% trans 'View Subscribers' %} | {% trans 'Django site admin' %}{% endblock %}

{% 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 %}
<div id="maskDivParent">
 <h1>{% trans "E-mail Subscriber list" %}</h1>
 <div name="title">
  <span class="titleIcon"></span>
  <input type="text" id="searchContent" />
  <input type="button" id="search" value="{% trans 'Search contacts' %}" />
  <input type="button" id="clean" value="{% trans 'Clean' %}" />
 </div>
 <div class="mainBox subscribersTheme">
  <div id="chart1"></div>
  <div id="SubscriberHistory"></div>
  <div id ="filter" class="controlBar"></div>
  <p>{% trans "Current:" %} <span id="currentCount"></span> / {% trans "Total:" %} <span id="totalCount"></span>{{ totalNum }}</p>
  <table id="emailTable">
   <tr name="title">
    <th>{% trans "Contact" %}</th>
    <th>{% trans 'Last activity' %}
     <a class="{% if sortType %}sortDown{% else %}sortUp{% endif %}" href="
      {% url 'Theophrastus.statistics.ajax.getHistory' group.id %}?sort=lastActivity&sortType={% if sortType %}asc{% else %}desc{% endif %}">
     </a>
    </th>
    <th>{% trans 'Status' %}</th>
    <!--<th>{% trans "Subscribe/Unsubscribe" %}</th>-->
   </tr>
  </table>
 </div>
</div>
{% endblock %}