start integrating cimar

templates/cimar_embed.html

@@ -0,0 +1,39 @@
+{% extends 'base.html' %}
+{% load partials %}
+
+{% partialdef viewer %}
+    <div style="height: 100vh; width: 95%, mangin: 0; padding: 0; overflow: hidden;">
+
+        
+        <iframe  class="embedded-viewer" src="{{viewer_link}}" width="100%" height="95%" style="border:none;"></iframe>
+
+    </div>
+
+<style>
+    .embedded-viewer {
+        border: none;
+        pointer-events: auto;
+        margin: 0; height: 100%; overflow: hidden
+    }
+</style>
+    
+{% endpartialdef %}
+
+{% partialdef embed %}
+Close
+
+{% partial viewer %}
+    
+{% endpartialdef %}
+
+
+{% block content %}
+{% partial viewer %}
+    
+{% endblock content %}
+    
+
+{% block css %}
+    
+{% endblock css %}
+    

templates/cimar_login.html

@@ -0,0 +1,23 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <div class="anatomy">
+
+        
+ <h2>CIMAR login</h2>
+Login status: {{ login_status }} ({{cimar_sid}})<br/> 
+
+ Logging in here allows your account to be linked with CIMAR. You may periodically need to re-login to keep the link active.
+ <form method="POST" class="post-form">
+ Username: <input type="text" id="username" name="username" value=""/> <br/>
+Password: <input type="password" id="password" name="password" value=""/> <br/>
+<button hx-post='{% url "cimar_login" %}'
+hx-target="#results">Login</button>
+ </form>
+
+ <div id="results"></div>
+        
+
+
+    </div>
+{% endblock %}

templates/cimar_series.html

@@ -0,0 +1,15 @@
+<h3>Series</h3>
+        <div class="pre-whitespace multi-image-block"><b>Series:</b>
+                {% for series in series_data %}
+     <span class="series-block">
+                        <span>
+                            <span class="series-block-series-number">Series {{ forloop.counter }}:</span><br>
+                                            <span>
+            <span class='series-block-examination'>{{series|get_item:"series_description"}}</span><br/>
+            <span class='series-block-thumbnail'><img src='{{series|get_item:"thumbnail"}}?{{cimar_sid}}' /></span><br/>
+            <span class='series-block-image-number'>Images: <span class='series-block-image-number-count'>{{series|get_item:"image_count"}}</span></span>
+            </span>
+                        </span>
+                    </span>
+                {% endfor %}
+</div>