{% extends "admin/change_list.html" %}
{% load admin_urls admin_static admin_list i18n %}

{% block object-tools %}
<ul class="object-tools" id="main-tools" style="position: bottom;">
  {% if has_add_permission %}
  <li>
    <a href="add/{% if is_popup %}?_popup=1{% endif %}" class="addlink">
      {% blocktrans with cl.opts.verbose_name as name %}Add {{ name }}{% endblocktrans %}
    </a>
  </li>
  {% endif %}
  <li>
    <a href="{% url 'Theophrastus.views.uploadFile' %}" target="_blank" class="viewsitelink">
      {% trans 'Upload files' %}
    </a>
  </li>
</ul>
<script type="text/javascript">
(function($) {
    $(document).ready(function($) {
        var showFormMask = function() {
            if ($('#formMask').length <= 0) {
                var $form = $('#changelist-form');
                var mask = '<div id="formMask" style="display:none;">' + 
                           '<span>Loading</span></div>';
                $(mask).insertBefore($form);
            }
            $('#formMask').show();
        };
        
        var hideFormMask = function() {
            $('#formMask').hide();
        };
        
        var confirmUser = function($self) {
            showFormMask();
            var value = $('select[name=action]', $self).val();
            var checkedAction = $('[name=_selected_action]:checked');
            if (checkedAction.length > 0 && value == 'make_ready_to_send') {
                var newsletterIds = Array();
                checkedAction.each(function() {
                    newsletterIds.push($(this).val());
                });

                $.ajax({
                    type: "GET",
                    data: {newsletters: newsletterIds.join('_')},
                    url: "{% url 'Theophrastus.views.getMailingListInfo' %}",
                    dataType: "jsonp",
                    jsonp: "jsonpcallback",
                    crossDomain: true,
                    success: function (response) {
                        // Hide mask.
                        hideFormMask();
                        
                        var message;
                        if (typeof(response.info) != 'undefined') {
                            message = 
                                "即將開始寄送電子報，以下為您的寄送資訊：\n";
                            var countStr = "";
                            for(var i = 0; i < response.info.length; i++) {
                                var count = response.info[i].subscribersCount;
                                var name = response.info[i].name;
                                countStr += 
                                    "電子報 '" + name + 
                                    "' ，寄送的聯絡人共有" + count + "位\n";
                            }
                            message += countStr + "，您確定要執行嗎？";
                        }
                        else {
                            message = "即將開始寄送電子報，請再次檢查您的資料"
                                      "，您確定要執行嗎？";
                        }
                        if (window.confirm(message)) {
                            $('#changelist-form').attr('answer', 'true');
                            $('#changelist-form').submit();
                        }
                    },
                    error: function() {
                        alert('即將開始寄送電子報，您確定要執行嗎？');
                    },
                    complete: function() {
                        ;
                    }
                });
                return false;
            }
        };
        
        // To confirm user when user want to start send newsletters.
        $('#changelist-form').submit(function() {
            var $self = $(this);
            if ($('#changelist-form').attr('answer') != 'true') {
                return confirmUser($self);
            }
            else {
                $('#changelist-form').removeAttr('answer');
            }
        });
    });
})(django.jQuery);
</script>
{% endblock %}

{% block search %}{% search_form cl %}{% endblock %}