extension/options.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Options</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/bootstrap-overrides.css">
  <link rel="stylesheet" href="css/options.css">
  <script src="js/options.js" type="module"></script>
</head>

<body class="p-3">
  <div class="input-group">
    <span class="input-group-text">
      <label for="default_video_file_extension">
        Standard video-filändelse
      </label>
    </span>
    <input class="form-control" type="text" id="default_video_file_extension" spellcheck="false">
  </div>
  <p>Förslag: mkv, mp4</p>

  <div class="input-group">
    <span class="input-group-text">
      <label for="default_audio_file_extension">
        Standard audio-filändelse
      </label>
    </span>
    <input class="form-control" type="text" id="default_audio_file_extension" spellcheck="false">
  </div>
  <p>Förslag: mka, m4a, mp3, aac</p>

  <div class="input-group">
    <span class="input-group-text">
      <label for="ffmpeg_command">
        FFmpeg-sökväg
      </label>
    </span>
    <input class="form-control font-monospace" type="text" id="ffmpeg_command" spellcheck="false">
  </div>
  <p>
    Du kan lägga till extra argument här också.<br>
    <a target="_blank" href="https://ffmpeg.org/ffmpeg.html">Läs FFmpeg manualen.</a>
  </p>

  <div class="input-group">
    <span class="input-group-text">
      <label for="output_path">
        Sökväg där filer sparas
      </label>
    </span>
    <input class="form-control font-monospace" type="text" id="output_path" spellcheck="false">
  </div>
  <p>Sökväg där du vill spara dina filer. Använd en absolut sökväg för bästa resultat. Exempel:<br>
    <code id="example_output_path"></code><br><strong>Privatkopiera kan inte verifiera
      att det du skriver in här är korrekt, så använd det här bara om du vet vad du gör!</strong>
  </p>

  <div>
    <button class="btn btn-primary" id="save">Spara inställningar</button>
    <a class="ms-4" href="#" id="reset">Återställ inställningar</a>
  </div>
</body>

</html>