Create link.php
v1
This commit is contained in:
GitHub
@@ -0,0 +1,411 @@
|
|||||||
|
<?php
|
||||||
|
/***************************************************************
|
||||||
|
* Einseiten-Anwendung (index.php) für eine Linkliste
|
||||||
|
* mit Login-/Logout-Funktion und einfacher JSON-Datenspeicherung.
|
||||||
|
***************************************************************/
|
||||||
|
|
||||||
|
// ---------------------- Konfiguration -------------------------
|
||||||
|
session_start();
|
||||||
|
|
||||||
|
// Beispiel-Nutzer (Benutzername: admin / Passwort: demo)
|
||||||
|
$USER_CREDENTIALS = [
|
||||||
|
'admin' => 'gradio'
|
||||||
|
];
|
||||||
|
|
||||||
|
// Dateiname, in dem unsere Links gespeichert werden
|
||||||
|
$LINKS_FILE = __DIR__ . '/links.json';
|
||||||
|
|
||||||
|
// ---------------------- Funktionen ----------------------------
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Lädt die Linkliste aus dem JSON-File
|
||||||
|
*
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
|
function loadLinks($file)
|
||||||
|
{
|
||||||
|
if (!file_exists($file)) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
$jsonData = file_get_contents($file);
|
||||||
|
return json_decode($jsonData, true) ?? [];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Schreibt die Linkliste in das JSON-File
|
||||||
|
*
|
||||||
|
* @param array $linksArray
|
||||||
|
* @param string $file
|
||||||
|
*/
|
||||||
|
function saveLinks($linksArray, $file)
|
||||||
|
{
|
||||||
|
file_put_contents($file, json_encode($linksArray, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE));
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prüft, ob ein Nutzer eingeloggt ist.
|
||||||
|
*
|
||||||
|
* @return bool
|
||||||
|
*/
|
||||||
|
function isLoggedIn()
|
||||||
|
{
|
||||||
|
return isset($_SESSION['username']);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------- Login/Logout --------------------------
|
||||||
|
if (isset($_POST['action']) && $_POST['action'] === 'login') {
|
||||||
|
// Login-Formular wurde abgeschickt
|
||||||
|
$username = trim($_POST['username'] ?? '');
|
||||||
|
$password = trim($_POST['password'] ?? '');
|
||||||
|
|
||||||
|
// Check Benutzername und Passwort
|
||||||
|
global $USER_CREDENTIALS;
|
||||||
|
if (array_key_exists($username, $USER_CREDENTIALS) &&
|
||||||
|
$USER_CREDENTIALS[$username] === $password
|
||||||
|
) {
|
||||||
|
$_SESSION['username'] = $username;
|
||||||
|
} else {
|
||||||
|
$loginError = 'Falscher Benutzername oder Passwort!';
|
||||||
|
}
|
||||||
|
} elseif (isset($_POST['action']) && $_POST['action'] === 'logout') {
|
||||||
|
// Logout
|
||||||
|
session_destroy();
|
||||||
|
header("Location: {$_SERVER['PHP_SELF']}");
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------- Link-Management -----------------------
|
||||||
|
$links = loadLinks($LINKS_FILE);
|
||||||
|
|
||||||
|
// Link hinzufügen/bearbeiten/löschen nur, wenn eingeloggt
|
||||||
|
if (isLoggedIn()) {
|
||||||
|
|
||||||
|
// Link hinzufügen
|
||||||
|
if (isset($_POST['action']) && $_POST['action'] === 'add_link') {
|
||||||
|
$newTitle = trim($_POST['title'] ?? '');
|
||||||
|
$newUrl = trim($_POST['url'] ?? '');
|
||||||
|
|
||||||
|
if ($newTitle !== '' && $newUrl !== '') {
|
||||||
|
$links[] = [
|
||||||
|
'title' => $newTitle,
|
||||||
|
'url' => $newUrl
|
||||||
|
];
|
||||||
|
saveLinks($links, $LINKS_FILE);
|
||||||
|
header("Location: {$_SERVER['PHP_SELF']}");
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Link bearbeiten
|
||||||
|
if (isset($_POST['action']) && $_POST['action'] === 'edit_link') {
|
||||||
|
$editIndex = intval($_POST['index'] ?? -1);
|
||||||
|
$editTitle = trim($_POST['title'] ?? '');
|
||||||
|
$editUrl = trim($_POST['url'] ?? '');
|
||||||
|
|
||||||
|
if ($editIndex >= 0 && isset($links[$editIndex])) {
|
||||||
|
$links[$editIndex]['title'] = $editTitle;
|
||||||
|
$links[$editIndex]['url'] = $editUrl;
|
||||||
|
saveLinks($links, $LINKS_FILE);
|
||||||
|
header("Location: {$_SERVER['PHP_SELF']}");
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Link löschen
|
||||||
|
if (isset($_POST['action']) && $_POST['action'] === 'delete_link') {
|
||||||
|
$deleteIndex = intval($_POST['index'] ?? -1);
|
||||||
|
|
||||||
|
if ($deleteIndex >= 0 && isset($links[$deleteIndex])) {
|
||||||
|
array_splice($links, $deleteIndex, 1);
|
||||||
|
saveLinks($links, $LINKS_FILE);
|
||||||
|
header("Location: {$_SERVER['PHP_SELF']}");
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------- HTML-Ausgabe --------------------------
|
||||||
|
?>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Amateurfunk-Linkliste</title>
|
||||||
|
<style>
|
||||||
|
/* -------- Reset ein wenig anpassen -------- */
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
background: #f0f7ff;
|
||||||
|
color: #333;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Container und Layout -------- */
|
||||||
|
.container {
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
header, footer {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h1 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
color: #0066cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Amateurfunk-Logo/Text -------- */
|
||||||
|
header .radio-icon {
|
||||||
|
font-size: 2em;
|
||||||
|
color: #0066cc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Navigation / Login-Bereich -------- */
|
||||||
|
.nav, .login {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav form, .login form {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav button, .login button {
|
||||||
|
padding: 8px 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: #0066cc;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.nav button:hover, .login button:hover {
|
||||||
|
background-color: #004999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Linkliste -------- */
|
||||||
|
.links-list {
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links-list li {
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links-list li a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #0066cc;
|
||||||
|
word-wrap: break-word; /* Für Mobile besser bei langen URLs */
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-buttons {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
.admin-buttons form {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-buttons button {
|
||||||
|
background-color: #ff6600;
|
||||||
|
padding: 5px 8px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.admin-buttons button:hover {
|
||||||
|
background-color: #d45500;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Formulare (Hinzufügen/Bearbeiten) -------- */
|
||||||
|
.form-container {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container h2 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container label {
|
||||||
|
display: block;
|
||||||
|
margin: 10px 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container input[type="text"],
|
||||||
|
.form-container input[type="url"],
|
||||||
|
.form-container input[type="password"] {
|
||||||
|
width: 100%;
|
||||||
|
padding: 8px;
|
||||||
|
border: 1px solid #bbb;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .submit-button {
|
||||||
|
background-color: #0066cc;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .submit-button:hover {
|
||||||
|
background-color: #004999;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Fehlermeldung -------- */
|
||||||
|
.error {
|
||||||
|
color: red;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Footer -------- */
|
||||||
|
footer {
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------- Responsives Design -------- */
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.nav, .login {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<header>
|
||||||
|
<div class="radio-icon">📻</div>
|
||||||
|
<h1>Amateurfunk-Linkliste</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Login/Logout -->
|
||||||
|
<?php if (!isLoggedIn()) : ?>
|
||||||
|
<div class="login">
|
||||||
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
||||||
|
<?php if (!empty($loginError)): ?>
|
||||||
|
<div class="error"><?php echo $loginError; ?></div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<input type="hidden" name="action" value="login">
|
||||||
|
|
||||||
|
<label for="username">Benutzername</label>
|
||||||
|
<input type="text" name="username" id="username" required>
|
||||||
|
|
||||||
|
<label for="password">Passwort</label>
|
||||||
|
<input type="password" name="password" id="password" required>
|
||||||
|
|
||||||
|
<button type="submit">Login</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<?php else : ?>
|
||||||
|
<div class="nav">
|
||||||
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
||||||
|
<input type="hidden" name="action" value="logout">
|
||||||
|
<button type="submit">Logout (<?php echo htmlspecialchars($_SESSION['username']); ?>)</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<!-- Linkliste anzeigen -->
|
||||||
|
<ul class="links-list">
|
||||||
|
<?php foreach ($links as $index => $link): ?>
|
||||||
|
<li>
|
||||||
|
<a href="<?php echo htmlspecialchars($link['url']); ?>" target="_blank">
|
||||||
|
<?php echo htmlspecialchars($link['title']); ?>
|
||||||
|
</a>
|
||||||
|
<?php if (isLoggedIn()) : ?>
|
||||||
|
<div class="admin-buttons">
|
||||||
|
<!-- Edit Button -->
|
||||||
|
<button onclick="document.getElementById('editForm<?php echo $index; ?>').style.display='block'">
|
||||||
|
Bearbeiten
|
||||||
|
</button>
|
||||||
|
<!-- Delete Form -->
|
||||||
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" style="display:inline;">
|
||||||
|
<input type="hidden" name="action" value="delete_link">
|
||||||
|
<input type="hidden" name="index" value="<?php echo $index; ?>">
|
||||||
|
<button type="submit" onclick="return confirm('Diesen Link wirklich löschen?');">
|
||||||
|
Löschen
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bearbeiten-Formular (wird per Knopfdruck eingeblendet) -->
|
||||||
|
<div class="form-container" id="editForm<?php echo $index; ?>" style="display:none;">
|
||||||
|
<h2>Link bearbeiten</h2>
|
||||||
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
||||||
|
<input type="hidden" name="action" value="edit_link">
|
||||||
|
<input type="hidden" name="index" value="<?php echo $index; ?>">
|
||||||
|
|
||||||
|
<label for="editTitle<?php echo $index; ?>">Titel</label>
|
||||||
|
<input type="text"
|
||||||
|
name="title"
|
||||||
|
id="editTitle<?php echo $index; ?>"
|
||||||
|
value="<?php echo htmlspecialchars($link['title']); ?>"
|
||||||
|
required>
|
||||||
|
|
||||||
|
<label for="editUrl<?php echo $index; ?>">URL</label>
|
||||||
|
<input type="url"
|
||||||
|
name="url"
|
||||||
|
id="editUrl<?php echo $index; ?>"
|
||||||
|
value="<?php echo htmlspecialchars($link['url']); ?>"
|
||||||
|
required>
|
||||||
|
|
||||||
|
<button type="submit" class="submit-button">Speichern</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Formular zum Link hinzufügen (nur für eingeloggte Nutzer) -->
|
||||||
|
<?php if (isLoggedIn()) : ?>
|
||||||
|
<div class="form-container">
|
||||||
|
<h2>Neuen Link hinzufügen</h2>
|
||||||
|
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
||||||
|
<input type="hidden" name="action" value="add_link">
|
||||||
|
|
||||||
|
<label for="newTitle">Titel</label>
|
||||||
|
<input type="text" name="title" id="newTitle" required>
|
||||||
|
|
||||||
|
<label for="newUrl">URL</label>
|
||||||
|
<input type="url" name="url" id="newUrl" required>
|
||||||
|
|
||||||
|
<button type="submit" class="submit-button">Hinzufügen</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© <?php echo date('Y'); ?> Amateurfunk-Linkliste.</p>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user