From 04571e6444c4b374227fbb1f55922a2dbedd60b2 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Sat, 14 Feb 2026 02:22:52 +0100
Subject: [PATCH] =?UTF-8?q?Verbessere=20die=20Struktur=20des=20Templates?=
 =?UTF-8?q?=20in=20der=20Mitgliederliste=20und=20f=C3=BCge=20Sortieroption?=
 =?UTF-8?q?en=20hinzu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mitgliederbereich/mitglieder.vue | 88 +++++++++++++-------------
 1 file changed, 43 insertions(+), 45 deletions(-)

diff --git a/pages/mitgliederbereich/mitglieder.vue b/pages/mitgliederbereich/mitglieder.vue
index 0c9bdee..27ef603 100644
--- a/pages/mitgliederbereich/mitglieder.vue
+++ b/pages/mitgliederbereich/mitglieder.vue
@@ -3,51 +3,47 @@
     <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>
-  <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">
-          <button
-            class="flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 font-semibold rounded-lg transition-colors"
-            @click="viewMode = viewMode === 'cards' ? 'table' : 'cards'"
-          >
-            <component
-              :is="viewMode === 'cards' ? Table2 : Grid3x3"
-              :size="20"
-              class="mr-2"
-            />
-            {{ viewMode === 'cards' ? 'Tabelle' : 'Karten' }}
-          </button>
-          <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"
-          >
+          <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>
+                      </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"
@@ -765,6 +761,8 @@
       </div>
     </div>
   </div>
+</div>
+</div>
 </template>
 
 <script setup>