{% extends 'bridge/base.html' %}
{% comment "License" %}
% Copyright (c) 2019 ISP RAS (http://www.ispras.ru)
% Ivannikov Institute for System Programming of the Russian Academy of Sciences
%
% Licensed under the Apache License, Version 2.0 (the "License");
% you may not use this file except in compliance with the License.
% You may obtain a copy of the License at
%
%    http://www.apache.org/licenses/LICENSE-2.0
%
% Unless required by applicable law or agreed to in writing, software
% distributed under the License is distributed on an "AS IS" BASIS,
% WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
% See the License for the specific language governing permissions and
% limitations under the License.
{% endcomment %}

{% load i18n %}
{% load static %}
{% load compress %}

{% block title %}{% trans 'Manager Tools' %}{% endblock %}

{% block head_block %}
    {% compress js file manager %}
        <script src="{% static 'tools/js/manager.js' %}"></script>
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="eight wide column">
            <div id="recalc_for_all_decisions_checkbox" class="ui checkbox">
                <input id="recalc_for_all_decisions" type="checkbox">
                <label for="recalc_for_all_decisions"><b>{% trans 'Decisions' %}</b></label>
            </div>
            <div style="overflow: auto;margin-top: 15px;max-height: 40vh;">
                <table class="ui compact violet table celled">
                    <thead>
                        <tr>
                            <th>{% trans 'Name' %}</th>
                            <th>{% trans 'Identifier' %}</th>
                            <th>{% trans 'Job' %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for decision in decisions %}
                            <tr class="one wide column">
                                <td>
                                    <div class="ui checkbox">
                                        <input id="decision__{{ decision.pk }}" name="decision" type="checkbox" value="{{ decision.pk }}">
                                        <label for="decision__{{ decision.pk }}">{{ decision.name }}</label>
                                    </div>
                                </td>
                                <td><a href="{% url 'jobs:decision' decision.id %}">{{ decision.identifier }}</a></td>
                                <td><a href="{% url 'jobs:job' decision.job_id %}">{{ decision.job.name }}</a></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="four wide column">
            <p><b>{% trans 'Cache recalculation' %}:</b></p>
            <div class="ui vertical buttons">
                <button class="ui orange button recalc-button" data-value="leaves">{% trans 'Report leaves' %}</button>
                <button class="ui orange button recalc-button" data-value="safe_links">{% trans 'Safe associations' %}</button>
                <button class="ui orange button recalc-button" data-value="unsafe_links">{% trans 'Unsafe associations' %}</button>
                <button class="ui orange button recalc-button" data-value="unknown_links">{% trans 'Unknown associations' %}</button>
                <button class="ui orange button recalc-button" data-value="safe_reports">{% trans 'Safe reports' %}</button>
                <button class="ui orange button recalc-button" data-value="unsafe_reports">{% trans 'Unsafe reports' %}</button>
                <button class="ui orange button recalc-button" data-value="unknown_reports">{% trans 'Unknown reports' %}</button>
                <button class="ui orange button recalc-button" data-value="decision_cache">{% trans 'Resources and instances' %}</button>
                <button class="ui orange button recalc-button" data-value="coverage">{% trans 'Code coverage cache' %}</button>
                <button class="ui red button recalc-button" data-value="all">{% trans 'All caches' %}</button>
            </div>
        </div>
        <div class="four wide column right aligned">
            <div class="ui vertical buttons">
                <button class="ui orange button recalc-marks-button" data-value="safe">{% trans 'Recalculate safe marks cache' %}</button>
                <button class="ui orange button recalc-marks-button" data-value="unsafe">{% trans 'Recalculate unsafe marks cache' %}</button>
                <button class="ui orange button recalc-marks-button" data-value="unknown">{% trans 'Recalculate unknown marks cache' %}</button>
                <a href="{% url 'marks:api-download-all' %}" class="ui teal button">{% trans 'Download all marks' %}</a>
                <button id="upload_all_marks" class="ui teal button">{% trans 'Upload all marks' %}</button>
                <button class="ui red button api-request-btn" data-url="{% url 'tools:api-clear-system' %}" data-method="POST">{% trans 'Remove unused files and DB rows' %}</button>
                <button class="ui red button api-request-btn" data-url="{% url 'tools:api-clear-tasks' %}" data-method="DELETE">{% trans 'Remove tasks for non-solving decisions' %}</button>
                <a href="{% url 'tools:processing-list' %}" class="ui yellow button">{% trans 'View processing requests' %}</a>
                <a href="{% url 'tools:call-logs' %}" class="ui yellow button">{% trans 'View function call logs' %}</a>
                <a href="{% url 'tools:db-statistics' %}" class="ui yellow button">{% trans 'View DB log statistics' %}</a>
                <a href="{% url 'tools:reports-logging' %}" class="ui yellow button">{% trans 'Analyze reports uploading logs' %}</a>
                <a href="{% url 'tools:logs' %}" class="ui yellow button">{% trans 'View raw logs' %}</a>
            </div>
        </div>
    </div>

    <div class="ui grid">
        <div class="five wide column">
            <div class="ui blue segment form">
                <h3>{% trans 'Population' %}</h3>

                <div id="population_checkboxes" class="ui celled relaxed list">
                    <div class="item">
                        <div class="ui master checkbox">
                            <input type="checkbox">
                            <label>{% trans 'All' %}</label>
                        </div>
                        <div class="list">
                            <div class="item">
                                <div class="ui child checkbox">
                                    <input type="checkbox" value="preset-jobs">
                                    <label>{% trans 'Preset jobs' %}</label>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ui child checkbox">
                                    <input type="checkbox" value="schedulers">
                                    <label>{% trans 'Schedulers' %}</label>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ui child master checkbox">
                                    <input type="checkbox">
                                    <label>{% trans 'Marks' %}</label>
                                </div>
                                <div class="list">
                                    <div class="item">
                                        <div class="ui child checkbox">
                                            <input type="checkbox" value="safe-marks">
                                            <label>{% trans 'Safe marks' %}</label>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="ui child checkbox">
                                            <input type="checkbox" value="unsafe-marks">
                                            <label>{% trans 'Unsafe marks' %}</label>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="ui child checkbox">
                                            <input type="checkbox" value="unknown-marks">
                                            <label>{% trans 'Unknown marks' %}</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ui child checkbox">
                                    <input type="checkbox" value="tags">
                                    <label>{% trans 'Tags' %}</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="start_population" class="ui blue button" data-url="{% url 'tools:api-populate' %}">{% trans 'Populate' %}</div>
            </div>
        </div>
        <div class="five wide column">
            <h3>{% trans 'Original sources' %}</h3>
            {% if original_sources|length %}
                <table class="ui compact selectable teal table">
                    <thead>
                        <tr>
                            <th>{% trans 'Identifier' %}</th>
                            <th>{% trans 'Number of linked decisions' %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for src in original_sources %}
                            <tr>
                                <td>{{ src.identifier }}</td>
                                <td>{{ src.links_num }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <h5>{% trans 'There are no archives with original sources' %}</h5>
            {% endif %}
        </div>
        <div class="six wide column">
            <h3>{% trans 'Comparison caches' %}</h3>
            {% if comparison|length %}
                <table class="ui compact selectable teal table">
                    <thead>
                        <tr>
                            <th>{% trans 'User' %}</th>
                            <th>{% trans 'Job' %} 1</th>
                            <th>{% trans 'Job' %} 2</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for obj in comparison %}
                            <tr>
                                <td><a href="{% url 'users:show-profile' obj.user_id %}">{{ obj.user.get_full_name }}</a></td>
                                <td><a href="{% url 'jobs:decision' obj.decision1_id %}">{{ obj.decision1.name }}</a></td>
                                <td><a href="{% url 'jobs:decision' obj.decision2_id %}">{{ obj.decision2.name }}</a></td>
                                <td><i class="ui red remove link icon remove-comparison-link" data-url="{% url 'tools:api-clear-comparison' obj.pk %}"></i></td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <h5>{% trans 'There are no comparison cache objects yet' %}</h5>
            {% endif %}
        </div>
    </div>

    <div id="upload_all_marks_modal" class="ui modal">
        <div class="header">{% trans 'Upload marks' %}</div>
        <div class="content">
            <div class="ui checkbox">
                <input id="delete_marks_before_upload" type="checkbox">
                <label for="delete_marks_before_upload">{% trans 'Delete all marks before upload' %}</label>
            </div>
            <br><br>
            <div class="ui grid">
                <div class="four wide column right aligned">
                    <span class="ui violet button btn-file">{% trans 'Browse' %}<input id="upload_all_marks_file_input" type="file"></span>
                </div>
                <div class="twelve wide column">
                    <span id="upload_all_marks_filename" class="italic"></span>
                </div>
            </div>
        </div>
        <div class="actions">
            <button class="ui positive left button modal-confirm" data-url="{% url 'marks:upload-all' %}">{% trans 'Upload' %}</button>
            <button class="ui blue button modal-cancel">{% trans 'Cancel' %}</button>
        </div>
    </div>

    <div id="uploaded_marks_modal" class="ui modal">
        <div class="header">{% trans 'Uploaded marks' %}</div>
        <div class="content">
            <h5 class="ui orange header">{% trans 'Unsafe' %}: <span id="num_uploaded_unsafe_marks"></span></h5>
            <h5 class="ui green header">{% trans 'Safe' %}: <span id="num_uploaded_safe_marks"></span></h5>
            <h5 class="ui red header">{% trans 'Unknown' %}: <span id="num_uploaded_unknown_marks"></span></h5>
            <h5 class="ui purple header">{% trans 'Failed' %}: <span id="num_uploaded_fail_marks"></span></h5>
        </div>
        <div class="actions">
            <button class="ui blue button modal-cancel">{% trans 'OK' %}</button>
        </div>
    </div>

    <div id="remove_comparison_modal" class="ui basic modal">
        <div class="ui icon header">
            <i class="warning sign icon"></i>
            {% trans 'Are you sure' %}?
        </div>
        <div class="content">
            <div class="ui center aligned grid"><p id="warn_text"></p></div>
        </div>
        <div class="actions">
            <div class="ui center aligned grid">
                <button class="ui blue basic inverted button modal-cancel">{% trans 'Cancel' %}</button>
                <button class="ui red basic inverted button modal-confirm">{% trans 'Confirm' %}</button>
            </div>
        </div>
    </div>

    <script type="application/javascript">
        jQuery(function () {
            // Recalculate decisions' caches
            $('.recalc-button').click(function () {
                let data = {'decisions': [], 'type': $(this).data('value')};
                $('input[name="decision"]:checked').each(function () {
                    data['decisions'].push($(this).val());
                });
                if (!data['decisions'].length) return err_notify("{% trans 'Please, select at least one decision' %}");

                $('#dimmer_of_page').addClass('active');
                $.ajax({
                    url: "{% url 'tools:api-recalc' %}",
                    type: 'POST',
                    data: JSON.stringify(data),
                    dataType: 'json',
                    contentType: 'application/json; charset=utf-8',
                    success: function () {
                        $('#dimmer_of_page').removeClass('active');
                        success_notify("{% trans 'Caches were successfully recalculated' %}");
                    }
                });
            });

            // Recalculate marks caches
            $('.recalc-marks-button').click(function () {
                $('#dimmer_of_page').addClass('active');
                $.ajax({
                    url: "{% url 'tools:api-recalc-marks' %}",
                    type: 'POST',
                    data: {"type": $(this).data('value')},
                    success: function () {
                        $('#dimmer_of_page').removeClass('active');
                        success_notify("{% trans 'Mark caches were successfully recalculated' %}");
                    }
                });
            });

            $('.list .master.checkbox').checkbox({
                onChecked: function() {
                    let $childCheckbox  = $(this).closest('.checkbox').siblings('.list').find('.checkbox');
                    $childCheckbox.checkbox('check');
                },
                onUnchecked: function() {
                    let $childCheckbox  = $(this).closest('.checkbox').siblings('.list').find('.checkbox');
                    $childCheckbox.checkbox('uncheck');
                }
            });

            $('#start_population').click(function () {
                let values = [];
                $('#population_checkboxes').find('input:checked').each(function () {
                    let value = $(this).val();
                    if (value !== 'on') values.push(value);
                });
                $('#dimmer_of_page').addClass('active');
                $.post($(this).data('url'), {
                    'data': JSON.stringify(values)
                }, function (resp) {
                    $('#dimmer_of_page').removeClass('active');
                    if (resp['messages'].length) {
                        $.each(resp['messages'], function (i, value) { success_notify(value) });
                    }
                });
            });

            let remove_comparison_modal = $('#remove_comparison_modal');
            remove_comparison_modal.modal();
            $('.remove-comparison-link').click(function () {
                remove_comparison_modal.find('.modal-confirm').data('url', $(this).data('url'));
                remove_comparison_modal.modal('show');
            });
            remove_comparison_modal.find('.modal-cancel').click(function () {
                remove_comparison_modal.modal('hide')
            });
            remove_comparison_modal.find('.modal-confirm').click(function () {
                remove_comparison_modal.modal('hide');
                $.ajax({
                    url: $(this).data('url'),
                    method: 'DELETE',
                    success: function () {
                        window.location.replace('');
                    }
                });
            });
        })
    </script>
{% endblock %}