79 lines
3.0 KiB
HTML
79 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Opinionated Firearms Spawn List Builder</title>
|
|
<link rel="stylesheet" href="./styles.css">
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div>
|
|
<h1>Opinionated Firearms Spawn List Builder</h1>
|
|
<p>Edit firearm/attachment/magazine spawn enablement, placement lists, and spawn rates.</p>
|
|
</div>
|
|
<div class="actions">
|
|
<label class="file-button">
|
|
Load Catalog JSON
|
|
<input id="catalogFile" type="file" accept=".json,application/json">
|
|
</label>
|
|
<label class="file-button secondary">
|
|
Load Profile JSON
|
|
<input id="profileFile" type="file" accept=".json,application/json">
|
|
</label>
|
|
<button id="exportProfile" type="button">Export Profile JSON</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="status">
|
|
<span id="statusText">Load an extracted catalog JSON to begin.</span>
|
|
</section>
|
|
|
|
<main class="layout">
|
|
<section class="panel">
|
|
<div class="panel-head">
|
|
<h2>Items</h2>
|
|
<div class="filters">
|
|
<input id="searchInput" type="search" placeholder="Search item ID...">
|
|
<select id="categoryFilter">
|
|
<option value="all">All categories</option>
|
|
<option value="firearm">Firearms</option>
|
|
<option value="attachment">Attachments</option>
|
|
<option value="magazine">Magazines</option>
|
|
<option value="unknown">Unknown</option>
|
|
</select>
|
|
<select id="spawnFilter">
|
|
<option value="all">All spawn states</option>
|
|
<option value="enabled">Spawn enabled</option>
|
|
<option value="disabled">Spawn disabled</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Spawn</th>
|
|
<th>Item</th>
|
|
<th>Category</th>
|
|
<th>Spawn Loacation</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="itemTableBody"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel details-panel">
|
|
<div class="panel-head">
|
|
<h2>Selected Item</h2>
|
|
<button id="resetSelected" type="button">Reset to Catalog</button>
|
|
</div>
|
|
<div id="selectedDetails" class="details-empty">Select an item to edit placements and spawn rate.</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="./app.js"></script>
|
|
</body>
|
|
</html>
|