{% extends 'base_software.html' %}

{% from 'host/common.html' import log_icon %}

{% block head %}
<script>
    $(function() {

        var use_utc_timezone = "{{ system_option.use_utc_timezone }}" == 'True';

        $('#csm-server-repository-button').on("click", function() {
            window.location.href = "#csm-server-repository";
        });

        $(".install-delete-all").on("click", function() {
            var delete_url = $(this).attr('install-delete-url');
            var status = $(this).attr('status');

            var message = "";
            var notice_message = "<br>(Notice: Once the download is removed, any scheduled installations dependent on this download will proceed as scheduled.  The Installations may fail without the needed image.)";
            if (status == 'failed') {
                message = "Delete All Failed Downloads?" + notice_message;
            } else {
                message = "Delete All Scheduled Downloads?" + notice_message;
            }

            bootbox.confirm(message, function(result) {
                if (result) {
                    $.ajax({
                        url: delete_url,
                        type: 'DELETE',
                        success: function(response) {
                            if (response.status == 'OK') {
                                if (status == 'failed') {
                                    refresh_failed_download_table();
                                } else {
                                    refresh_scheduled_download_table();
                                }
                            } else {
                                bootbox.alert('Unable to delete.');
                            }
                        }
                    });
                }
            });
        });

        // Use delegate pattern for event
        $("#server-repository-datatable").on("click", ".image-delete-link", function() {
            var delete_url = $(this).attr('data-delete-url');
            var delete_image_name = $(this).attr('data-delete-image-name');

            var message = "You are about to delete " + delete_image_name +
                ". This file and all files extracted from it will be removed from the CSM Server Repository. " +
                "If this file is wanted in the future, it will need to be downloaded again from CCO.   Continue?";

            bootbox.confirm(message, function(result) {
                if (result) {
                    $.ajax({
                        url: delete_url,
                        type: 'DELETE',
                        success: function(response) {
                            if (response.status == 'OK') {
                                refresh_server_repository_table();
                            } else {
                                bootbox.alert('Deletion failed.  You may not be authorized to delete.');
                            }
                        }
                    });
                }
            });
        });

        // Use delegate pattern for event
        $("#download-failed-datatable").on("click", ".download-resubmit-link", function() {
            resubmit_record($(this));
        });

        $("#download-failed-datatable").on("click", ".download-scheduled-delete-link", function() {
            delete_record($(this));
        });

        $("#download-scheduled-datatable").on("click", ".download-scheduled-delete-link", function() {
            delete_record($(this));
        });

        function resubmit_record(this_record) {
            var resubmit_url = this_record.attr('data-resubmit-url');
            var resubmit_image_name = this_record.attr('data-resubmit-image-name');

            bootbox.confirm("Re-submit download for " + resubmit_image_name + "?", function(result) {
                if (result) {
                    $.ajax({
                        url: resubmit_url,
                        type: 'POST',
                        success: function(result) {
                            if (result.status == 'OK') {
                                refresh_failed_download_table();
                                refresh_scheduled_download_table();
                            } else {
                                bootbox.alert('Unable to resubmit.');
                            }
                        }
                    });
                }
            });
        }

        function delete_record(this_record) {
            var delete_url = this_record.attr('data-delete-url');
            var delete_image_name = this_record.attr('data-delete-image-name');
            var status = this_record.attr('status');

            var message = status == 'failed' ? "Delete this failed download" : "Delete this scheduled download";
            bootbox.confirm(message + " for " + delete_image_name, function(result) {
                if (result) {
                    $.ajax({
                        url: delete_url,
                        type: 'DELETE',
                        success: function(result) {
                            if (result.status == 'OK') {
                                if (status == 'failed') {
                                    refresh_failed_download_table();
                                } else {
                                    refresh_scheduled_download_table();
                                }
                            } else {
                                bootbox.alert('Unable to delete.');
                            }
                        }
                    });
                }
            });
        }

        var selected_tab = $.cookie('download-dashboard-tab') == null ? '#download-scheduled' : $.cookie('download-dashboard-tab');
        $('a[href=' + selected_tab + ']').tab('show');

        $('#download-dashboard-tab').on('shown.bs.tab', function() {
            $.cookie('download-dashboard-tab', $('.nav-tabs .active > a').attr('href'));
        });

        var download_scheduled_table = $("#download-scheduled-datatable").dataTable({
            "serverSide": true,
            "order": [
                [1, "asc"]
            ],
            "columns": [
                { "data": "image_name" },
                { "data": "scheduled_time" },
                { "data": "server_repository", "orderable": false },
                { "data": "created_by" },
                { "data": "download_job_id" }
            ],
            "columnDefs": [{
                "targets": 0,
                "data": 'image_name'
            }, {
                "targets": 1,
                "data": 'scheduled_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 2,
                "data": 'server_repository'
            }, {
                "targets": 3,
                "data": 'created_by'
            }, {
                "targets": 4,
                "data": 'download_job_id',
                "render": function(data, type, row) {
                    return '<a class="download-scheduled-delete-link" href="javascript://"  \
                      data-delete-image-name="' + row['image_name'] + '?" \
                      data-delete-url="/download_dashboard/delete_download_job/' + data + '">Delete</a>';
                }
            }],
            "ajax": {
                "url": "{{ url_for('datatable.api_get_scheduled_download_jobs') }}",
            }
        }).on('draw.dt', function(e, settings, json) {
            $('#badge-scheduled').html(download_scheduled_table.api().page.info().recordsTotal);
        });

        var download_in_progress_table = $("#download-in-progress-datatable").dataTable({
            "serverSide": true,
            "order": [
                [1, "asc"]
            ],
            "columns": [
                { "data": "image_name" },
                { "data": "scheduled_time" },
                { "data": "server_repository", "orderable": false },
                { "data": "status" },
                { "data": "status_time" },
                { "data": "created_by" }
            ],
            "columnDefs": [{
                "targets": 0,
                "data": 'image_name'
            }, {
                "targets": 1,
                "data": 'scheduled_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 2,
                "data": 'server_repository'
            }, {
                "targets": 3,
                "data": 'status'
            }, {
                "targets": 4,
                "data": 'status_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 5,
                "data": 'created_by'
            }],
            "ajax": {
                "url": "{{ url_for('datatable.api_get_in_progress_download_jobs') }}",
            }
        }).on('draw.dt', function(e, settings, json) {
            $('#badge-in-progress').html(download_in_progress_table.api().page.info().recordsTotal);
        });

        var download_failed_table = $("#download-failed-datatable").dataTable({
            "serverSide": true,
            "order": [
                [3, "desc"]
            ],
            "columns": [
                { "data": "image_name" },
                { "data": "scheduled_time" },
                { "data": "server_repository", "orderable": false },
                { "data": "status_time" },
                { "data": "download_job_id", "orderable": false },
                { "data": "created_by" },
                { "data": "download_job_id", "orderable": false }
            ],
            "columnDefs": [{
                "targets": 0,
                "data": 'image_name'
            }, {
                "targets": 1,
                "data": 'scheduled_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 2,
                "data": 'server_repository'
            }, {
                "targets": 3,
                "data": 'status_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 4,
                "data": 'download_job_id',
                "render": function(data, type, row) {
                    return get_log_icon(row['image_name'], 'download_job', row['download_job_id'], row['trace']);
                }
            }, {
                "targets": 5,
                "data": 'created_by'
            }, {
                "targets": 6,
                "data": 'download_job_id',
                "render": function(data, type, row) {
                    return '<div class="btn-group">' +
                        '<button data-toggle="dropdown" class="btn btn-select btn-default dropdown-toggle">Select <span class="caret"></span></button>' +
                        '<ul class="dropdown-menu">' +
                        '<li><a class="download-resubmit-link" href="javascript://"  \
                             data-resubmit-image-name="' + row['image_name'] + '" \
                             data-resubmit-url="/download_dashboard/resubmit_download_job/' + data + '/">Re-submit</a></li>' +
                        '<li class="divider"></li>' +
                        '<li><a class="download-scheduled-delete-link" href="javascript://"  \
                             data-delete-image-name="' + row['image_name'] + '?" \
                             status="failed" + \
                             data-delete-url="/download_dashboard/delete_download_job/' + data + '">Delete</a></li>' +
                        '</ul>' +
                        '</div>';
                }
            }],
            "ajax": {
                "url": "{{ url_for('datatable.api_get_failed_download_jobs') }}",
            }
        }).on('draw.dt', function(e, settings, json) {
            $('#badge-failed').html(download_failed_table.api().page.info().recordsTotal);
        });

        function get_log_icon(image_name, table, id, trace) {
            if (trace) {
                data = "<center>";

                if (trace) {
                    data += "<a href='/log/hosts/" + image_name + "/" + table + "/trace/" + trace + "/' target='_trace'>";
                    data += "<img src='/static/error.png' title='debug trace'></a>";
                }

                data += "</center>";
                return data;

            } else {
                return '&nbsp;';
            }
        }

        var download_completed_table = $("#download-completed-datatable").dataTable({
            "serverSide": true,
            "order": [
                [3, "desc"]
            ],
            "columns": [
                { "data": "image_name" },
                { "data": "scheduled_time" },
                { "data": "server_repository", "orderable": false },
                { "data": "status_time" },
                { "data": "created_by" }
            ],
            "columnDefs": [{
                "targets": 0,
                "data": 'image_name'
            }, {
                "targets": 1,
                "data": 'scheduled_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 2,
                "data": 'server_repository'
            }, {
                "targets": 3,
                "data": 'status_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 4,
                "data": 'created_by'
            }],
            "ajax": {
                "url": "{{ url_for('datatable.api_get_completed_download_jobs') }}",
            }
        }).on('draw.dt', function(e, settings, json) {
            $('#badge-completed-total').html(download_completed_table.api().page.info().recordsTotal);
        });

        var server_repository_table = $("#server-repository-datatable").dataTable({
            "order": [
                [2, "desc"]
            ],
            "columnDefs": [{
                "targets": 0,
                "data": 'image_name'
            }, {
                "targets": 1,
                "data": 'image_size'
            }, {
                "targets": 2,
                "data": 'downloaded_time',
                "render": function(data, type, row) {
                    return getDateStringfromUTCString(data, use_utc_timezone);
                }
            }, {
                "targets": 3,
                "data": 'image_name',
                "render": function(data, type, row) {
                    return '<a class="image-delete-link" href="javascript://"  \
                        data-delete-image-name="' + data + '" \
                        data-delete-url="/download_dashboard/api/image/' + data + '/delete/">Delete</a>';
                }
            }, ],
            "ajax": {
                "url": "{{ url_for('download_dashboard.api_get_files_from_csm_repository') }}",
            }
        });

        function refresh_server_repository_table() {
            server_repository_table.api().ajax.reload(null, false);
        }

        function refresh_scheduled_download_table() {
            download_scheduled_table.api().ajax.reload(null, false);
        }

        function refresh_in_progress_download_table() {
            download_in_progress_table.api().ajax.reload(null, false);
        }

        function refresh_failed_download_table() {
            download_failed_table.api().ajax.reload(null, false);
        }

        function refresh_download_completed_table() {
            download_completed_table.api().ajax.reload(null, false);
        }

        setInterval(function() {
            refresh_scheduled_download_table();
            refresh_in_progress_download_table();
            refresh_failed_download_table();
            refresh_download_completed_table();
            refresh_server_repository_table();
        }, 10000);

    });
