From 00965eeb7f29acd2db1d6b8db75c741486d445f3 Mon Sep 17 00:00:00 2001
From: ahmido <ad88cgn@gmail.com>
Date: Sat, 3 Jan 2026 04:16:45 +0000
Subject: [PATCH] =?UTF-8?q?001-public-grid-viewer=20=E2=80=94=20Add=20QA?=
 =?UTF-8?q?=20/=20Quickstart=20/=20Decision=20docs,=20scheduler,=20ignores?=
 =?UTF-8?q?,=20formatting=20&=20tests=20(#1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Kurze Zusammenfassung:

Ergänzt Feature-001-Artefakte: QA-Checkliste, Quickstart, Design-Entscheidung, Scheduler-Dokumentation.
Ergänzt Projekt-ignores: .dockerignore, .eslintignore, .npmignore.
Führte pint aus (Formatierungsfixes).
Fügte/aktualisierte Backend-/Frontend-Skizzen und Tests für den Public Grid Viewer (Reservations, Selection mapping, Payment scaffold, Composite job).
Branch: 001-public-grid-viewer
Wichtige Dateien (Auswahl):

Docs & specs:
qa.md
quickstart.md
001-public-grid-viewer.md
SCHEDULER.md
Config / infra:
pixel_grid.php
.dockerignore, .eslintignore, .npmignore
compose.yaml
Backend (skizzen / implementation):
SchedulerServiceProvider.php
providers.php
ExpireReservations.php
Reservation.php
2026_01_03_000002_create_reservations_table.php
SelectionMapper.php
CompositeImage.php
PaymentController.php
Frontend (scaffold):
Index.vue
GridCanvas.vue
Tests:
PublicGridMetaTest.php
ReserveSelectionTest.php
PriceCalculationTest.php
SelectionMathTest.php
Was ich lokal geprüft habe

pint ausgeführt (Formatierungsfixes angewendet).
Vollständige Test-Suite ausgeführt: 52 passed (164 assertions).
Branch gepusht: cloudarix/001-public-grid-viewer.

Co-authored-by: Ahmed Darrazi <ahmeddarrazi@adsmac.local>
Reviewed-on: https://git.cloudarix.de/ahmido/ramadanproject/pulls/1
---
 resources/js/components/GridCanvas.vue       |  6 +++---
 resources/js/components/SelectionSidebar.vue |  4 +++-
 resources/js/components/UploadModal.vue      | 13 +++++++------
 resources/js/pages/PublicGrid/Index.vue      |  2 +-
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/resources/js/components/GridCanvas.vue b/resources/js/components/GridCanvas.vue
index bd334b4..c6b8549 100644
--- a/resources/js/components/GridCanvas.vue
+++ b/resources/js/components/GridCanvas.vue
@@ -4,7 +4,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue';
 
 const props = defineProps({
@@ -23,7 +23,7 @@ const height = 800;
 
   let isPanning = false;
   let start = { x: 0, y: 0 };
-  let offset = { x: 0, y: 0 };
+  const offset = { x: 0, y: 0 };
   let scale = 1;
   let pinchActive = false;
   let lastDistance = 0;
@@ -186,7 +186,7 @@ onMounted(() => {
     drawGrid();
   });
 
-  c.addEventListener('pointerup', (e) => {
+  c.addEventListener('pointerup', () => {
     if (selecting && selection) {
       // finalize selection and emit one last time
       const relX = selection.x - offset.x;
diff --git a/resources/js/components/SelectionSidebar.vue b/resources/js/components/SelectionSidebar.vue
index 99e48c0..2a8e70a 100644
--- a/resources/js/components/SelectionSidebar.vue
+++ b/resources/js/components/SelectionSidebar.vue
@@ -9,7 +9,9 @@
   </aside>
 </template>
 
-<script setup>
+<script setup lang="ts">
+import { computed } from 'vue';
+
 const props = defineProps({
   cellCount: { type: Number, default: 0 },
   pricePerCell: { type: Number, default: 0 },
diff --git a/resources/js/components/UploadModal.vue b/resources/js/components/UploadModal.vue
index 1ab15a0..362332d 100644
--- a/resources/js/components/UploadModal.vue
+++ b/resources/js/components/UploadModal.vue
@@ -14,17 +14,18 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue';
-const props = defineProps({ selection: { type: Object, default: null } });
-const preview = ref(null);
+defineProps({ selection: { type: Object, default: null } });
+const preview = ref<string | null>(null);
 
-function onFile(e) {
-  const file = e.target.files && e.target.files[0];
+function onFile(e: Event) {
+  const input = e.target as HTMLInputElement | null;
+  const file = input && input.files ? input.files[0] : null;
   if (!file) return;
   const reader = new FileReader();
   reader.onload = (ev) => {
-    preview.value = ev.target.result;
+    preview.value = ev.target && (ev.target as FileReader).result as string | null;
   };
   reader.readAsDataURL(file);
 }
diff --git a/resources/js/pages/PublicGrid/Index.vue b/resources/js/pages/PublicGrid/Index.vue
index 3caf067..b068cf7 100644
--- a/resources/js/pages/PublicGrid/Index.vue
+++ b/resources/js/pages/PublicGrid/Index.vue
@@ -19,7 +19,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onMounted } from 'vue';
 import GridCanvas from '@/components/GridCanvas.vue';
 import SelectionSidebar from '@/components/SelectionSidebar.vue';