{% extends "admin/change_form.html" %}

{% block object-tools-items %}
  {# 在右上角工具栏添加按钮 #}
  <li><a href="#" class="btn btn-danger btn-sm remove_static_dir" title="我们将移除整个静态路径"><i class="bi bi-trash"></i> 移除所有静态</a></li>
  {{ block.super }}
  <script>
    const $ = django.jQuery
    $(document).ready(function() {
        // 类选择器绑定事件（适用于多个元素）
        $('.remove_static_dir').on('click', function(e) {
            e.preventDefault();  // 阻止默认跳转‌:ml-citation{ref="1,7" data="citationList"}
            const $this = $(this);
            const myModal = new bootstrap.Modal('#global_commonModal', {
                keyboard: false
              })
              $('#modalLoader').show()
            $('#modalMain').html('').hide()
            $('#modalHeader').html(`正在移除整站的静态文件`)
            myModal.show()
            
            // 发送GET请求
            $.ajax({
                url: '/api/remove_static_file',
                data:{},
                method: 'GET',
                dataType: 'json',  // 预期服务器返回JSON格式‌:ml-citation{ref="3,4" data="citationList"}
                beforeSend: function() {
                    $this.text('处理中...').prop('disabled', true);  // 防止重复点击‌:ml-citation{ref="5" data="citationList"}
                },
                success: function(response,data) {
                    $('#modalLoader').hide()
                    $('#modalMain').show()
                    if (response.status === 200) {
                        
                        $('#modalMain').html(response['message'])

                    } else {
                        $('#modalMain').html(response['message'])
                    }
                },
                error: function(xhr) {
                    $('#modalLoader').hide()
                        $('#modalMain').show()
                        $('#modalMain').html(xhr.statusText)
                    console.error('错误状态:', xhr.status);
                   // alert('请求异常: ' + xhr.statusText);  // 显示HTTP错误状态‌:ml-citation{ref="4,5" data="citationList"}
                },
                complete: function() {
                    $this.text('移除静态').prop('disabled', false);  // 恢复按钮状态‌:ml-citation{ref="5" data="citationList"}
                }
            });
        });
    });
    
  </script>
{% endblock %}

