marek/youtube-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Marek Lenczewski
2026-04-15 23:07:21 +02:00
parent 1ca4371ea0
commit f439231e3c
8 changed files with 133 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
browser_extension/config/popup.html
View File

@@ -2,15 +2,27 @@
<html>
<head>
<style>
body { width: 200px; padding: 10px; font-family: sans-serif; font-size: 14px; }
body { width: 220px; padding: 10px; font-family: sans-serif; font-size: 14px; }
h3 { margin: 0 0 8px; }
label { display: block; padding: 4px 0; cursor: pointer; }
.error { color: red; font-size: 12px; }
.section { margin-top: 12px; padding-top: 10px; border-top: 1px solid #ddd; }
.status { font-size: 12px; color: #555; margin-bottom: 6px; }
.status.ok { color: #2a7; }
.status.fail { color: #c33; }
button { width: 100%; padding: 6px; font-size: 13px; cursor: pointer; }
</style>
</head>
<body>
<h3>Profil</h3>
<div id="profiles"></div>
<div class="section">
<h3>Cookie-Sync</h3>
<div id="cookieStatus" class="status">noch nicht synchronisiert</div>
<button id="syncBtn">Jetzt synchronisieren</button>
</div>
<script src="popup.js"></script>
</body>
</html>

43
browser_extension/config/popup.js
View File

@@ -1,7 +1,9 @@
const SERVER_URL = "https://youtube.marha.de/profiles";
const container = document.getElementById("profiles");
const statusEl = document.getElementById("cookieStatus");
const syncBtn = document.getElementById("syncBtn");
async function load() {
async function loadProfiles() {
try {
const res = await fetch(SERVER_URL);
const profiles = await res.json();
@@ -27,4 +29,41 @@ async function load() {
}
}
load();
function formatAgo(iso) {
const diff = Date.now() - new Date(iso).getTime();
const mins = Math.floor(diff / 60000);
if (mins < 1) return "gerade eben";
if (mins < 60) return `vor ${mins} min`;
const hrs = Math.floor(mins / 60);
if (hrs < 24) return `vor ${hrs} h`;
const days = Math.floor(hrs / 24);
return `vor ${days} Tagen`;
}
async function refreshStatus() {
const { lastCookieSync } = await browser.storage.local.get("lastCookieSync");
if (!lastCookieSync) {
statusEl.className = "status";
statusEl.textContent = "noch nicht synchronisiert";
return;
}
if (lastCookieSync.ok) {
statusEl.className = "status ok";
statusEl.textContent = `OK (${lastCookieSync.count} Cookies, ${formatAgo(lastCookieSync.when)})`;
} else {
statusEl.className = "status fail";
statusEl.textContent = `Fehler: ${lastCookieSync.error}`;
}
}
syncBtn.addEventListener("click", async () => {
syncBtn.disabled = true;
syncBtn.textContent = "Syncing...";
await browser.runtime.sendMessage({ type: "sync-cookies" });
await refreshStatus();
syncBtn.disabled = false;
syncBtn.textContent = "Jetzt synchronisieren";
});
loadProfiles();
refreshStatus();