Clean admin layout, drop scripts, keep admin out of tools list

This commit is contained in:
Nirodan
2026-01-22 12:31:19 +01:00
parent e3b34bfc47
commit 450e184cf3
4 changed files with 10 additions and 198 deletions
+1 -93
View File
@@ -4,16 +4,12 @@ import axios from '../services/api';
function AdminDashboard() {
const [users, setUsers] = useState([]);
const [websites, setWebsites] = useState([]);
const [scripts, setScripts] = useState([]);
const [loadingUsers, setLoadingUsers] = useState(true);
const [loadingSites, setLoadingSites] = useState(true);
const [loadingScripts, setLoadingScripts] = useState(true);
const [creatingUser, setCreatingUser] = useState(false);
const [creatingSite, setCreatingSite] = useState(false);
const [creatingScript, setCreatingScript] = useState(false);
const [formUser, setFormUser] = useState({ username: '', password: '', role: 'user' });
const [formSite, setFormSite] = useState({ name: '', url: '', description: '' });
const [formScript, setFormScript] = useState({ name: '', description: '', content: '' });
const [error, setError] = useState(null);
const fetchUsers = async () => {
@@ -41,22 +37,9 @@ function AdminDashboard() {
}
};
const fetchScripts = async () => {
try {
setLoadingScripts(true);
const res = await axios.get('/api/admin/scripts');
setScripts(res.data);
} catch (e) {
setError('Scripts konnten nicht geladen werden');
} finally {
setLoadingScripts(false);
}
};
useEffect(() => {
fetchUsers();
fetchWebsites();
fetchScripts();
}, []);
const createUser = async () => {
@@ -93,23 +76,6 @@ function AdminDashboard() {
}
};
const createScript = async () => {
if (!formScript.name || !formScript.content) {
setError('Name und Inhalt erforderlich');
return;
}
try {
setCreatingScript(true);
await axios.post('/api/admin/scripts', formScript);
setFormScript({ name: '', description: '', content: '' });
await fetchScripts();
} catch (e) {
setError(e.response?.data?.message || 'Script konnte nicht angelegt werden');
} finally {
setCreatingScript(false);
}
};
const updateRole = async (id, role) => {
try {
await axios.put(`/api/admin/users/${id}`, { role });
@@ -150,16 +116,6 @@ function AdminDashboard() {
}
};
const deleteScript = async (id) => {
if (!window.confirm('Script löschen?')) return;
try {
await axios.delete(`/api/admin/scripts/${id}`);
await fetchScripts();
} catch (e) {
setError('Konnte Script nicht löschen');
}
};
return (
<div className="main-content admin">
<div className="admin-header">
@@ -294,55 +250,7 @@ function AdminDashboard() {
)}
</div>
<div className="admin-card">
<h3>Python-Skripte</h3>
<div className="form-grid">
<label>
Name
<input
value={formScript.name}
onChange={(e) => setFormScript({ ...formScript, name: e.target.value })}
placeholder="Cleanup Job"
/>
</label>
<label>
Beschreibung
<input
value={formScript.description}
onChange={(e) => setFormScript({ ...formScript, description: e.target.value })}
placeholder="Kurzbeschreibung"
/>
</label>
<label>
Inhalt
<textarea
rows={6}
value={formScript.content}
onChange={(e) => setFormScript({ ...formScript, content: e.target.value })}
placeholder="#!/usr/bin/env python3\nprint('Hello')"
/>
</label>
</div>
<button onClick={createScript} disabled={creatingScript}> Script speichern</button>
{loadingScripts ? <p className="muted">Lade Scripts...</p> : (
<div className="table compact">
<div className="table-row table-headings">
<span>🐍 Script</span>
<span>Beschreibung</span>
<span className="actions">Aktionen</span>
</div>
{scripts.map((s) => (
<div className="table-row" key={s.id}>
<span className="user">{s.name}</span>
<span className="muted">{s.description}</span>
<span className="actions">
<button className="ghost danger" onClick={() => deleteScript(s.id)}>🗑</button>
</span>
</div>
))}
</div>
)}
</div>
{/* Scripts entfernt */}
</div>
{error && <p className="error">{error}</p>}
-3
View File
@@ -28,9 +28,6 @@ function ToolOverview() {
<p>Wähle ein Tool aus:</p>
<button onClick={() => navigate('/tools/md5')}>🔒 MD5 Tool</button><br /><br />
{role === 'admin' && (
<button onClick={() => navigate('/admin')}>🛠 Admin-Bereich</button>
)}
<h3 style={{ marginTop: '24px' }}>🌐 Externe Webseiten</h3>
{loadingWebsites ? (