it works

facebook · Apr 24, 2024 · 45eb523 · 45eb523
1 parent 35adae9
commit 45eb523
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/match_dbg_upload.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/components/match_dbg_upload.html.j2
@@ -1,6 +1,6 @@
 <div class="card text-dark bg-light box-shadow h-md-250 h-100 mx-auto">
     <div class="row align-items-center m-2">
-        <div class="col">
+        <div class="col" id="{{ upload_id }}-img">
             <svg class="bd-placeholder-img card-img-top" width="180" height="180" xmlns="http://www.w3.org/2000/svg"
                 role="img" preserveAspectRatio="xMidYMid slice" focusable="false">
                 <title>Placeholder</title>
@@ -10,15 +10,11 @@
             </svg>
         </div>
         <div class="col align-items-center">
-            <input class="form-control" type="file" onchange="OMM.match_dbg.onFileChange('{{ form_id }}')">
+            <input class="form-control" type="file" onchange="OMM.match_dbg.onFileChange('{{ upload_id }}')"
+                id="{{ upload_id }}-file-upload">
         </div>
     </div>
 
-    <div class="card-body d-flex flex-column align-items-mid">
-        <h4>Signal Types</h4>
-        <ul>
-            <li>PDQ: 12354</li>
-            <li>MD5: 12354</li>
-        </ul>
+    <div class="card-body d-flex flex-column align-items-mid" id="{{ upload_id }}-signals">
     </div>
 </div>
diff --git a/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/match_dbg.html.j2 b/hasher-matcher-actioner/src/OpenMediaMatch/templates/pages/match_dbg.html.j2
@@ -5,13 +5,17 @@
     </div>
     <div class="row justify-content-center gx-5">
         <div class="col-6">
+            {% with upload_id="match_dbg_left" %}
             {% include "components/match_dbg_upload.html.j2" %}
+            {% endwith %}
         </div>
         <div class="col-6">
+            {% with upload_id="match_dbg_right" %}
             {% include "components/match_dbg_upload.html.j2" %}
+            {% endwith %}
         </div>
     </div>
-    <div class="container my-2">
+    <div class="container my-2" hidden> {# TODO: implement the rest #}
         <div class="row justify-content-center">
             <div class="col-4">
                 <div class="card p-4">