</script>

<style>
    .customized-badge-height {
       display:inline;
       padding: 1.5px 7px;
    }
    .btn-select {
        line-height: 10px;
    }
</style>
{% endblock %}

{% block main %}
<!-- Main -->
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <span class="DodgerBlue"><strong><i class="glyphicon glyphicon-cog"></i> CCO Download Dashboard </strong></span>
            <div class="btn-group pull-right">
                <button id="csm-server-repository-button" type="button" class="btn btn-default">CSM Server Repository</button>
                <div class="btn-group">
                    <button type="button"  class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                    Action
                    <span class="glyphicon glyphicon-link">
                    <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li><a href="javascript://" class="install-delete-all" status="scheduled" install-delete-url="{{ url_for('download_dashboard.delete_all_scheduled_downloads') }}">Delete All Scheduled Downloads</a></li>
                        <li><a href="javascript://" class="install-delete-all" status="failed" install-delete-url="{{ url_for('download_dashboard.delete_all_failed_downloads') }}">Delete All Failed Downloads</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- upper section -->
    <div class="row">
        <div class="col-sm-12">
            <hr>
            <ul class="nav nav-tabs" id="download-dashboard-tab">
                <li><a data-toggle="tab" href="#download-scheduled">Scheduled &nbsp;<span id="badge-scheduled" class="customized-badge-height badge alert-default">0</span></a></li>
                <li><a data-toggle="tab" href="#download-in-progress">In Progress &nbsp;<span id="badge-in-progress" class="customized-badge-height badge alert-info">0</span></a></li>
                <li><a data-toggle="tab" href="#install-failed">Failed &nbsp;<span id="badge-failed" class="customized-badge-height badge alert-danger">0</span></a></li>
                <li><a data-toggle="tab" href="#install-completed">Completed &nbsp;<span id="badge-completed-total" class="customized-badge-height badge alert-success"></span></a></li>
            </ul>
            <div class="tab-content" style="margin-top:20px;">
                <div id="download-scheduled" class="tab-pane fade in active">
                    <table class="display table" id="download-scheduled-datatable">
                        <thead>
                            <tr>
                                <th>Image Name</th>
                                <th>Scheduled Time</th>
                                <th>Server Repository</th>
                                <th>Created By</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div id="download-in-progress" class="tab-pane fade in">
                    <table class="display table" id="download-in-progress-datatable">
                        <thead>
                            <tr>
                                <th style="width:50px">Image Name</th>
                                <th style="width:50px">Scheduled Time</th>
                                <th style="width:50px">Server Repository</th>
                                <th style="width:300px">Status</th>
                                <th style="width:50px">Status Time</th>
                                <th style="width:50px">Created By</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div id="install-failed" class="tab-pane fade in">
                    <table class="display table" id="download-failed-datatable">
                        <thead>
                            <th>Image Name</th>
                            <th>Scheduled Time</th>
                            <th>Server Repository</th>
                            <th>Failed Time</th>
                            <th>Log</th>
                            <th>Created By</th>
                            <th>Action</th>
                        </thead>
                    </table>
                </div>
                <div id="install-completed" class="tab-pane fade in">
                    <table class="display table" id="download-completed-datatable">
                        <thead>
                            <tr>
                                <th>Image Name</th>
                                <th>Scheduled Time</th>
                                <th>Server Repository</th>
                                <th>Completed Time</th>
                                <th>Created By</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- /upper section -->
    <div id="csm-server-repository" class="row">
        <p>
    </div>
    <hr>
    <div class="row">
        <div class="col-sm-12">
            <span class="DodgerBlue"><strong><i class="glyphicon glyphicon-cog"></i> CSM Server Repository  </strong></span>
            (Downloads are stored in "{{ csm_repository_path }}" and copied to the designated server repository)
            <a href="#" class="pull-right">
            Return to Top
            </a>
            <hr>
            <table class="display table" id="server-repository-datatable">
                <thead>
                    <tr>
                        <th>Image Name</th>
                        <th>Size (Bytes)</th>
                        <th>Downloaded Time</th>
                        <th>Action</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<!-- Main -->
{% endblock %}