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

{% block object-tools %}
{{ block.super }}
<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.newsletter_extension.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 %}