jolie beau

views/_partial/delphoto.tpl

@@ -0,0 +1,31 @@
+<script>
+    const defaultAvatar = "{$smarty.env.IMG_USER_PATH}images.jpg";
+
+    // Suppression du listener précédent avant d'en ajouter un nouveau
+    const inputImage   = document.getElementById('image');
+    const btnDelete    = document.getElementById('btn-delete-image');
+    const previewAvatar = document.getElementById('preview-avatar');
+    const deleteInput  = document.getElementById('delete_image');
+
+    inputImage?.addEventListener('change', function () {
+        const file = this.files[0];
+        if (!file) return;
+        const reader = new FileReader();
+        reader.onload = e => {
+            previewAvatar.src = e.target.result;
+            previewAvatar.style.opacity = '1';
+        };
+        reader.readAsDataURL(file);
+        deleteInput.value = '0';
+        if (btnDelete) {
+            btnDelete.disabled = false;
+        }
+    });
+
+    btnDelete?.addEventListener('click', function () {
+        deleteInput.value = '1';
+        previewAvatar.src = defaultAvatar;
+        previewAvatar.style.opacity = '0.5';
+        this.disabled = true;
+    });
+</script>