Basket: manage deletion

2 files changed, 20 insertions, 5 deletions

diff --git a/ishtar_common/static/js/ishtar.js b/ishtar_common/static/js/ishtar.js
index 9af5cf2b0..f469fc546 100644
--- a/ishtar_common/static/js/ishtar.js
+++ b/ishtar_common/static/js/ishtar.js
@@ -23,6 +23,15 @@ beforeSend: function(xhr, settings) {
     }
 }});
 
+function manage_async_link(event){
+    event.preventDefault();
+    var url = $(this).attr('href');
+    var target = $(this).attr('data-target');
+    $.get(url, function(data) {
+        $(target).html(data);
+    });
+}
+
 /* default function to prevent undefined */
 function get_next_table_id(){}
 function get_previous_table_id(){}
@@ -63,7 +72,8 @@ $(document).ready(function(){
     }
     $('#current_items select').change(function(){
         $(this).attr('class', $(this).children("option:selected").attr('class'));
-    })
+    });
+    $("a.async-link").click(manage_async_link);
 });
 
 $(document).on("click", '#to_bottom_arrow', function(){
diff --git a/ishtar_common/templates/ishtar/basket_list.html b/ishtar_common/templates/ishtar/basket_list.html
index 5a7af2bc6..a0a0e5d73 100644
--- a/ishtar_common/templates/ishtar/basket_list.html
+++ b/ishtar_common/templates/ishtar/basket_list.html
@@ -1,5 +1,10 @@
 {% load i18n %}
-<ul>{% for item in basket.items.all %}
-    <li>
-        <a class="display_details" href="#" onclick="load_window('/show-find/{{item.pk}}/');">{% trans 'Details' %}</a> {{item.full_label}}</li>{% endfor %}
-</ul>
+<table>
+<tr>{% for item in basket.items.all %}
+    <td><a class="display_details" href="#" onclick="load_window('{{item_url}}/{{item.pk}}/');">{% trans 'Details' %}</a></td>
+    <td>{{item.full_label}}</td>
+    <td><a class='async-link' data-target='#basket-content' href='{{delete_url}}/{{basket.pk}}/{{item.pk}}/'>{% trans "remove" %}</a></td></tr>{% endfor %}
+</table>
+<script type='text/javascript'>
+    $("a.async-link").click(manage_async_link);
+</script>