From 85ec99b08ce53d4c1426706510e1e8c47dcf8769 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Sat, 14 Feb 2026 02:28:40 +0100
Subject: [PATCH] =?UTF-8?q?Optimiere=20das=20Template=20der=20Mitgliederli?=
 =?UTF-8?q?ste=20durch=20Entfernen=20von=20=C3=BCberfl=C3=BCssigem=20Code?=
 =?UTF-8?q?=20und=20verbessere=20die=20Sortieroptionen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mitgliederbereich/mitglieder.vue | 94 ++++++++++----------------
 1 file changed, 36 insertions(+), 58 deletions(-)

diff --git a/pages/mitgliederbereich/mitglieder.vue b/pages/mitgliederbereich/mitglieder.vue
index 27ef603..fb8bb88 100644
--- a/pages/mitgliederbereich/mitglieder.vue
+++ b/pages/mitgliederbereich/mitglieder.vue
@@ -3,62 +3,44 @@
     <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>
-          <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>
-              <!-- Sortieroptionen -->
-              <div class="mb-4 flex items-center space-x-2">
-                <label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label>
-                <select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded">
-                  <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>
+          <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>
+      <!-- Sortieroptionen -->
+      <div class="mb-4 flex items-center space-x-2">
+        <label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label>
+        <select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded">
+          <option value="name">Name (Vorname Nachname)</option>
+          <option value="lastname">Nachname (Nachname Vorname)</option>
+          <option value="birthday">Geburtstag</option>
+        </select>
                       </div>
-                      <!-- Sortieroptionen -->
-                      <div class="mb-4 flex items-center space-x-2">
-                        <label for="sortMode" class="text-sm text-gray-700">Sortieren nach:</label>
-                        <select id="sortMode" v-model="sortMode" class="px-2 py-1 border rounded">
-                          <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"
+            <button
+              v-if="canEdit"
+              class="flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white font-semibold rounded-lg transition-colors"
+              @click="showBulkImportModal = true"
             >
-              <path
-                stroke-linecap="round"
-                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>
+              <svg
+                class="w-5 h-5 mr-2"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  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
             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"
@@ -759,10 +741,6 @@
           </div>
         </div>
       </div>
-    </div>
-  </div>
-</div>
-</div>
 </template>
 
 <script setup>