discord-media-server
Version:
Self-hosted Discord bot for scanning and serving information on local media files.
67 lines (61 loc) • 2.57 kB
HTML
<html>
<head>
<title>Media Dashboard</title>
<script>
fetch('/api/env')
.then(res => res.json())
.then(env => {
document.querySelector('[name="mediaDirectory"]').value = env.MEDIA_DIR;
document.querySelector('[name="discordToken"]').value = env.DISCORD_TOKEN;
document.querySelector('[name="discordClientId"]').value = env.DISCORD_CLIENT_ID;
document.querySelector('[name="tmdbKey"]').value = env.TMDB_API_KEY;
document.querySelector('[name="dbName"]').value = env.DB_NAME;
document.querySelector('[name="dbType"]').value = env.DB_TYPE;
document.querySelector('[name="dbHost"]').value = env.DB_HOST;
document.querySelector('[name="dbUser"]').value = env.DB_USER;
document.querySelector('[name="dbPass"]').value = env.DB_PASS;
});
</script>
</head>
</body>
<header>
<img src="/logo.png" alt="Logo"><h1 style="display: inline; margin-left: 10px;">Discord Media Server Setup</h1>
</header>
<form method="POST" action="/submit">
<label>Media Directory: <input name="mediaDirectory" placeholder="/mnt/user/media" required></label><br>
<fieldset>
<legend>Database Information</legend>
<label>Type:
<select id="dbType" name="dbType">
<option value="sqlite">SQLite</option>
<option value="mysql">MySQL</option>
</select>
</label><br>
<label>Name: <input name="dbName"></label><br>
<div id="mysqlFields" style="display:none;">
<label>Host: <input name="dbHost"></label><br>
<label>User: <input name="dbUser"></label><br>
<label>Pass: <input name="dbPass" type="password"></label><br>
</div>
</fieldset>
<fieldset>
<legend>API Information</legend>
<label>Discord Bot Token: <input name="discordToken" type="password"></label><br>
<label>Discord Client ID: <input name="discordClientId" type="password"></label><br>
<label>TMDb API Key: <input name="tmdbKey" type="password"></label><br>
</fieldset>
<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';
});
document.addEventListener('DOMContentLoaded', function() {
});
</script>
</body>
</html>