.

anatomy/static/css/anatomy.css

@@ -792,4 +792,8 @@ input {
    width: 1000px;
    height: 1000px;
    max-width: 1000px;
+ }
+
+ .image-duplicate {
+  border: 2px solid orange;
  }

rapids/templates/rapids/rapid_form.html

@@ -569,7 +569,7 @@
         })
     }
 
-    const viewLoadChecker = setInterval(function() {
+    const viewLoadChecker = setInterval(function () {
         if (load_viewer) {
             load_viewer = false;
             loadViewer();
@@ -632,31 +632,54 @@
 
     }
 
-    function checkHash(hash) {
-      $.ajax({
-          url: "{% url 'rapids:rapid_question_by_hash' %}",
-          data: {
-            csrfmiddlewaretoken: '{{ csrf_token }}',
-            hash: hash
-          },
-          type: "POST",
-          dataType: "json",
+    function checkHash(hash, input) {
+        $.ajax({
+            url: "{% url 'rapids:rapid_question_by_hash' %}",
+            data: {
+                csrfmiddlewaretoken: '{{ csrf_token }}',
+                hash: hash
+            },
+            type: "POST",
+            dataType: "json",
         })
-        // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
-        .done(function (data) {
-          console.log(data);
+            // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
+            .done(function (data) {
+                console.log(data);
 
-          if (data.status == "success") {
-          console.log("success");
-          console.log(data.id)
-          if (data.id) {
-            toastr.info(`id ${data.id}`)
-          }
-          }
-        })
-        .always(function () {
-          console.log('[Done]');
-        })
+                if (data.status == "success") {
+                    console.log("success");
+                    console.log(data.id)
+                    if (data.id) {
+                        //toastr.info(`id ${data.id}`)
+                        uploading_el = $(`img[data-input-id='${input.id}'], div[data-input-id='${input.id}']`)
+                        $(input).addClass("image-duplicate");
+                        uploading_el.addClass("image-duplicate");
+
+                        toastr.warning(`Image (${input.files[0].name}) already exists.<br /><a href='${data.url}'>Click to view</a><br /><button type="button" class="btn clear">Dismiss</button>`, "Duplicate image", {
+                            "closeButton": false,
+                            "debug": false,
+                            "newestOnTop": false,
+                            "progressBar": false,
+                            "positionClass": "toast-top-full-width",
+                            "preventDuplicates": false,
+                            "onclick": null,
+                            "showDuration": "0",
+                            "hideDuration": "0",
+                            "timeOut": 0,
+                            "extendedTimeOut": 0,
+                            "showEasing": "swing",
+                            "hideEasing": "linear",
+                            "showMethod": "fadeIn",
+                            "hideMethod": "fadeOut",
+                            "tapToDismiss": false
+                        })
+
+                    }
+                }
+            })
+            .always(function () {
+                console.log('[Done]');
+            })
     }
 
     function extractDicomStudyDescription(byteArray) {

rapids/views.py

@@ -1115,7 +1115,7 @@ def get_question_by_hash(request):
 
         try:
             question = RapidImage.objects.get(image_md5_hash=hash)
-            data = {"status": "success", "id": question.pk}
+            data = {"status": "success", "id": question.pk, "url": question.get_absolute_url()}
             return JsonResponse(data, status=200)
         except RapidImage.DoesNotExist:
             data = {"status": "success", "id": False}

static/css/anatomy.css

@@ -792,4 +792,8 @@ input {
    width: 1000px;
    height: 1000px;
    max-width: 1000px;
+ }
+
+ .image-duplicate {
+  border: 2px solid orange;
  }