update delete url on image change (fixes #108)

Author: timonegk

imagetagger/imagetagger/annotations/static/annotations/js/annotations.js

@@ -35,6 +35,7 @@ function calculateImageScale() {
   const FEEDBACK_DISPLAY_TIME = 3000;
   const ANNOTATE_URL = '/annotations/%s/';
   const IMAGE_SET_URL = '/images/imageset/%s/';
+  const DELETE_IMAGE_URL = '/images/image/delete/%s/';
   const PRELOAD_BACKWARD = 2;
   const PRELOAD_FORWARD = 5;
   const STATIC_ROOT = '/static/';
@@ -896,6 +897,7 @@ function calculateImageScale() {
       next_image_id = gImageList[0];
     }
     $('#next-image-id').attr('value', next_image_id || '');
+    $('#delete-image-form').attr('action', DELETE_IMAGE_URL.replace('%s', imageId));
     tool.restoreSelection(false);
 
     if (fromHistory !== true) {

imagetagger/imagetagger/annotations/templates/annotations/annotate.html

@@ -242,7 +242,7 @@ <h4 class="modal-title" id="myModalLabel">
                 Do you really want to permanently delete this image from the imageset?
             </div>
             <div class="modal-footer">
-                <form method="post" action="{% url 'images:delete_images' selected_image.id %}">
+                <form id="delete-image-form" method="post" action="{% url 'images:delete_images' selected_image.id %}">
                     {% csrf_token %}
                     <input id="next-image-id" type="hidden" name="next-image-id" value="{{ set_images.first.id }}">
                     <div class="input-group" role="group" aria-label="delete-image">