add basic dicom diff support

atlas/templates/atlas/series_viewer.html

@@ -92,6 +92,9 @@
         <summary>
             Image details
         </summary>
+        <form  hx-post="{% url 'atlas:image_diff' %}"
+        hx-target="#temp"
+        >
         {% for image in series.get_images %}
             [{{  image.id  }}] <a href='{% url "atlas:series_image_dicom" image.pk %}'>{{image.image.url}}</a>, pos: {{image.position}}, {{image.upload_filename}}
 
@@ -102,15 +105,34 @@
 
             {{image.image_md5_hash}} ({{image.is_dicom}}) {{image.image_blake3_hash}}
 
+            <input type="checkbox" name="image-id" value="{{image.id}}">
+
             <br />
         {% comment %} {{image.get_dicom_info|safe}}<br /> {% endcomment %}
 
         {% endfor %}
+        <button>Diff files</button>
+        </form>
+        <span id="temp"></span>
     </details>
 
     <p>Total image size: {{series.get_total_image_size|filesizeformat}}</p>
     <p><a href="{% url 'atlas:series_download' pk=series.pk %}">Download images</a></p>
 </details>
+        <span id="diff-controls">show <span id="diff-show-all" _="on click 
+            log '1'
+            for row in .diff.rows
+                show row
+            end">all</span> <span id="diff-show-diff" _="
+        on click
+            log 'go'
+            for row in <.diff tr/>
+                log row.children[0].innerHTML
+                if row.children[0].innerHTML is empty
+                    hide row
+                end
+            end
+        ">diff</span></span>
 
 
 <script>
@@ -208,6 +230,14 @@
 
         });
 
+        $("#diff-show-all").click(() => {
+            console.log("Helol");
+        })
+        $("#diff-show-diff").click(() => {
+            console.log("diff");
+        })
+
+
         {% if editing_finding > 0 %}
             $("#hidden-form").show()
             setTimeout(function() {