From ac587280a094cae232bc35b8875e3b93878390f1 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Wed, 10 Oct 2018 20:29:04 +0200
Subject: Improve basket management UI

---
 ishtar_common/templates/base.html                 |  1 +
 ishtar_common/templates/ishtar/manage_basket.html | 22 +++++++++++++++-------
 2 files changed, 16 insertions(+), 7 deletions(-)

(limited to 'ishtar_common/templates')

diff --git a/ishtar_common/templates/base.html b/ishtar_common/templates/base.html
index bce02f61d..ef3060a5f 100644
--- a/ishtar_common/templates/base.html
+++ b/ishtar_common/templates/base.html
@@ -40,6 +40,7 @@
     var activate_own_search_url = '{% url "activate-own-search" %}';
     var activate_all_search_msg = "{% trans 'Searches in the shortcut menu deal with all items.' %}";
     var activate_own_search_msg = "{% trans 'Searches in the shortcut menu deal with only your items.' %}";
+    var added_message = "{% trans " items added." %}";
     var YES = "{% trans 'yes' %}";
     var NO = "{% trans 'no' %}";
     var autorefresh_message_start = "{% trans 'Autorefresh start. The form is disabled.' %}";
diff --git a/ishtar_common/templates/ishtar/manage_basket.html b/ishtar_common/templates/ishtar/manage_basket.html
index d611ed8a0..28d713e9a 100644
--- a/ishtar_common/templates/ishtar/manage_basket.html
+++ b/ishtar_common/templates/ishtar/manage_basket.html
@@ -4,19 +4,22 @@
 <h2>{{page_name}}{% trans ":"%} {{basket}}</h2>
 <form enctype="multipart/form-data" action="." method="post"
     id="wizard-form">{% csrf_token %}
-<div class='form'>
+<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">
+    <div class="text-center" id="basket-add-button">
         <button class="btn btn-primary" type="button" id='add_to'>
-            {% trans "Add" %}
+            <span class="d-none d-lg-block">{% trans "Add" %}</span>
+            <span class="d-block d-lg-none">&gt;</span>
         </button>
     </div>
-<h3>{% trans "Basket content" %}</h3>
-<div id='basket-content' style='text-align:left'>
-</div>
+    <div id="basket-content-wrapper">
+        <h3>{% trans "Basket content" %}</h3>
+        <div id='basket-content'>
+        </div>
+    </div>
     {% block "footer" %}
     <div id="footer">
         <div id='validation-bar'>
@@ -31,10 +34,14 @@
 </form>
 <script type='text/javascript' language='javascript'>
 
+var current_item_number = 0;
+
 function load_list(data, last){
     $('#basket-content').html(data);
-    if (last){
+    if (last == true){
         close_wait();
+        var added = $("#basket-content li").length - current_item_number;
+        display_info(added + added_message);
     }
 }
 
@@ -42,6 +49,7 @@ $('#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;
-- 
cgit v1.2.3