47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Facebook Post Tracker - Web Interface</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header>
|
||
<h1>📋 Facebook Post Tracker</h1>
|
||
<div class="profile-selector">
|
||
<label for="profileSelect">Dein Profil:</label>
|
||
<select id="profileSelect">
|
||
<option value="1">Profil 1</option>
|
||
<option value="2">Profil 2</option>
|
||
<option value="3">Profil 3</option>
|
||
<option value="4">Profil 4</option>
|
||
<option value="5">Profil 5</option>
|
||
</select>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="tabs">
|
||
<button class="tab-btn active" data-tab="pending">Offene Beiträge</button>
|
||
<button class="tab-btn" data-tab="all">Alle Beiträge</button>
|
||
</div>
|
||
|
||
<div id="loading" class="loading">Lade Beiträge...</div>
|
||
<div id="error" class="error" style="display: none;"></div>
|
||
|
||
<div id="postsContainer" class="posts-container"></div>
|
||
</div>
|
||
|
||
<div id="screenshotModal" class="screenshot-modal" hidden>
|
||
<div id="screenshotModalBackdrop" class="screenshot-modal__backdrop" aria-hidden="true"></div>
|
||
<div id="screenshotModalContent" class="screenshot-modal__content" role="dialog" aria-modal="true">
|
||
<button type="button" id="screenshotModalClose" class="screenshot-modal__close" aria-label="Schließen">×</button>
|
||
<img id="screenshotModalImage" alt="Screenshot zum Beitrag" />
|
||
</div>
|
||
</div>
|
||
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|