{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>

        function get_print_queue_sort_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            return lookupid;
        }

        function get_selected_fac_ids() {
            var data = { 'selected_fac_ids' : []};
            $(".print-queue-facility:checkbox:checked").each(function() {
                data['selected_fac_ids'].push($(this).val());
            });

            return data;
        }

        $(function () {
            $(document).tooltip();

            $("#print_queue_sort_div").accordion({'collapsible': true, 'active': false, 'heightStyle': 'content'});

            $("#edit-print-sort").dialog({
                {% if showAddEdit == 'Y' %}
                    autoOpen: true,
                {% else %}
                    autoOpen: false,
                {% endif %}
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1000,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#editPrintSortForm").validate();
                            if ($("#editPrintSortForm").valid()) {
                                var facdata = get_selected_fac_ids();
                                $("#id_pqs-facility_id_list").val(facdata['selected_fac_ids']);
                                document.editPrintSortForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

            $("#btn-add-print-sort").click(function () {
                window.location.href = "{% url 'site:settings-add-print-queue-sort-rule' %}";
            });

            $("input[id$='-active']").click(function () {
                $.post("{% url 'site:settings-update-print-queue-sort-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            print_queue_sort_id: get_print_queue_sort_id($(this), "-active"),
                            field_type: 'active',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-sort-order']").change(function () {
                $.post("{% url 'site:settings-update-print-queue-sort-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            print_queue_sort_id: get_print_queue_sort_id($(this), "-sort-order"),
                            field_type: 'sort_order',
                            field_val: $(this).val()},
                        function () {
                            window.location.href = "{% url 'site:settings-manage-print-queue-sort' %}";
                        });
            });

            $("input[id$='-reverse-sort']").click(function () {
                $.post("{% url 'site:settings-update-print-queue-sort-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            print_queue_sort_id: get_print_queue_sort_id($(this), "-reverse-sort"),
                            field_type: 'reverse_sort',
                            field_val: $(this).prop("checked")},
                        function () {
                            window.location.href = "{% url 'site:settings-manage-print-queue-sort' %}";
                        });
            });

            $("input[id$='-nulls-first']").click(function () {
                $.post("{% url 'site:settings-update-print-queue-sort-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            print_queue_sort_id: get_print_queue_sort_id($(this), "-nulls-first"),
                            field_type: 'nulls_first',
                            field_val: $(this).prop("checked")},
                        function () {
                            window.location.href = "{% url 'site:settings-manage-print-queue-sort' %}";
                        });
            });

            {% if showAddEdit == 'Y' %}
                $("#editPrintSortForm").validate({
                    onkeyup: false,
                    errorContainer: $("#edit-print-sort-rule-validation-alert"),
                    errorLabelContainer: $("ul", $("#edit-print-sort-rule-validation-alert")),
                    wrapper: 'li'
                });

                $("#id_pqs-sort_order").rules('add', {
                    required: true,
                    digits: true,
                    messages: {
                        required: "Sort Order value required.",
                        digits: "Sort Order must be numeric."
                    }
                });
            {% endif %}
        });
    </script>
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <form name="printQueueSortForm" name="printQueueSortForm" method="POST">
    <div id="print_queue_sort_div" class="well well-small">
    {% for group in print_queue_sort_list %}
    <h3>{{ group.name }}</h3>
    <table class="table table-bordered table-striped">
        <thead>
        <tr class="dosis-report-header">
            <th>Tag</th>
            <th>Display Name</th>
            <th>Order By Action</th>
            {% if group.name == 'Default' %}<th>Reverse Sort?</th>
            <th>Nulls First?</th>{% endif %}
            <th>Sort Order</th>
            <th>Active</th>
            {% if group.name != 'Default' %}<th><i class="icon-th-list"></i></th>{% endif %}
        </tr>
        </thead>
        <tbody>
        {% for sort in group.list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ sort.print_queue_sort.tag }}</td>
                <td style="padding-bottom: 2px;">{{ sort.print_queue_sort.display_name }}</td>
                <td style="padding-bottom: 2px;">{{ sort.print_queue_sort.order_by_action }}</td>
                {% if group.name == 'Default' %}<td style="padding-bottom: 2px;"><input type="checkbox" id="{{ sort.id }}-reverse-sort" name="{{ sort.id }}-reverse-sort" {% if sort.print_queue_sort.order_by_action %}{% if 'DESC' in sort.print_queue_sort.order_by_action %}checked{% endif %}{% endif %}/></td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ sort.id }}-nulls-first" name="{{ sort.id }}-nulls-first" {% if sort.print_queue_sort.order_by_action %}{% if 'NULLS FIRST' in sort.print_queue_sort.order_by_action %}checked{% endif %}{% endif %}/></td>{% endif %}
                <td style="padding-bottom: 2px;"><input type="text" id="{{ sort.id }}-sort-order" name="{{ sort.id }}-sort-order" value="{{ sort.sort_order }}" style="width: 5em;"></td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ sort.id }}-active" name="{{ sort.id }}-active" {% if sort.active %}checked{% endif %}/></td>
            {% if group.name != 'Default' %}<td><a href="{% url 'site:settings-edit-print-queue-sort-rule' sort.id %}">
        <i title="Edit Print Queue Sort"
           class="icon-pencil"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'site:settings-delete-print-queue-sort-rule' sort.id %}"><i title="Delete Print Queue Sort"
           class="icon-remove-circle"></i></a>
    </td>{% endif %}
            </tr>
        {% endfor %}
        </tbody>
    </table>
    {% endfor %}
    </div>
    <br/>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-print-sort" id="btn-add-print-sort"
                          class="btn">Add Print Queue Sort Rule
            </button>
            </span>
    </div>
    </form>
    <div id="edit-print-sort" title="{% if do_copy %}Copy{% else %}Edit{% endif %} Print Queue Sort Rule"
         style="margin-left: 2px;{% if do_copy %} background-color: yellow;{% endif %}">
        <form id="editPrintSortForm" name="editPrintSortForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-print-sort-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-print-sort-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td>Print Queue Sort Rule: {{ edit_form.print_queue_sort }}</td>
                </tr>
                <tr>
                    <td>Sort Order: {{ edit_form.sort_order }}&nbsp;&nbsp;&nbsp;&nbsp;
                    {{ edit_form.active }} Active?</td>
                </tr>
                <tr>
                    <td>
                    {{ edit_form.facility_id_list }}Facility List:
                        <div class="multi-select-checkbox-container">
                            {% for fac in facility_list %}
                                <input class="print-queue-facility" type="checkbox" id="{{ fac.id }}-facility-chk" name="{{ fac.id }}-facility-chk" value="{{ fac.id }}"
                                {% if fac.id in edit_form.facility_id_list.value %}checked{% endif %}/> {% firstof fac.label_id fac.label_name %}<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}