diff --git a/src/pages/profile_page.html b/src/pages/profile_page.html
index 1ce52b0..595fcd1 100644
--- a/src/pages/profile_page.html
+++ b/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,32 +257,32 @@
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",
- // pos_difference_x + "px",
- // );
- // resize_photo_box.style.setProperty(
- // "--y-offset",
- // pos_difference_y + "px",
- // );
- // });
+ // resize_photo_box.style.setProperty(
+ // "--x-offset",
+ // pos_difference_x + "px",
+ // );
+ // resize_photo_box.style.setProperty(
+ // "--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;
+ });