thunderbird-paperless-connector/ui/options.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title data-i18n="optionsTitle">Paperless — Verbindung</title>
  <link rel="stylesheet" href="gemeinsam.css">
  <style>body { max-width: 620px; height: auto; }</style>
</head>
<body>
  <h1 data-i18n="optionsTitle">Paperless — Verbindung</h1>

  <fieldset>
    <legend data-i18n="optionsConnection">Zugang</legend>

    <label for="baseUrl" data-i18n="fieldBaseUrl">Basisadresse</label>
    <input type="text" id="baseUrl" placeholder="https://dms.example.org">
    <div class="hinweis" data-i18n="optionsHintUrl">
      Ohne abschließenden Schrägstrich. Nur http und https.
    </div>

    <label for="shareBaseUrl" data-i18n="fieldShareBaseUrl">
      Adresse für Freigabelinks (optional)
    </label>
    <input type="text" id="shareBaseUrl"
           placeholder="https://dms.example.org">
    <div class="hinweis" data-i18n="optionsHintShareUrl">
      Nur nötig, wenn der interne Zugang über einen abweichenden Port oder
      Namen läuft. Freigabelinks werden dann unter dieser Adresse gebaut,
      damit sie auch von außen funktionieren. Leer = Basisadresse.
    </div>

    <label for="token" data-i18n="fieldToken">API-Token</label>
    <input type="password" id="token">
    <div class="hinweis" data-i18n="optionsHintToken">
      Im Benutzerprofil von Paperless erzeugen. Ein eigener Token für diese
      Erweiterung lässt sich einzeln widerrufen.
    </div>

    <div style="margin-top:10px" class="zeile">
      <button id="pruefen" data-i18n="btnTest">Verbindung prüfen</button>
      <span id="status" class="hinweis"></span>
    </div>
    <div id="recht" class="hinweis" style="margin-top:6px"></div>
  </fieldset>

  <fieldset>
    <legend data-i18n="optionsBehaviour">Verhalten</legend>

    <label for="mailFormat" data-i18n="fieldMailFormat">
      Ganze E-Mails ablegen als
    </label>
    <select id="mailFormat">
      <option value="pdf" data-i18n="mailFormatPdf">
        PDF mit eingebettetem Original
      </option>
      <option value="eml" data-i18n="mailFormatEml">
        Rohformat (.eml)
      </option>
    </select>
    <div class="wahl" style="margin-top:6px">
      <input type="checkbox" id="pdfAnhaengeEinbetten" checked>
      <label for="pdfAnhaengeEinbetten" data-i18n="fieldPdfAttachments">
        Anhänge zusätzlich einzeln ins PDF einbetten
      </label>
    </div>
    <div class="zeile" style="margin-top:8px">
      <label for="pdfFormat" style="margin:0" data-i18n="fieldPdfFormat">
        Papierformat
      </label>
      <select id="pdfFormat" style="width:130px">
        <option value="a4">A4</option>
        <option value="a5">A5</option>
        <option value="letter">Letter</option>
        <option value="legal">Legal</option>
      </select>

      <label for="pdfSchriftgroesse" style="margin:0 0 0 10px"
             data-i18n="fieldPdfFontSize">
        Schriftgröße
      </label>
      <input type="number" id="pdfSchriftgroesse" min="7" max="16" step="1"
             style="width:68px">
      <span class="hinweis" data-i18n="optionsHintPdfFontSize">
        7 bis 16 Punkt
      </span>
    </div>

    <label style="margin-top:8px" data-i18n="fieldPdfMargins">
      Ränder in mm
    </label>
    <div class="masse">
      <span class="mass">
        <label for="pdfRandLinks" data-i18n="marginLeft">links</label>
        <input type="number" id="pdfRandLinks" min="0" max="60">
      </span>
      <span class="mass">
        <label for="pdfRandRechts" data-i18n="marginRight">rechts</label>
        <input type="number" id="pdfRandRechts" min="0" max="60">
      </span>
      <span class="mass">
        <label for="pdfRandOben" data-i18n="marginTop">oben</label>
        <input type="number" id="pdfRandOben" min="0" max="60">
      </span>
      <span class="mass">
        <label for="pdfRandUnten" data-i18n="marginBottom">unten</label>
        <input type="number" id="pdfRandUnten" min="0" max="60">
      </span>
    </div>

    <div class="hinweis" data-i18n="optionsHintMailFormat">
      Das PDF ist lesbar und durchsuchbar; HTML-Nachrichten werden dabei
      als Text gesetzt. Die Originalnachricht steckt als Datei im PDF, es
      geht also nichts verloren.
    </div>

    <label for="versionLabel" style="margin-top:8px"
           data-i18n="fieldVersionLabel">
      Bezeichnung neuer Versionen
    </label>
    <input type="text" id="versionLabel">
    <div class="hinweis" data-i18n="optionsHintLabel">
      {datum} wird durch das heutige Datum ersetzt.
    </div>

    <div class="zeile" style="margin-top:8px">
      <label for="shareDays" style="margin:0" data-i18n="fieldShareDays">
        Gültigkeit in Tagen
      </label>
      <input type="number" id="shareDays" min="0" max="3650" style="width:90px">
      <label for="shareTag" style="margin:0 0 0 12px" data-i18n="fieldShareTag">
        Tag beim Teilen
      </label>
      <input type="text" id="shareTag" style="width:160px">
    </div>

    <div class="hinweis" data-i18n="optionsHintTag">
      Tag beim Teilen leer lassen, um keine Kennzeichnung zu setzen.
    </div>

    <label for="ignorierteKleiner" style="margin-top:8px"
           data-i18n="fieldIgnoreSmaller">
      Anhänge vorab abwählen unter … Bytes
    </label>
    <input type="number" id="ignorierteKleiner" min="0" style="width:120px">
    <div class="hinweis" data-i18n="optionsHintIgnore">
      Signaturbilder und Logos sind meist kleiner als 8 KB. Sie lassen sich
      im Dialog jederzeit anhaken.
    </div>
  </fieldset>

  <div id="meldung" class="hinweis"></div>

  <div class="fuss">
    <button id="speichern" class="haupt" data-i18n="btnSave">Speichern</button>
  </div>

  <script type="module" src="options.js"></script>
</body>
</html>