added ocr old logic

This commit is contained in:
dhanabalan
2025-10-17 10:33:31 +05:30
parent 86b5284a5e
commit cf7a123a58

View File

@@ -44,12 +44,11 @@ document.addEventListener('DOMContentLoaded', () => {
<canvas x-ref="canvas" width="320" height="240" class="hidden"></canvas> <canvas x-ref="canvas" width="320" height="240" class="hidden"></canvas>
<img x-ref="snapshot" class="hidden border rounded max-w-full"> <img x-ref="snapshot" class="hidden border rounded max-w-full">
<div class="flex space-x-4 mt-2"> <div class="flex space-x-2 mt-2">
<x-filament::button color="primary" @click="capturePhoto" x-show="!photoTaken">Capture</x-filament::button> <x-filament::button color="primary" @click="capturePhoto" x-show="!photoTaken">Capture</x-filament::button>
<x-filament::button color="secondary" @click="retakePhoto" x-show="photoTaken">Retake</x-filament::button> <x-filament::button color="secondary" @click="retakePhoto" x-show="photoTaken">Retake</x-filament::button>
<x-filament::button color="gray" @click="switchCamera" x-show="!photoTaken">Switch Camera</x-filament::button> <x-filament::button color="gray" @click="switchCamera" x-show="!photoTaken">Switch Camera</x-filament::button>
</div> </div>
<input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput"> <input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput">
</div> </div>
@@ -99,6 +98,7 @@ function cameraCapture() {
snapshot.src = dataUrl; snapshot.src = dataUrl;
snapshot.classList.remove('hidden'); snapshot.classList.remove('hidden');
video.classList.add('hidden');
this.photoTaken = true; this.photoTaken = true;
this.$refs.hiddenInput.value = dataUrl; this.$refs.hiddenInput.value = dataUrl;
@@ -107,7 +107,7 @@ function cameraCapture() {
async retakePhoto() { async retakePhoto() {
this.photoTaken = false; this.photoTaken = false;
this.$refs.snapshot.classList.add('hidden'); this.$refs.snapshot.classList.add('hidden');
//this.$refs.video.classList.remove('hidden'); this.$refs.video.classList.remove('hidden');
await this.initCamera(); await this.initCamera();
} }
} }