discord-media-server/public/setup.html

Self-hosted Discord bot for scanning and serving information on local media files.

<h1>Discord Media Server Setup</h1>
<form method="POST" action="/submit">
  <label>Discord Token: <input name="discordToken" required></label><br>
  <label>Discord Client ID: <input name="discordClientId"></label><br>
  <label>TMDb API Key: <input name="tmdbKey"></label><br>
  <label>Media Directory: <input name="mediaDirectory" value="/app/data/media" required></label><br>
  <label>DB Type: 
    <select name="dbType">
      <option value="sqlite">SQLite</option>
      <option value="mysql">MySQL</option>
    </select>
  </label><br>
  <label>DB Name: <input name="dbName" required></label><br>
  <div id="mysqlFields" style="display:none;">
    <label>DB Host: <input name="dbHost"></label><br>
    <label>DB User: <input name="dbUser"></label><br>
    <label>DB Pass: <input name="dbPass"></label><br>
  </div>
  <label>Web Port: <input name="port" value="8080"></label><br>
  <button type="submit">Save</button>
</form>
<script>
  const dbTypeSelect = document.querySelector('select[name="dbType"]');
  const mysqlFields = document.getElementById('mysqlFields');
  dbTypeSelect.addEventListener('change', () => {
    mysqlFields.style.display = dbTypeSelect.value === 'mysql' ? 'block' : 'none';
  });
</script>