22 lines
950 B
HTML
22 lines
950 B
HTML
<div class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
|
|
<div class="bg-white rounded-lg shadow-lg w-96 p-6">
|
|
<h2 class="text-xl font-semibold mb-4">Move Image</h2>
|
|
<p class="mb-4">Select the target deck for the image <strong>{{ image.name }}</strong>.</p>
|
|
<select [(ngModel)]="selectedDeckId" class="w-full p-2 border border-gray-300 rounded mb-4">
|
|
<option *ngFor="let deck of decks" [value]="deck.name" [disabled]="deck.name === sourceDeck.name">
|
|
{{ deck.name }}
|
|
</option>
|
|
</select>
|
|
<div class="flex justify-end space-x-2">
|
|
<button (click)="close()" class="bg-gray-500 text-white py-2 px-4 rounded hover:bg-gray-600">
|
|
Cancel
|
|
</button>
|
|
<button
|
|
(click)="moveImage()"
|
|
[disabled]="!selectedDeckId"
|
|
class="bg-yellow-500 text-white py-2 px-4 rounded hover:bg-yellow-600">
|
|
Move
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |