summaryrefslogtreecommitdiff
path: root/ishtar_common/templates/ishtar/manage_basket.html
blob: 61def50f610a46e42352345ed5686667bbd026e1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
{% extends "base.html" %}
{% load i18n l10n inline_formset %}
{% block content %}
<h2>{{page_name}}{% trans ":"%} {{basket}}</h2>
<form enctype="multipart/form-data" action="." method="post"
    id="wizard-form">{% csrf_token %}
<div class='form' id="basket-manage">
    <div class="alert alert-warning" role="alert">
        {% trans 'Checking "Select all" only selects the current page.' %}
    </div>
    {{form}}
    <div class="text-center" id="basket-add-button">
        <button class="btn btn-primary" type="button" id='add_to'>
            <span class="d-none d-lg-block">{% trans "Add" %}</span>
            <span class="d-block d-lg-none">&gt;</span>
        </button>
    </div>
    <div id="basket-content-wrapper">
        <h3>{% trans "Basket content" %}</h3>
        <div id='basket-content'>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
</form>
<script type="text/javascript">{% localize off %}

var current_item_number = 0;

function load_list(data, last){
    $('#basket-content').html(data);
    if (last == true){
        close_wait();
        var added = $("#basket-content li").length - current_item_number;
        display_info(added + added_message);
    }
}

$('#add_to').click(function(){
    var selected_items = datatable_pk.rows( { selected: true } ).data();
    if(!selected_items) return false;
    $('.modal-progress').modal('show');
    current_item_number = $("#basket-content li").length;
    for (i = 0, n = selected_items.length; i < n; i++) {
        var selected_item = selected_items[i]['id'];
        last = i == n - 1;
        $.ajax({
            type: "POST",
            url: '{{add_url}}',
            data: {
                basket_id: {{basket.pk}},
                item_id: selected_item
            },
            success: function(data){
                load_list(data, last);
            }
        });
    }
    return false;
});

jQuery(document).ready(function(){
    $.get('{{list_url}}', load_list);
});
{% endlocalize %}</script>
{% endblock %}
{% block footer %}
<div id="footer">
    <div id='validation-bar' class="row text-center">
        <div class="col-sm">
            <a class="btn btn-success"
               href="{% if back_url %}{{back_url}}{% else %}{% url 'display-findbasket' basket.id %}{% endif %}"
               id="validate-button"
               class='button'>{% trans "Back" %}</a>
        </div>
    </div>
    {% include 'ishtar/blocks/footer.html' %}
</div>
{% endblock %}