{% extends 'base.html' %}
{% block title %}Laptop-Browser · {{ source.domain }}{% endblock %}
{% block content %}
<h1>{{ source.domain }} über den Laptop erfassen</h1>
<p>Chrome ruft Seiten und Bilder mit deiner bestehenden Anmeldung ab. Der Server prüft die Bilder auf Thema und Mindestgröße. Website-Cookies bleiben auf deinem Laptop.</p>
{% if connection and connection.enabled %}
<p class="decision-receipt">Browser-Erfassung aktiviert. {% if connection.state == 'blocked' %}Die Erweiterung wartet auf deine Prüfung der Website.{% elif connection.last_seen_at %}Letzter Kontakt: {{ timestamp(connection.last_seen_at) }}. Ohne verbundenen Browser wartet diese Quelle.{% else %}Wartet auf die Verbindung vom Laptop.{% endif %}</p>
{% endif %}
{% if connection and connection.enabled and not pairing %}
<p><strong>Die Verbindung besteht bereits.</strong> Öffne „imgsrx Browser“ über das Erweiterungssymbol und klicke „Fortsetzen“. Deine Website-Anmeldung und der Verbindungscode bleiben erhalten. Einen neuen Code brauchst du nur, wenn du die Kopplung ersetzen möchtest.</p>
<details><summary>Erweiterung einrichten oder aktualisieren</summary>
{% endif %}
<ol>
<li>Lade auf deinem Laptop die <a href="/browser-extension.zip">Chrome-Erweiterung als ZIP</a> herunter und entpacke sie.</li>
<li>Öffne in Chrome <code>chrome://extensions</code>. Aktiviere oben rechts „Entwicklermodus“, klicke „Entpackte Erweiterung laden“ und wähle den entpackten Ordner <code>imgsrx-browser</code>.</li>
<li>Erzeuge unten einen Verbindungscode. Öffne über das Erweiterungssymbol „imgsrx Browser“, füge dort den Code ein und klicke „Verbinden“. Bestätige den Zugriff auf den Server und die Quellseite.</li>
<li>Melde dich im geöffneten Erfassungstab bei der Website an. Klicke dann im Steuerungstab der Erweiterung auf „Fortsetzen“ und lasse Chrome und den Erfassungstab geöffnet. Den Steuerungstab kannst du schließen.</li>
</ol>
<p>Bereits installiert? Die aktuelle ZIP in denselben Erweiterungsordner entpacken und in <code>chrome://extensions</code> bei „imgsrx Browser“ auf „Neu laden“ klicken. Version 0.2.1 behebt wiederholte Anmeldeseiten-Aufrufe. Beim Aktualisieren im selben Ordner bleibt die Kopplung erhalten.</p>
<p>Cloudflare-Prüfungen werden dir im Erfassungstab angezeigt. Bei einer Sperre wartet die Erweiterung auf dich. Nach Schließen von Chrome oder Verlust der Verbindung bleiben die Aufgaben auf dem Server erhalten. Andere Quellen laufen weiter.</p>
{% if connection and connection.enabled and not pairing %}</details>{% endif %}
{% if pairing %}
<label>Verbindungscode – ausschließlich in die Erweiterung kopieren<textarea id="browser-pairing" readonly rows="5" spellcheck="false">{{ pairing }}</textarea></label>
<p>Dieser Code gilt nur für diese Quelle. Ein neuer Code ersetzt den bisherigen.</p>
{% endif %}
{% if connection and connection.enabled and not pairing %}<details><summary>Verbindungscode ersetzen</summary><p>Nur für eine neue Kopplung. Dadurch wird der bisherige Code ungültig.</p>{% endif %}
<form method="post" action="/sources/{{ source.id }}/browser/connect"><input type="hidden" name="csrf" value="{{ csrf }}"><button>{{ 'Neuen Verbindungscode erzeugen' if connection and connection.enabled else 'Browser-Erfassung aktivieren und Code erzeugen' }}</button></form>
{% if connection and connection.enabled and not pairing %}</details>{% endif %}
{% if connection and connection.enabled %}
<form method="post" action="/sources/{{ source.id }}/browser/disconnect"><input type="hidden" name="csrf" value="{{ csrf }}"><button class="secondary">Browser-Verbindung entfernen und wieder vom Server abrufen</button></form>
{% endif %}
<p><a href="/sources?source_id={{ source.id }}#source-{{ source.id }}">Zur Quelle</a></p>
{% endblock %}