Update file input fields to capture images using the device camera and set default match start date from scheduleDate if not already set. This enhances the user experience for image uploads and ensures match data is initialized correctly.

This commit is contained in:
Torsten Schulz (local)
2025-11-13 15:47:58 +01:00
parent cf3bd3cd6d
commit 7aff827711
3 changed files with 11 additions and 2 deletions

View File

@@ -81,7 +81,7 @@
<div v-if="allowUpload" class="upload-section">
<label class="upload-label">
📤 Bilder hochladen
<input type="file" multiple accept="image/*" @change="handleFileSelect" />
<input type="file" multiple accept="image/*" capture="environment" @change="handleFileSelect" />
</label>
</div>

View File

@@ -1924,6 +1924,15 @@ Wir wünschen den Spielen einen schönen, spannenden und fairen Verlauf und begr
// Vereins-Einstellungen für Begrüßung laden
await this.loadClubSettings();
// Setze Standardwert für Spielbeginn aus scheduleDate, falls noch nicht gesetzt
if (!this.match.startDate) {
const scheduleDate = this.meetingDetails?.scheduleDate || this.meetingData?.scheduleDate;
if (scheduleDate) {
this.match.startDate = new Date(scheduleDate);
console.log('✅ Spielbeginn auf Standardwert gesetzt:', this.match.startDate);
}
}
// Ergebnisse initial auf Basis der Matrix vorbereiten
this.prepareResults();

View File

@@ -93,7 +93,7 @@
<label class="checkbox-item"><span>Pics in Internet erlaubt:</span> <input type="checkbox" v-model="newPicsInInternetAllowed"></label>
<label class="checkbox-item"><span>Testmitgliedschaft:</span> <input type="checkbox" v-model="testMembership"></label>
<label class="checkbox-item"><span>Mitgliedsformular ausgehändigt:</span> <input type="checkbox" v-model="newMemberFormHandedOver"></label>
<label><span>Bild:</span> <input type="file" @change="onFileSelected"></label>
<label><span>Bild:</span> <input type="file" accept="image/*" capture="environment" @change="onFileSelected"></label>
<div v-if="memberImagePreview">
<img :src="memberImagePreview" alt="Vorschau des Mitgliedsbildes"
style="max-width: 200px; max-height: 200px;">