Detached
Dummy-Bild geändert, sodass es als Vorschaubild deutlicher wird (und man nicht direkt denk man kann "checken")
Backend:
- 3 globale Variablen erzeugt, die Pfad zum Bild, Pfad zum Label und Name des Bild speichern (jeweils vom zuletzt generierten Bild)
- Die Funktion get_image() ist neu und gibt Name und Pfad zum Bild zurück (um unabhängig vom Upload die Daten vom Bild zu erhalten, z.B. bei Reload von React)
- Die Anzahl der Risse und Nägel können jetzt unabhängig vom Upload durch die Funktion get_NailsAndRiss() geholt werden (z.B. auch wenn React neu lädt)
Frontend:
- getImage() gibt das zuletzt generierte Bild vom Backend zurück (oder am Anfang das Vorschaubild)
- Die State Hook "previewImage" wird jetzt durch getImage() initialisiert (dadurch wird das korrekte Bild angezeigt, auch wenn die Seite neu geladen wurde)
- Wenn bei submitImage() oder getImage() das generierte Bild noch nicht im Ordner abgelegt wurde, dann wird die Funktion handleTimeout() aufgerufen
- handleTimeout() wartet 1 Sekunde und ruft dann getImage() erneut auf
- mit tryRequire() wird geprüft, ob Bild vorhanden (bzw. ob Bild bereits generiert und gespeichert wurde)
- entsprechend dem Backend wurde getScore() als Funktion ausgelagert. Die Funktion wird jeweils von submitImage() und getImage() verwendet