5a607c8c8b
BATCH 3 - Frontend & UI: wrapper.tsx (Console Widget): - FIXED: API URL from .../ext/modpackchecker/check to .../check - Added 429 rate limit handling with user-friendly message UpdateBadge.tsx (Dashboard Badge): - Added 60-second TTL to global cache (was infinite) - Prevents stale data during client-side navigation admin/view.blade.php: - Disabled Discord webhook field (PRO TIER badge) - Disabled Check Interval field (PRO TIER badge) - Added support callout linking to Discord BATCH 4 - Documentation: README.md: - Fixed architecture diagram (server_uuid, status string) - Added app/Services/ModpackApiService.php to file structure - Fixed API endpoint URLs throughout - Updated installation for BuiltByBit (.blueprint package) - Updated 'Adding New Platform' instructions for Service pattern - Added Support section with Discord link - Changed license to explicit commercial terms NEW: CHANGELOG.md - Version history for future updates - Documents v1.0.0 features Reviewed by: Gemini AI (Architecture Consultant) Signed-off-by: Claude (Chronicler #63) <claude@firefrostgaming.com>
215 lines
9.1 KiB
PHP
215 lines
9.1 KiB
PHP
<form id="config-form" action="" method="POST">
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
showSaveButton();
|
|
});
|
|
|
|
function showSaveButton() {
|
|
const configForm = document.getElementById("config-form");
|
|
const saveOverlay = document.getElementById("save-overlay");
|
|
|
|
configForm.addEventListener("change", function() {
|
|
saveOverlay.style.display = "inline";
|
|
setTimeout(() => {
|
|
saveOverlay.style.bottom = "10px";
|
|
}, 100);
|
|
});
|
|
|
|
configForm.addEventListener("input", function() {
|
|
saveOverlay.style.display = "inline";
|
|
setTimeout(() => {
|
|
saveOverlay.style.bottom = "10px";
|
|
}, 100);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<!-- Save button overlay -->
|
|
<div id="save-overlay">
|
|
{{ csrf_field() }}
|
|
<button type="submit" name="_method" value="PATCH" class="btn btn-primary btn-sm">
|
|
Save Changes
|
|
</button>
|
|
</div>
|
|
<style>
|
|
#save-overlay {
|
|
display: none;
|
|
position: fixed;
|
|
transition: bottom 0.3s;
|
|
bottom: -200px;
|
|
right: 20px;
|
|
z-index: 500;
|
|
padding: 15px;
|
|
background: #1a1a2e;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
|
|
}
|
|
</style>
|
|
|
|
<!-- Header -->
|
|
<div class="row" style="margin-bottom: 20px;">
|
|
<div class="col-xs-12">
|
|
<div style="display: flex; align-items: center; gap: 15px;">
|
|
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #FF6B35, #4ECDC4); border-radius: 10px; display: flex; align-items: center; justify-content: center;">
|
|
<i class="fa fa-cube" style="font-size: 24px; color: white;"></i>
|
|
</div>
|
|
<div>
|
|
<h2 style="margin: 0; color: #fff;">ModpackChecker</h2>
|
|
<p style="margin: 0; color: #888;">4-Platform Modpack Version Monitoring</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- CurseForge API Key -->
|
|
<div class="col-xs-12 col-md-6">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa fa-key"></i> CurseForge API Key
|
|
</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="form-group">
|
|
<label class="control-label">API Key (BYOK)</label>
|
|
<input
|
|
type="password"
|
|
name="curseforge_api_key"
|
|
id="curseforge_api_key"
|
|
value="{{ $curseforge_api_key }}"
|
|
placeholder="$2a$10$..."
|
|
class="form-control"
|
|
autocomplete="off"
|
|
/>
|
|
<p class="text-muted small" style="margin-top: 8px;">
|
|
Get your free API key from
|
|
<a href="https://console.curseforge.com/" target="_blank">console.curseforge.com</a>.
|
|
Required for CurseForge modpack detection.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Check Interval (PRO TIER) -->
|
|
<div class="col-xs-12 col-md-6">
|
|
<div class="box box-info">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa fa-clock-o"></i> Check Interval
|
|
<span class="label label-warning" style="margin-left: 10px;">PRO TIER</span>
|
|
</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="form-group">
|
|
<label class="control-label">Automatic Check Frequency</label>
|
|
<select class="form-control" name="check_interval" id="check_interval" disabled>
|
|
<option value="daily" selected>Daily (24 Hours)</option>
|
|
<option value="12h">Every 12 Hours</option>
|
|
<option value="6h">Every 6 Hours</option>
|
|
</select>
|
|
<p class="text-muted small" style="margin-top: 8px;">
|
|
Standard tier is locked to daily cron checks.
|
|
Upgrade to Professional for more frequent automated checks.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<!-- Discord Webhook (PRO TIER) -->
|
|
<div class="col-xs-12 col-md-6">
|
|
<div class="box box-success">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa fa-bell"></i> Discord Notifications
|
|
<span class="label label-warning" style="margin-left: 10px;">PRO TIER</span>
|
|
</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<div class="form-group">
|
|
<label class="control-label">Webhook URL</label>
|
|
<input
|
|
type="url"
|
|
name="discord_webhook_url"
|
|
id="discord_webhook_url"
|
|
value="{{ $discord_webhook_url }}"
|
|
placeholder="https://discord.com/api/webhooks/..."
|
|
class="form-control"
|
|
disabled
|
|
/>
|
|
<p class="text-muted small" style="margin-top: 8px;">
|
|
Upgrade to Professional to receive automated update alerts in your Discord server.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Supported Platforms -->
|
|
<div class="col-xs-12 col-md-6">
|
|
<div class="box box-default">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">
|
|
<i class="fa fa-check-circle"></i> Supported Platforms
|
|
</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<ul style="list-style: none; padding: 0; margin: 0;">
|
|
<li style="padding: 8px 0; border-bottom: 1px solid #333;">
|
|
<i class="fa fa-fire" style="color: #f16436; width: 20px;"></i>
|
|
<strong>CurseForge</strong>
|
|
<span class="text-muted small">(Requires API Key)</span>
|
|
</li>
|
|
<li style="padding: 8px 0; border-bottom: 1px solid #333;">
|
|
<i class="fa fa-leaf" style="color: #1bd96a; width: 20px;"></i>
|
|
<strong>Modrinth</strong>
|
|
<span class="text-muted small">(No key required)</span>
|
|
</li>
|
|
<li style="padding: 8px 0; border-bottom: 1px solid #333;">
|
|
<i class="fa fa-cogs" style="color: #4a90d9; width: 20px;"></i>
|
|
<strong>Technic</strong>
|
|
<span class="text-muted small">(No key required)</span>
|
|
</li>
|
|
<li style="padding: 8px 0;">
|
|
<i class="fa fa-cube" style="color: #e04e39; width: 20px;"></i>
|
|
<strong>FTB (modpacks.ch)</strong>
|
|
<span class="text-muted small">(No key required)</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer Info -->
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="callout callout-info">
|
|
<h4><i class="fa fa-info-circle"></i> How It Works</h4>
|
|
<p style="margin-bottom: 0;">
|
|
ModpackChecker automatically detects modpacks via Egg Variables or file fingerprinting.
|
|
Set <code>MODPACK_PLATFORM</code> and <code>MODPACK_ID</code> in your server's startup variables
|
|
for the most reliable detection, or let the extension scan for <code>manifest.json</code> /
|
|
<code>modrinth.index.json</code> files.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Support -->
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="callout callout-warning">
|
|
<h4><i class="fa fa-life-ring"></i> Need Help?</h4>
|
|
<p style="margin-bottom: 0;">
|
|
Join our Discord for support: <a href="https://discord.firefrostgaming.com" target="_blank">discord.firefrostgaming.com</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|