Sainan 61450b04bb
feat(webui): add "Add Items" to acquire various items (#209)
Co-authored-by: Sainan <Sainan@users.noreply.github.com>
2024-05-09 22:34:47 +02:00

85 lines
4.3 KiB
HTML

<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<title>OpenWF WebUI</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
</head>
<body>
<div class="container pt-3 pb-3">
<h1>OpenWF WebUI</h1>
<div id="login-view">
<p>Login using your OpenWF account credentials.</p>
<form onsubmit="doLogin();return false;">
<label for="email">Email address</label>
<input class="form-control" type="email" id="email" required />
<br />
<label for="password">Password</label>
<input class="form-control" type="password" id="password" required />
<br />
<button class="btn btn-primary" type="submit">Login</button>
</form>
</div>
<div id="main-view" class="d-none">
<p>Hello, <b class="displayname"></b>! <a href="#" onclick="logout();">Logout</a></p>
<p class="mb-4">
Note: Changes made here will only be reflected in-game when the game re-downloads your inventory.
Visiting the navigation should be the easiest way to trigger that.
</p>
<div class="card mb-4">
<h5 class="card-header">Add Items</h5>
<form class="card-body input-group" onsubmit="doAcquireMiscItems();return false;">
<input class="form-control" id="miscitem-count" type="number" min="1" value="1" />
<input class="form-control" id="miscitem-type" list="datalist-miscitems" />
<button class="btn btn-primary" type="submit">Add</button>
</form>
</div>
<div class="row">
<div class="col-lg-6">
<div class="card mb-4">
<h5 class="card-header">Warframes</h5>
<div class="card-body">
<table class="table table-striped w-100">
<tbody id="warframe-list"></tbody>
</table>
<form class="input-group" onsubmit="doAcquireWarframe();return false;">
<input class="form-control" id="warframe-to-acquire" list="datalist-warframes" />
<button class="btn btn-primary" type="submit">Add</button>
</form>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card mb-4">
<h5 class="card-header">Weapons</h5>
<div class="card-body">
<table class="table table-striped w-100">
<tbody id="weapon-list"></tbody>
</table>
<form class="input-group" onsubmit="doAcquireWeapon();return false;">
<input class="form-control" id="weapon-to-acquire" list="datalist-weapons" />
<button class="btn btn-primary" type="submit">Add</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<datalist id="datalist-warframes"></datalist>
<datalist id="datalist-weapons"></datalist>
<datalist id="datalist-miscitems"></datalist>
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/gh/angeal185/whirlpool-js/dist/whirlpool-js.min.js"></script>
<script src="script.js"></script>
</body>
</html>