jean/ssvc-poll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Jean Jacques Avril 2025-03-02 18:19:11 +00:00
parent 9bf715ee88
commit 2ab89d122d
4 changed files with 143 additions and 1451 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1368
data/member_credentials.json
View File

File diff suppressed because it is too large Load Diff

15
src/app/api/members/route.ts
View File

@ -134,6 +134,21 @@ export async function POST(request: NextRequest) {
}); });
} }
case 'deleteAll': {
// Get all members
const members = getMemberCredentials();
// Delete each member
for (const member of members) {
deleteMember(member.memberNumber);
}
return NextResponse.json({
success: true,
message: 'Alle Mitglieder erfolgreich gelöscht'
});
}
default: default:
return NextResponse.json( return NextResponse.json(
{ error: 'Ungültige Aktion' }, { error: 'Ungültige Aktion' },

14
src/app/api/reset-votes/route.ts
View File

@ -1,15 +1,13 @@
import { NextRequest, NextResponse } from 'next/server';
import fs from 'fs';
import path from 'path';
import { checkAdminAuth } from '@/lib/auth'; import { checkAdminAuth } from '@/lib/auth';
import { resetMemberVotingStatus } from '@/lib/server-auth'; import { resetMemberVotingStatus } from '@/lib/server-auth';
import fs from 'fs';
import { NextResponse } from 'next/server';
import path from 'path';
export async function POST(request: NextRequest) { export async function POST() {
try { try {
const body = await request.json(); // Check for admin auth using JWT cookie
// Check for admin auth const isAuthenticated = await checkAdminAuth();
const { password } = body;
const isAuthenticated = await checkAdminAuth(password);
if (!isAuthenticated) { if (!isAuthenticated) {
return NextResponse.json( return NextResponse.json(
{ error: 'Unauthorized' }, { error: 'Unauthorized' },

197
src/components/MembersManager.tsx
View File

@ -21,29 +21,29 @@ export default function MembersManager() {
const [editingMember, setEditingMember] = useState<string | null>(null); const [editingMember, setEditingMember] = useState<string | null>(null);
const [editPassword, setEditPassword] = useState(''); const [editPassword, setEditPassword] = useState('');
const fileInputRef = useRef<HTMLInputElement>(null); const fileInputRef = useRef<HTMLInputElement>(null);
// Stats // Stats
const totalMembers = members.length; const totalMembers = members.length;
const votedMembers = members.filter(m => m.hasVoted).length; const votedMembers = members.filter(m => m.hasVoted).length;
const notVotedMembers = totalMembers - votedMembers; const notVotedMembers = totalMembers - votedMembers;
// Load members on component mount // Load members on component mount
useEffect(() => { useEffect(() => {
fetchMembers(); fetchMembers();
}, []); }, []);
// Fetch members from API // Fetch members from API
const fetchMembers = async () => { const fetchMembers = async () => {
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
try { try {
const response = await fetch('/api/members'); const response = await fetch('/api/members');
if (!response.ok) { if (!response.ok) {
throw new Error('Fehler beim Abrufen der Mitglieder'); throw new Error('Fehler beim Abrufen der Mitglieder');
} }
const data = await response.json(); const data = await response.json();
setMembers(data.members || []); setMembers(data.members || []);
} catch (err) { } catch (err) {
@ -52,20 +52,20 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Add a new member // Add a new member
const handleAddMember = async (e: React.FormEvent) => { const handleAddMember = async (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
if (!newMemberNumber || !newPassword) { if (!newMemberNumber || !newPassword) {
setError('Mitgliedsnummer und Passwort sind erforderlich'); setError('Mitgliedsnummer und Passwort sind erforderlich');
return; return;
} }
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
setSuccess(null); setSuccess(null);
try { try {
const response = await fetch('/api/members', { const response = await fetch('/api/members', {
method: 'POST', method: 'POST',
@ -78,18 +78,18 @@ export default function MembersManager() {
password: newPassword password: newPassword
}), }),
}); });
const data = await response.json(); const data = await response.json();
if (!response.ok) { if (!response.ok) {
throw new Error(data.error || 'Fehler beim Hinzufügen des Mitglieds'); throw new Error(data.error || 'Fehler beim Hinzufügen des Mitglieds');
} }
setSuccess('Mitglied erfolgreich hinzugefügt'); setSuccess('Mitglied erfolgreich hinzugefügt');
setNewMemberNumber(''); setNewMemberNumber('');
setNewPassword(''); setNewPassword('');
setShowAddForm(false); setShowAddForm(false);
// Refresh members list // Refresh members list
fetchMembers(); fetchMembers();
} catch (err) { } catch (err) {
@ -98,18 +98,18 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Update a member // Update a member
const handleUpdateMember = async (memberNumber: string) => { const handleUpdateMember = async (memberNumber: string) => {
if (!editPassword) { if (!editPassword) {
setError('Passwort ist erforderlich'); setError('Passwort ist erforderlich');
return; return;
} }
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
setSuccess(null); setSuccess(null);
try { try {
const response = await fetch('/api/members', { const response = await fetch('/api/members', {
method: 'POST', method: 'POST',
@ -122,17 +122,17 @@ export default function MembersManager() {
password: editPassword password: editPassword
}), }),
}); });
const data = await response.json(); const data = await response.json();
if (!response.ok) { if (!response.ok) {
throw new Error(data.error || 'Fehler beim Aktualisieren des Mitglieds'); throw new Error(data.error || 'Fehler beim Aktualisieren des Mitglieds');
} }
setSuccess('Passwort erfolgreich aktualisiert'); setSuccess('Passwort erfolgreich aktualisiert');
setEditPassword(''); setEditPassword('');
setEditingMember(null); setEditingMember(null);
// Refresh members list // Refresh members list
fetchMembers(); fetchMembers();
} catch (err) { } catch (err) {
@ -141,18 +141,18 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Delete a member // Delete a member
const handleDeleteMember = async (memberNumber: string) => { const handleDeleteMember = async (memberNumber: string) => {
// Show confirmation dialog // Show confirmation dialog
if (!confirm(`Sind Sie sicher, dass Sie das Mitglied "${memberNumber}" löschen möchten?`)) { if (!confirm(`Sind Sie sicher, dass Sie das Mitglied "${memberNumber}" löschen möchten?`)) {
return; return;
} }
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
setSuccess(null); setSuccess(null);
try { try {
const response = await fetch('/api/members', { const response = await fetch('/api/members', {
method: 'POST', method: 'POST',
@ -164,15 +164,15 @@ export default function MembersManager() {
memberNumber memberNumber
}), }),
}); });
const data = await response.json(); const data = await response.json();
if (!response.ok) { if (!response.ok) {
throw new Error(data.error || 'Fehler beim Löschen des Mitglieds'); throw new Error(data.error || 'Fehler beim Löschen des Mitglieds');
} }
setSuccess('Mitglied erfolgreich gelöscht'); setSuccess('Mitglied erfolgreich gelöscht');
// Refresh members list // Refresh members list
fetchMembers(); fetchMembers();
} catch (err) { } catch (err) {
@ -181,13 +181,52 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Delete all members
const handleDeleteAllMembers = async () => {
// Show confirmation dialog
if (!confirm('Sind Sie sicher, dass Sie ALLE Mitglieder löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.')) {
return;
}
setIsLoading(true);
setError(null);
setSuccess(null);
try {
const response = await fetch('/api/members', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'deleteAll'
}),
});
const data = await response.json();
if (!response.ok) {
throw new Error(data.error || 'Fehler beim Löschen aller Mitglieder');
}
setSuccess('Alle Mitglieder erfolgreich gelöscht');
// Refresh members list
fetchMembers();
} catch (err) {
setError(err instanceof Error ? err.message : 'Ein Fehler ist aufgetreten');
} finally {
setIsLoading(false);
}
};
// Toggle voting status // Toggle voting status
const handleToggleVotingStatus = async (memberNumber: string, currentStatus: boolean) => { const handleToggleVotingStatus = async (memberNumber: string, currentStatus: boolean) => {
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
setSuccess(null); setSuccess(null);
try { try {
const response = await fetch('/api/members', { const response = await fetch('/api/members', {
method: 'POST', method: 'POST',
@ -200,15 +239,15 @@ export default function MembersManager() {
hasVoted: !currentStatus hasVoted: !currentStatus
}), }),
}); });
const data = await response.json(); const data = await response.json();
if (!response.ok) { if (!response.ok) {
throw new Error(data.error || 'Fehler beim Aktualisieren des Status'); throw new Error(data.error || 'Fehler beim Aktualisieren des Status');
} }
setSuccess('Status erfolgreich aktualisiert'); setSuccess('Status erfolgreich aktualisiert');
// Refresh members list // Refresh members list
fetchMembers(); fetchMembers();
} catch (err) { } catch (err) {
@ -217,50 +256,50 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Handle CSV upload // Handle CSV upload
const handleUploadCSV = async (e: React.FormEvent) => { const handleUploadCSV = async (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
if (!fileInputRef.current?.files?.length) { if (!fileInputRef.current?.files?.length) {
setError('Bitte wählen Sie eine CSV-Datei aus'); setError('Bitte wählen Sie eine CSV-Datei aus');
return; return;
} }
const file = fileInputRef.current.files[0]; const file = fileInputRef.current.files[0];
if (!file.name.endsWith('.csv')) { if (!file.name.endsWith('.csv')) {
setError('Bitte wählen Sie eine CSV-Datei aus'); setError('Bitte wählen Sie eine CSV-Datei aus');
return; return;
} }
setIsLoading(true); setIsLoading(true);
setError(null); setError(null);
setSuccess(null); setSuccess(null);
try { try {
const formData = new FormData(); const formData = new FormData();
formData.append('file', file); formData.append('file', file);
const response = await fetch('/api/upload-members', { const response = await fetch('/api/upload-members', {
method: 'POST', method: 'POST',
body: formData, body: formData,
}); });
const data = await response.json(); const data = await response.json();
if (!response.ok) { if (!response.ok) {
throw new Error(data.error || 'Fehler beim Hochladen der Datei'); throw new Error(data.error || 'Fehler beim Hochladen der Datei');
} }
setSuccess(`${data.added} Mitglieder importiert, ${data.skipped} übersprungen`); setSuccess(`${data.added} Mitglieder importiert, ${data.skipped} übersprungen`);
setShowUploadForm(false); setShowUploadForm(false);
// Reset file input // Reset file input
if (fileInputRef.current) { if (fileInputRef.current) {
fileInputRef.current.value = ''; fileInputRef.current.value = '';
} }
// Refresh members list // Refresh members list
fetchMembers(); fetchMembers();
} catch (err) { } catch (err) {
@ -269,16 +308,16 @@ export default function MembersManager() {
setIsLoading(false); setIsLoading(false);
} }
}; };
// Filter members by search term // Filter members by search term
const filteredMembers = members.filter(member => const filteredMembers = members.filter(member =>
member.memberNumber.toLowerCase().includes(searchTerm.toLowerCase()) member.memberNumber.toLowerCase().includes(searchTerm.toLowerCase())
); );
return ( return (
<div> <div>
<h2 className="text-xl font-bold text-[#0057a6] mb-4">Mitgliederverwaltung</h2> <h2 className="text-xl font-bold text-[#0057a6] mb-4">Mitgliederverwaltung</h2>
{/* Stats */} {/* Stats */}
<div className="grid grid-cols-3 gap-4 mb-6"> <div className="grid grid-cols-3 gap-4 mb-6">
<div className="bg-[#e6f0fa] p-4 text-center"> <div className="bg-[#e6f0fa] p-4 text-center">
@ -294,7 +333,7 @@ export default function MembersManager() {
<div className="text-sm text-[#0057a6]">Nicht abgestimmt</div> <div className="text-sm text-[#0057a6]">Nicht abgestimmt</div>
</div> </div>
</div> </div>
{/* Actions */} {/* Actions */}
<div className="flex flex-wrap gap-2 mb-6"> <div className="flex flex-wrap gap-2 mb-6">
<button <button
@ -308,7 +347,7 @@ export default function MembersManager() {
> >
{showAddForm ? 'Abbrechen' : 'Mitglied hinzufügen'} {showAddForm ? 'Abbrechen' : 'Mitglied hinzufügen'}
</button> </button>
<button <button
onClick={() => { onClick={() => {
setShowUploadForm(!showUploadForm); setShowUploadForm(!showUploadForm);
@ -320,13 +359,20 @@ export default function MembersManager() {
> >
{showUploadForm ? 'Abbrechen' : 'CSV importieren'} {showUploadForm ? 'Abbrechen' : 'CSV importieren'}
</button> </button>
<button
onClick={handleDeleteAllMembers}
className="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded"
>
Alle Mitglieder löschen
</button>
</div> </div>
{/* Add Member Form */} {/* Add Member Form */}
{showAddForm && ( {showAddForm && (
<div className="bg-[#e6f0fa] p-4 mb-6"> <div className="bg-[#e6f0fa] p-4 mb-6">
<h3 className="font-medium text-[#0057a6] mb-3">Neues Mitglied hinzufügen</h3> <h3 className="font-medium text-[#0057a6] mb-3">Neues Mitglied hinzufügen</h3>
<form onSubmit={handleAddMember} className="space-y-3"> <form onSubmit={handleAddMember} className="space-y-3">
<div> <div>
<label htmlFor="newMemberNumber" className="block text-sm font-medium text-gray-700 mb-1"> <label htmlFor="newMemberNumber" className="block text-sm font-medium text-gray-700 mb-1">
@ -341,7 +387,7 @@ export default function MembersManager() {
required required
/> />
</div> </div>
<div> <div>
<label htmlFor="newPassword" className="block text-sm font-medium text-gray-700 mb-1"> <label htmlFor="newPassword" className="block text-sm font-medium text-gray-700 mb-1">
Passwort Passwort
@ -355,7 +401,7 @@ export default function MembersManager() {
required required
/> />
</div> </div>
<button <button
type="submit" type="submit"
disabled={isLoading} disabled={isLoading}
@ -366,12 +412,12 @@ export default function MembersManager() {
</form> </form>
</div> </div>
)} )}
{/* Upload CSV Form */} {/* Upload CSV Form */}
{showUploadForm && ( {showUploadForm && (
<div className="bg-[#e6f0fa] p-4 mb-6"> <div className="bg-[#e6f0fa] p-4 mb-6">
<h3 className="font-medium text-[#0057a6] mb-3">CSV-Datei importieren</h3> <h3 className="font-medium text-[#0057a6] mb-3">CSV-Datei importieren</h3>
<form onSubmit={handleUploadCSV} className="space-y-3"> <form onSubmit={handleUploadCSV} className="space-y-3">
<div> <div>
<label htmlFor="csvFile" className="block text-sm font-medium text-gray-700 mb-1"> <label htmlFor="csvFile" className="block text-sm font-medium text-gray-700 mb-1">
@ -389,7 +435,7 @@ export default function MembersManager() {
Die CSV-Datei sollte zwei Spalten enthalten: Mitgliedsnummer und Passwort. Die CSV-Datei sollte zwei Spalten enthalten: Mitgliedsnummer und Passwort.
</p> </p>
</div> </div>
<button <button
type="submit" type="submit"
disabled={isLoading} disabled={isLoading}
@ -400,16 +446,16 @@ export default function MembersManager() {
</form> </form>
</div> </div>
)} )}
{/* Messages */} {/* Messages */}
{error && ( {error && (
<div className="text-red-500 text-sm mb-4">{error}</div> <div className="text-red-500 text-sm mb-4">{error}</div>
)} )}
{success && ( {success && (
<div className="text-green-500 text-sm mb-4">{success}</div> <div className="text-green-500 text-sm mb-4">{success}</div>
)} )}
{/* Search */} {/* Search */}
<div className="mb-4"> <div className="mb-4">
<label htmlFor="search" className="block text-sm font-medium text-gray-700 mb-1"> <label htmlFor="search" className="block text-sm font-medium text-gray-700 mb-1">
@ -424,7 +470,7 @@ export default function MembersManager() {
className="w-full px-3 py-2 border border-gray-300 focus:outline-none focus:border-[#0057a6]" className="w-full px-3 py-2 border border-gray-300 focus:outline-none focus:border-[#0057a6]"
/> />
</div> </div>
{/* Members List */} {/* Members List */}
{isLoading && members.length === 0 ? ( {isLoading && members.length === 0 ? (
<div className="text-center p-4">Lade Mitglieder...</div> <div className="text-center p-4">Lade Mitglieder...</div>
@ -448,25 +494,24 @@ export default function MembersManager() {
<tr key={member.memberNumber} className="border-b border-gray-200 hover:bg-gray-50"> <tr key={member.memberNumber} className="border-b border-gray-200 hover:bg-gray-50">
<td className="p-2">{member.memberNumber}</td> <td className="p-2">{member.memberNumber}</td>
<td className="p-2 text-center"> <td className="p-2 text-center">
<span <span
className={`inline-block px-2 py-1 rounded text-xs ${ className={`inline-block px-2 py-1 rounded text-xs ${member.hasVoted
member.hasVoted ? 'bg-green-100 text-green-800'
? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'
: 'bg-yellow-100 text-yellow-800' }`}
}`}
> >
{member.hasVoted ? 'Abgestimmt' : 'Nicht abgestimmt'} {member.hasVoted ? 'Abgestimmt' : 'Nicht abgestimmt'}
</span> </span>
</td> </td>
<td className="p-2 text-center text-sm text-gray-600"> <td className="p-2 text-center text-sm text-gray-600">
{member.lastLogin {member.lastLogin
? new Date(member.lastLogin).toLocaleString('de-DE', { ? new Date(member.lastLogin).toLocaleString('de-DE', {
day: '2-digit', day: '2-digit',
month: '2-digit', month: '2-digit',
year: 'numeric', year: 'numeric',
hour: '2-digit', hour: '2-digit',
minute: '2-digit' minute: '2-digit'
}) })
: '-'} : '-'}
</td> </td>
<td className="p-2 text-right"> <td className="p-2 text-right">