-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
351 lines (320 loc) · 20.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Palworld RESTAPI extension</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
z-index: 1500;
}
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
<symbol id="check2" viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z" />
</symbol>
<symbol id="circle-half" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z" />
</symbol>
<symbol id="moon-stars-fill" viewBox="0 0 16 16">
<path
d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" />
<path
d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z" />
</symbol>
<symbol id="sun-fill" viewBox="0 0 16 16">
<path
d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
</symbol>
</svg>
<div class="dropdown position-fixed bottom-0 end-0 mb-3 me-3 bd-mode-toggle">
<button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button"
aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (auto)">
<svg class="bi my-1 theme-icon-active" width="1em" height="1em">
<use href="#circle-half"></use>
</svg>
<span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
</button>
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light"
aria-pressed="false">
<svg class="bi me-2 opacity-50" width="1em" height="1em">
<use href="#sun-fill"></use>
</svg>
Light
<svg class="bi ms-auto d-none" width="1em" height="1em">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark"
aria-pressed="false">
<svg class="bi me-2 opacity-50" width="1em" height="1em">
<use href="#moon-stars-fill"></use>
</svg>
Dark
<svg class="bi ms-auto d-none" width="1em" height="1em">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto"
aria-pressed="true">
<svg class="bi me-2 opacity-50" width="1em" height="1em">
<use href="#circle-half"></use>
</svg>
Auto
<svg class="bi ms-auto d-none" width="1em" height="1em">
<use href="#check2"></use>
</svg>
</button>
</li>
</ul>
</div>
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
<div class="container-fluid">
<a class="navbar-brand" href="#">Palworld RESTAPI extension</a>
</div>
</nav>
<main class="container-fluid">
<div class="bg-body-tertiary p-4 m-4 rounded">
<div class="accordion" id="apiCallSettings">
<div class="accordion-item">
<h4 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Connection-settings
</button>
</h4>
<div id="collapseOne" class="accordion-collapse collapse show">
<div class="accordion-body">
<label for="baseUrl" class="form-label">Base URL</label>
<input type="text" class="form-control" id="baseUrl"
placeholder="http://localhost:8212/v1/api" value="http://localhost:8212/v1/api"
required="">
<div class="invalid-feedback">
Valid base url is required.
</div>
<label for="adminUsername" class="form-label">Admin username</label>
<input type="text" class="form-control" id="adminUsername" placeholder="admin" value="admin"
required="">
<div class="invalid-feedback">
Valid admin username is required.
</div>
<label for="adminPassword" class="form-label">Admin password</label>
<input type="text" class="form-control" id="adminPassword" placeholder="Your admin password"
value="adminPassword1" required="">
<div class="invalid-feedback">
Valid admin password is required.
</div>
</div>
</div>
</div>
<div class="accordion-item">
<h4 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Select an API to call
</button>
</h4>
<div id="collapseTwo" class="accordion-collapse collapse show">
<div class="accordion-body">
<input type="radio" class="btn-check" name="options-base" id="get-server-info"
autocomplete="off" checked>
<label class="btn" for="get-server-info">Get server info</label>
<input type="radio" class="btn-check" name="options-base" id="get-player-list"
autocomplete="off" disabled>
<label class="btn" for="get-player-list">Get player list</label>
<input type="radio" class="btn-check" name="options-base" id="get-server-settings"
autocomplete="off" disabled>
<label class="btn" for="get-server-settings">Get server settings</label>
<input type="radio" class="btn-check" name="options-base" id="post-announce-message"
autocomplete="off" disabled>
<label class="btn" for="post-announce-message">Announce message</label>
<input type="radio" class="btn-check" name="options-base" id="kick-player"
autocomplete="off" disabled>
<label class="btn" for="kick-player">Kick player</label>
<input type="radio" class="btn-check" name="options-base" id="ban-player"
autocomplete="off">
<label class="btn" for="ban-player">Ban player</label>
<input type="radio" class="btn-check" name="options-base" id="unban-player"
autocomplete="off">
<label class="btn" for="unban-player">Unban player</label>
<input type="radio" class="btn-check" name="options-base" id="save-world" autocomplete="off"
disabled>
<label class="btn" for="save-world">Save the world</label>
<input type="radio" class="btn-check" name="options-base" id="shutdown-server"
autocomplete="off" disabled>
<label class="btn" for="shutdown-server">Shutdown the server</label>
<input type="radio" class="btn-check" name="options-base" id="force-stop-server"
autocomplete="off" disabled>
<label class="btn" for="force-stop-server">Force stop the server</label>
</div>
</div>
</div>
</div>
<br />
<div class="d-grid gap-2">
<button class="btn btn-success" type="button">Send API request</button>
<button class="btn btn-success" type="button" disabled="">
<span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
<span role="status">Loading...</span>
</button>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Launch demo fullscreen modal
</button>
</div>
</div>
<div class="bg-body-tertiary p-4 m-4 rounded">
<h2>Result:</h2>
<div id="htop-output" style="display: inline-block">No result received yet</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-4" id="exampleModalFullscreenLabel">Full screen modal</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet congue nunc, sed rutrum
metus dignissim eu. Curabitur lobortis porttitor quam eget condimentum. Donec euismod, nibh
in molestie elementum, eros orci consectetur justo, a pretium quam augue ut nisi. Sed in
turpis ut lectus ultricies aliquet suscipit quis turpis. Praesent tincidunt, augue vitae
malesuada ullamcorper, neque ligula congue ipsum, et imperdiet libero felis vitae sapien.
Praesent auctor turpis vitae est blandit lacinia. Aliquam feugiat dolor massa, in gravida
dolor auctor dictum. Aenean commodo euismod elit vitae faucibus. Duis at lacinia sem.
Quisque magna libero, dapibus ac facilisis id, mollis quis sapien. Nam orci velit, blandit a
facilisis sit amet, faucibus ullamcorper quam. Nam elit tellus, imperdiet sit amet interdum
nec, gravida vitae velit. Donec et finibus sapien.</p>
<p>Sed ornare ac ipsum condimentum bibendum. Sed elementum orci nisl, nec gravida turpis
imperdiet id. Sed vel libero at turpis pretium vehicula. Praesent facilisis erat et
venenatis gravida. Curabitur in elit sit amet turpis viverra auctor. Integer urna elit,
venenatis nec posuere et, aliquam eget risus. Duis ac felis lacus.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut
mattis, mauris eget suscipit cursus, risus lectus porttitor purus, ac pellentesque felis leo
vitae nibh. Integer pretium dictum mi, vitae iaculis magna iaculis id. Cras ornare fringilla
nisi at interdum. Praesent cursus feugiat ligula, et ornare eros egestas sed. Sed commodo
dignissim nibh, ut dictum quam facilisis eget. Aliquam at ultrices mi. Vivamus sagittis
ullamcorper nulla, ut posuere libero scelerisque ac. Quisque vulputate tristique nunc, a
commodo eros volutpat ut. Duis non hendrerit felis. Nunc at ante eu leo vehicula lobortis.
Nunc interdum ipsum eu libero convallis, quis vestibulum purus tincidunt. Suspendisse
potenti. Suspendisse tincidunt felis id semper placerat. Cras at mauris ut quam aliquet
commodo.</p>
<p>Etiam magna ligula, dictum et nisi in, sodales commodo felis. Vivamus eleifend arcu sit amet
sodales venenatis. Praesent sed nulla et nisl blandit tincidunt. Nullam interdum arcu eu
neque ultrices, in sagittis nulla venenatis. Quisque risus metus, tempor sit amet libero at,
commodo interdum risus. In fringilla purus at laoreet suscipit. In vulputate libero quis
nunc congue, in pharetra orci sodales. Vivamus imperdiet nulla ante, vitae tristique leo
egestas sed. Praesent ullamcorper libero tincidunt ligula ultrices, a luctus neque cursus.
Nulla et sodales nisl, in sollicitudin tortor. Duis aliquet commodo nunc.</p>
<p>Nunc cursus ipsum in elementum posuere. Integer laoreet euismod neque, a commodo est
tincidunt sed. Integer efficitur lorem id ante sodales lobortis. Integer volutpat nunc in
lacinia imperdiet. Donec fringilla suscipit enim sit amet eleifend. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed volutpat est
auctor, tempus justo at, eleifend libero. Sed eget augue tempus, suscipit mi quis, sodales
dui. Cras ac tincidunt nunc, vel suscipit odio. Orci varius natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Quisque rhoncus aliquam purus, ut ultrices elit
imperdiet vehicula. Proin dui diam, elementum eget interdum at, faucibus eu nisl.
Suspendisse id elementum est. Sed in elit lectus. Suspendisse lobortis sem et mattis
ultrices.</p>
<p>Vivamus tempus rhoncus ipsum at posuere. Duis rutrum dui eu enim feugiat varius. Proin
gravida consectetur sem, non semper velit maximus id. Aenean interdum, diam ac mattis
mattis, velit ante rutrum lorem, vitae cursus tortor leo sit amet quam. Mauris ac imperdiet
neque. Phasellus vel ipsum quam. Aenean mattis, dui eget pellentesque tempor, eros ante
semper ex, et sagittis sem lacus in sem. Sed sem diam, tempus ac nunc vel, finibus congue
dolor. Pellentesque ac sem vitae justo pellentesque mattis ac et eros. Nullam aliquet arcu
vel elit varius, in pretium enim rutrum. Maecenas eu fermentum odio. Donec euismod
ullamcorper porttitor. Mauris maximus eget odio sit amet faucibus. Nunc imperdiet ex eget
eros porttitor, laoreet facilisis ex vulputate.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</main>
<footer class="footer mt-auto py-3 bg-body-tertiary">
<div class="container">
<span class="text-body-secondary">Place sticky footer content here.</span>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://getbootstrap.com/docs/5.3/assets/js/color-modes.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>