Initial commit - Media.RCL

2026-08-05 21:16:09 +03:00
commit 685015a3a4
166 changed files with 7590 additions and 0 deletions
@@ -0,0 +1,79 @@
+class CropperInterop {
+    static initCropper(imgId, options, dotNetObject) {
+        const image = document.getElementById(imgId);
+        if (!image) return;
+
+        // Clean up existing instance if any
+        if (image.cropper) {
+            image.cropper.destroy();
+        }
+
+        new Cropper(image, {
+            ...options,
+            ready() {
+                // Optional: notify dotnet that it's ready
+            }
+        });
+    }
+
+    static getCroppedCanvasData(imgId) {
+        const image = document.getElementById(imgId);
+        if (!image || !image.cropper) return null;
+
+        return image.cropper.getCroppedCanvas().toDataURL();
+    }
+
+    static setAspectRatio(imgId, ratio) {
+        const image = document.getElementById(imgId);
+        if (!image || !image.cropper) return;
+
+        image.cropper.setAspectRatio(ratio);
+    }
+
+    static destroy(imgId) {
+        const image = document.getElementById(imgId);
+        if (image && image.cropper) {
+            image.cropper.destroy();
+        }
+    }
+
+    static setFullWidth(imgId) {
+        const image = document.getElementById(imgId);
+        if (!image || !image.cropper) return;
+        const data = image.cropper.getImageData();
+        // Use setData for natural dimensions
+        image.cropper.setData({ x: 0, width: data.naturalWidth });
+    }
+
+    static setFullHeight(imgId) {
+        const image = document.getElementById(imgId);
+        if (!image || !image.cropper) return;
+        const data = image.cropper.getImageData();
+        // Use setData for natural dimensions
+        image.cropper.setData({ y: 0, height: data.naturalHeight });
+    }
+}
+
+window.initCropper = (imgId, options, dotNetHelper) => {
+    CropperInterop.initCropper(imgId, options, dotNetHelper);
+};
+
+window.getCroppedImage = (imgId) => {
+    return CropperInterop.getCroppedCanvasData(imgId);
+};
+
+window.setCropperAspectRatio = (imgId, ratio) => {
+    CropperInterop.setAspectRatio(imgId, ratio);
+};
+
+window.destroyCropper = (imgId) => {
+    CropperInterop.destroy(imgId);
+};
+
+window.setCropperFullWidth = (imgId) => {
+    CropperInterop.setFullWidth(imgId);
+};
+
+window.setCropperFullHeight = (imgId) => {
+    CropperInterop.setFullHeight(imgId);
+};