unblur background on error

src/pages/profile_page.html

@@ -205,6 +205,7 @@
         if (file.type !== "image/jpeg") {
             alert("Only JPEG images are allowed.");
             fileInput.value = "";
+            document.getElementById("popup_background").classList.add("hidden");
             return;
         }
 
@@ -256,11 +257,12 @@
         currentPreviewURL = image;
     });
 
-    // var mouseClicked = false;
-    // resize_photo_box.addEventListener("mousemove", () => {
-    //     if (!mouseClicked) return;
-    //     pos_difference_x = currentX - x_start;
-    //     pos_difference_y = currentY - y_start;
+    var mouseClicked = false;
+    resize_photo_box.addEventListener("mousemove", () => {
+        if (!mouseClicked) return;
+        pos_difference_x = currentX - x_start;
+        pos_difference_y = currentY - y_start;
+        console.log(pos_difference_x, pos_difference_y);
 
         // resize_photo_box.style.setProperty(
         //     "--x-offset",
@@ -270,18 +272,17 @@
         //     "--y-offset",
         //     pos_difference_y + "px",
         // );
-    // });
+    });
 
-    // resize_photo_box.addEventListener("mousedown", () => {
-    //     x_start = currentX;
-    //     y_start = currentY;
-    //     mouseClicked = true;
-    //     console.log("fdsfsd");
-    // });
+    resize_photo_box.addEventListener("mousedown", () => {
+        x_start = currentX;
+        y_start = currentY;
+        mouseClicked = true;
+    });
 
-    // resize_photo_box.addEventListener("mouseup", () => {
-    //     mouseClicked = false;
-    // });
+    resize_photo_box.addEventListener("mouseup", () => {
+        mouseClicked = false;
+    });
 </script>
 
 <script src="/static/error/error.js" type="text/javascript"></script>