torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimiere das Template der Mitgliederliste durch Entfernen von überflüssigem Code und verbessere die Sortieroptionen
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 1m1s
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-02-14 02:28:40 +01:00
parent 04571e6444
commit 85ec99b08c
1 changed files with 36 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
pages/mitgliederbereich/mitglieder.vue
View File

@@ -3,62 +3,44 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center mb-6"> <div class="flex justify-between items-center mb-6">
<div> <div>
<div class="min-h-full py-16 bg-gray-50"> <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-2">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> Mitgliederliste
<div class="flex justify-between items-center mb-6"> </h1>
<div> <div class="w-24 h-1 bg-primary-600 mb-4" />
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-2"> </div>
Mitgliederliste <div class="flex items-center space-x-3">
</h1> <!-- ...Buttons ... -->
<div class="w-24 h-1 bg-primary-600 mb-4" /> </div>
</div> </div>
<div class="flex items-center space-x-3"> <!-- Sortieroptionen -->
<!-- ...Buttons ... --> <div class="mb-4 flex items-center space-x-2">
</div> <label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label>
</div> <select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded">
<!-- Sortieroptionen --> <option value="name">Name (Vorname Nachname)</option>
<div class="mb-4 flex items-center space-x-2"> <option value="lastname">Nachname (Nachname Vorname)</option>
<label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label> <option value="birthday">Geburtstag</option>
<select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded"> </select>
<option value="name">Name (Vorname Nachname)</option>
<option value="lastname">Nachname (Nachname Vorname)</option>
<option value="birthday">Geburtstag</option>
</select>
<div class="min-h-full py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center mb-6">
<div>
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-2">Mitgliederliste</h1>
<div class="w-24 h-1 bg-primary-600 mb-4" />
</div>
<div class="flex items-center space-x-3">
<!-- ...Buttons ... -->
</div>
</div> </div>
<!-- Sortieroptionen --> <button
<div class="mb-4 flex items-center space-x-2"> v-if="canEdit"
<label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label> class="flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white font-semibold rounded-lg transition-colors"
<select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded"> @click="showBulkImportModal = true"
<option value="name">Name (Vorname Nachname)</option>
<option value="lastname">Nachname (Nachname Vorname)</option>
<option value="birthday">Geburtstag</option>
</select>
</div>
<svg
class="w-5 h-5 mr-2"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
> >
<path <svg
stroke-linecap="round" class="w-5 h-5 mr-2"
stroke-linejoin="round" fill="none"
stroke-width="2" stroke="currentColor"
d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" viewBox="0 0 24 24"
/> >
</svg> <path
Bulk-Import stroke-linecap="round"
</button> stroke-linejoin="round"
stroke-width="2"
d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
/>
</svg>
Bulk-Import
</button>
<button <button
v-if="canEdit" v-if="canEdit"
class="flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors" class="flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
@@ -759,10 +741,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
</template> </template>
<script setup> <script setup>