aknuth/vokabeltraining
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

move image, edit image

Browse Source
This commit is contained in:
aknuth
2024-12-07 21:29:51 +01:00
parent 92ec07fe75
commit 26518bef56
9 changed files with 193 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/edit-image-modal/edit-image-modal.component.html
View File

@@ -9,21 +9,25 @@
<span class="sr-only">Schließen</span>
</button>
<div class="p-6 relative">
<h3 class="mb-4 text-xl font-medium text-gray-900">Bild bearbeiten</h3>
<!-- Überschrift mit Boxanzahl -->
<h3 class="mb-4 text-xl font-medium text-gray-900">
Bild bearbeiten <span *ngIf="boxes.length > 0">({{ boxes.length }} Box{{ boxes.length > 1 ? 'en' : '' }})</span>
</h3>
<!-- Canvas und Save Button -->
<!-- Canvas -->
<div class="mt-4">
<canvas #canvas class="border border-gray-300 rounded w-full h-auto"></canvas>
<button (click)="save()" class="mt-4 bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600">
Save
</button>
</div>
<!-- Erkannten Text anzeigen -->
<!-- <div *ngIf="detectedText" class="mt-4">
<h4 class="text-lg font-medium text-gray-700">Erkannter Text:</h4>
<pre class="whitespace-pre-wrap text-sm text-gray-600">{{ detectedText }}</pre>
</div> -->
<!-- Buttons unter dem Canvas -->
<div class="mt-4 flex justify-between">
<button (click)="save()" class="bg-green-500 text-white py-2 px-4 rounded hover:bg-green-600">
Save
</button>
<button (click)="addNewBox()" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600">
Neue Box
</button>
</div>
</div>
</div>
</div>