311 lines
8.6 KiB
HTML
311 lines
8.6 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<title>My Web Page</title>
|
|
<meta charset="UTF-8" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="assets/bootstrap-5.3.8-dist/css/bootstrap.min.css"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="assets/css/custom.css"
|
|
/>
|
|
</head>
|
|
<body class="bg-light">
|
|
<div class="container mt-5">
|
|
<div class="row">
|
|
<!-- AuthForm-->
|
|
<div class="col-md-12">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Login Form</h4>
|
|
|
|
<form id="loginForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="username"
|
|
class="form-label"
|
|
>Username</label
|
|
>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="username"
|
|
placeholder="Enter username"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label
|
|
for="password"
|
|
class="form-label"
|
|
>Password</label
|
|
>
|
|
<input
|
|
type="password"
|
|
class="form-control"
|
|
id="password"
|
|
placeholder="Enter password"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-success"
|
|
>
|
|
Login
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- User Endpoint -->
|
|
<div class="container mt-5">
|
|
<h2 class="text-center mb-4">User endpoint</h2>
|
|
<div class="row">
|
|
<!-- Post User -->
|
|
<div class="col-md-6">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Username Form</h4>
|
|
|
|
<form id="usernameForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="desiredUsername"
|
|
class="form-label"
|
|
>Username</label
|
|
>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="desiredUsername"
|
|
placeholder="Enter username"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary"
|
|
>
|
|
Submit
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Delete User -->
|
|
<div class="col-md-6">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Delete User</h4>
|
|
|
|
<button
|
|
class="btn btn-danger"
|
|
onclick="handleDeleteUserSubmit(event)"
|
|
>
|
|
Delete User
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Score Endpoint -->
|
|
<div class="container mt-5">
|
|
<h2 class="text-center mb-4">Score endpoint</h2>
|
|
<div class="row">
|
|
<!-- Post Score -->
|
|
<div class="col-md-4">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Post Score</h4>
|
|
|
|
<form id="postScoreForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="score"
|
|
class="form-label"
|
|
>Score</label
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
id="score"
|
|
placeholder="Enter score"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label
|
|
for="time"
|
|
class="form-label"
|
|
>Time</label
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
id="time"
|
|
placeholder="Enter time"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label
|
|
for="text"
|
|
class="form-label"
|
|
>Text</label
|
|
>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="text"
|
|
placeholder="Enter text"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label
|
|
for="userWrittenText"
|
|
class="form-label"
|
|
>User Written Text</label
|
|
>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="userWrittenText"
|
|
placeholder="Enter text"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary"
|
|
>
|
|
Submit
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Get Score -->
|
|
<div class="col-md-4">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Get Score</h4>
|
|
|
|
<form id="getScoreForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="scoreUsername"
|
|
class="form-label"
|
|
>Score Username</label
|
|
>
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
id="scoreUsername"
|
|
placeholder="Enter score username"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary"
|
|
>
|
|
Get Score
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Delete Score -->
|
|
<div class="col-md-4">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Delete Score</h4>
|
|
|
|
<form id="deleteScoreForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="scoreId"
|
|
class="form-label"
|
|
>ScoreId</label
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
id="scoreId"
|
|
placeholder="Enter score ID"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-danger"
|
|
>
|
|
Delete Score
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Leaderboard Endpoint -->
|
|
<div class="container mt-5">
|
|
<h2 class="text-center mb-4">Leaderboard endpoint</h2>
|
|
<div class="row">
|
|
<!-- Get Leaderboard -->
|
|
<div class="col-md-12">
|
|
<div class="card p-4 shadow-sm">
|
|
<h4 class="mb-3">Get Leaderboard</h4>
|
|
|
|
<form id="getLeaderboardForm">
|
|
<div class="mb-3">
|
|
<label
|
|
for="offset"
|
|
class="form-label"
|
|
>Offset</label
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
id="offset"
|
|
placeholder="Enter offset"
|
|
/>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label
|
|
for="limit"
|
|
class="form-label"
|
|
>Limit</label
|
|
>
|
|
<input
|
|
type="number"
|
|
class="form-control"
|
|
id="limit"
|
|
placeholder="Enter Limit for Leaderboard"
|
|
/>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary"
|
|
>
|
|
Get Leaderboard
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="assets/bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/src/service/user-service.js"></script>
|
|
<script src="assets/src/service/score-service.js"></script>
|
|
<script src="assets/src/service/leaderboard-service.js"></script>
|
|
<script src="assets/src/service/config-service.js"></script>
|
|
<script src="assets/src/sites/exampleAPI.js"></script>
|
|
</body>
|
|
</html>
|