updates

main.py

@@ -113,10 +113,22 @@ def verify_image(fileUpload: UploadFile):
         original_media = original_media_string.split(":", 1)
         original_media = original_media[1].strip(" ").strip("'")
 
-        if original_media != 'n/a':
+        if c2pa == 'true':
+            fileupload_extension = file_extension(fileUpload.filename)
+            filename = str(uuid.uuid4()) + fileupload_extension
+            
+            response = subprocess.check_output(
+                [
+                    "cp",
+                    fileUpload.filename,
+                    "static/" + filename,
+                ]
+            )
+
+            result_image = fileUpload.filname
+
+        elif original_media != 'n/a':
             original_media_extension = file_extension(original_media)
-            logging.warning(original_media_extension)
-    
             filename = str(uuid.uuid4()) + original_media_extension
             
             response = subprocess.check_output(
@@ -127,10 +139,12 @@ def verify_image(fileUpload: UploadFile):
                 ]
             ) 
 
-            original_media = filename
+            result_media = filename
+        else:
+            result_media = 'n/a'
+
 
- 
-    return {"response": fileUpload.filename, "contains_c2pa" : c2pa, "contains_watermark" : watermark, "original_media" : original_media}
+    return {"response": fileUpload.filename, "contains_c2pa" : c2pa, "contains_watermark" : watermark, "result_media" : result_media}
 
 
 

static/index.html

@@ -311,19 +311,18 @@
 
           console.log("contains_c2pa", data.contains_c2pa);
           console.log("contains_watermark", data.contains_watermark);
-          console.log("original_media", data.original_media);
+          console.log("result_media", data.result_media);
 
           document.getElementById("contentCredentialResults").innerHTML =  data.contains_c2pa;
           document.getElementById("digitalWatermarkResults").innerHTML =  data.contains_watermark;
 
-          console.log("setting flex", uploadedImageContainer);
           uploadedImageContainer.style.display = "flex";
           document.getElementById('resultLabel').style.display = "block";
 
           document.querySelector('.display-verify .spinner').style.display = "none";
 
-          if (data.original_media != 'n/a') {
-            const path = "/" + data.original_media;
+          if (data.result_media != 'n/a') {
+            const path = "/" + data.result_media;
 
             var truepicDisplay = document.createElement("truepic-display");
           

static/style.css

@@ -1,3 +1,7 @@
+:root {
+  --primary-color: rgba(26, 109, 255, 1);
+}
+
 @import url("https://fonts.cdnfonts.com/css/inter");
 
 body {
@@ -39,7 +43,7 @@ p {
 }
 
 .tabs div.active {
-  border-bottom: 3px solid rgba(26, 109, 255, 1);
+  border-bottom: 3px solid var(--primary-color);
 }
 
 .right-column {
@@ -125,4 +129,15 @@ img.thumbnail {
 
 .action-menu button, .action-menu a.btn {
   width: 175px;
+}
+
+.action-menu .btn {
+  border-radius: 0;
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+.action-menu .btn:hover {
+  background-color: transparent;
+  color: var(--primary-color);
 }