basic firebrand recognition

Co-authored-by: Alex <AlexanderMcDowell@users.noreply.github.com>

templates/index.html

@@ -50,8 +50,13 @@
 
     <h4>Firebrand Detection Settings</h4>
 
-    <label for="edge_amp">Edge Amplification</label>
-    <input type="number" name="edge_amp" value="10", step="0.1"/>
+    <label for="intensity_threshold">intensity threshold (0-255)</label>
+    <input type="number" name="intensity_threshold" value="250", step="0.1"/>
+    <br>
+
+    <label for="min_area">min area (removes small particles)</label>
+    <input type="number" name="min_area" value="115", step="0.1"/>
+    <br>
 
     <h4>Output Settings</h4>
 

templates/pyrometry-results.html

@@ -7,6 +7,9 @@
 {% block content %} 
 
 <div style="display:flex; flex-direction: column;">
+
+<h2>General Results</h2>
+
 <table class="img-table">
     <tr>
         <th class="img-table-heading">Input Image</th>
@@ -40,6 +43,44 @@
     </tr>
 </table>
 
+
+<h2>Individual Firebrands</h2>
+
+<table>
+    <tr>
+        <th>Output Heatmap</th>
+        <th>Legend</th>
+    </tr>
+
+    {% for item in individual_firebrands %}
+    <tr>
+        {# output heatmap #}
+        <td>
+            <img class="img-out" src="data:image/png;base64,{{ item['img_data'] }}" alt="result image">
+        </td>
+
+        </td>
+        {# legend #}
+        <td>
+            <h3>Firebrand {{ loop.index }}</h3>
+            <table class="legend" id="legend">
+                <tr>
+                    <th class="legend-heading">Color</th>
+                    <th class="legend-heading">Temperature</th>
+                </tr>
+                {% for temp, color in item["legend"].items() %}
+                <tr>
+                    <td class="legend-cell"><div style="width:30px;height:20px;background-color:{{ color }};"></div></td>
+                    <td class="legend-cell">{{ temp }}°C</td>
+                </tr>
+                {% endfor %}
+            </table>
+        </td>
+    </tr>
+    {% endfor %}
+
+</table>
+
 <br>
 {# Temperature Frequency Plot #}
 <div style="display: flex; flex-direction: row; align-items: center;">
@@ -50,6 +91,9 @@ onclick="saveData(`{{csv_data}}`, 'temperature-data.csv')">Download Data as CSV<
 </div>
 {{ freq_plot | safe }}
 
+
+<!-- Firebrands: {{ individual_firebrands }} -->
+
 </div>
 
 {% endblock %}