Sindbad~EG File Manager

<div class="table table-lg mobile-responsive mt-2" style="background-color: transparent;overflow-x: scroll;">
    <p align="left">
        <button type="button" title="Delete Errorlogs" class="btn btn-danger delete_error_log_btn" id="delete_error_log_btn" name="delete_error_log_btn">Click here to Delete</button>
    </p>
        <table class="table table-striped table-bordered bg-light" id="myTable" style="width: 100%;" >
            <thead style="background-color: #072645;border-color: #dee2e6;color: #FFF;">
                <tr>
                    <td colspan="9" style="text-align:center;">
                        <b>DB Name  &nbsp;&nbsp;:&nbsp;&nbsp;   {{db_name}}</b>
                    </td>
                </tr>
                <tr>
                    <td>S No</td>
                    <td>ID</td>
                    <td>Context</td>
                    <td>Created at</td>
                    <td>Logger Name</td>
                    <td>Host URL</td>
                    <td width = "50%">URL</td>
                    <td width = "50%">Message</td>
                    <td>App Type</td>
                 </tr>
            </thead>

            <tbody>
                {% if error_log_data : %} 
                    {% for row in error_log_data %}
                        <tr>
                            <td data-label="S No">{{loop.index}}
                              <label>
                                <input type="checkbox" class="select"  id="select" name="chk_select" value="{{row.id }}" >
                            </label>
                            </td>
                            <td data-label="ID">{{row.id}}</td>
                            <td data-label="Context">
                                <a   id="view_context_btn"  title="View" data-value="{{row.context}}"><i class="fa fa-eye " style="color:#00a1ff;" ></i></a>
                                
                               
                            </td>
                            <td data-label="Created at">{{row.created_at.strftime('%d-%m-%Y %H:%M') or '-'}}</td>
                            <td data-label="">{{row.logger_name or '-'}}</td>
                            <td data-label="">{{row.host_url or '-'}}</td>
                            <td data-label="" >{{row.url or '-'}}</td>
                            <td data-label="">{{row.message or '-' }}</td>
                            <td data-label="">{{row.app_type or '-' }}</td>
                           </tr>
                    {% endfor %}
                {% else %}
                        <tr>
                            <td colspan="9" style="color: red; text-align: center;">Record not available</td>
                        </tr>
                {% endif %}

            </tbody>
        </table>
</div>
<script type="text/javascript">
   $(document).ready( function () {
    $("#myTable").dataTable({
        "iDisplayLength": 100,
    });
    
     $("#delete_error_log_btn").hide();
    

    $("input[class='select']").on("change", function () {
        var total_check_boxes  = $("input[class='select']").length;
        var total_checked_boxes = $("input[class='select']:checked").length;
        var test = new Array();
        $("input[class='select']:checked").each(function() {
           test.push($(this).val());
        });
        $('.ids').val(test.join(","));
        var ids_length = test.length;
        $('.ids_length').val(ids_length);
        if (total_checked_boxes>=1){
            $("#delete_error_log_btn").show();
        }
        else{
            $("#delete_error_log_btn").hide();
        }
    });


    $("#delete_error_log_btn").click(function (e) {
        e.preventDefault();
        if(confirm("Are you sure you want to delete this?"))
        {

            var ids          = $("#ids").val();
            var db_name      = $("#db_name").val();
            var logger_name  = $("#logger_name").val();
            var host_url     = $("#host_url").val();
            var app_type     = $("#app_type").val();
            var before_time  = $("#before_time").val();
            var limit        = $("#limit").val();
            var ids_length        = $("#ids_length").val();
            ShowProgress();
            $.ajax({
                type: "POST",
                url: BaseUrl + "/delete_error_logs",
                data : {'ids':ids,'db_name':db_name,'logger_name':logger_name,'host_url':host_url,'app_type':app_type,'before_time':before_time,'limit':limit,'ids_length':ids_length},
                dataType:'html',
                success: function (response) {
                    var data_1 = JSON.parse(response);
                    
                    if (data_1.status == 1) {
                        callsuccessmessage(data_1.msg);
                        callerrorlogtable(data_1.html_data);
                        StopProgress();
                    } else {
                        callerrormessage(data_1.msg);
                        StopProgress();
                        return false;
                    }
                },
            });
        }
        else{
            return false;
        }

    });
});


</script>