XFE Git
XFE Studio Git
Git 首页 全局搜索
XFE 主站 文档 NuGet

XFESpaceNinjaServer

A simple server for a small space ninja game

公开
关注 0 Fork 0 Star 0
上游仓库： XFEstudio/SpaceNinjaServer
返回提交历史

XFEstudio/XFESpaceNinjaServer

chore(webui): stick from on top in acquire cards (#2802)

Also use `d-none` instead `style="display: none;"` in modular cards Reviewed-on: https://onlyg.it/OpenWF/SpaceNinjaServer/pulls/2802 Reviewed-by: Sainan <63328889+sainan@users.noreply.github.com> Co-authored-by: AMelonInsideLemon <166175391+AMelonInsideLemon@users.noreply.github.com> Co-committed-by: AMelonInsideLemon <166175391+AMelonInsideLemon@users.noreply.github.com>

6f8b14fb
AMelonInsideLemon <166175391+AMelonInsideLemon@users.noreply.github.com>
提交于
父提交 3d8aa60

代码差异

2 个文件 +157 -120
Modified static/webui/index.html +136 -94
@@ -180,33 +180,37 @@
180 180 <div class="col-lg-6">
181 181 <div class="card" style="height: 400px;">
182 182 <h5 class="card-header" data-loc="inventory_suits"></h5>
183 <div class="card-body overflow-auto">
183 <div class="card-body d-flex flex-column">
184 184 <form class="input-group mb-3" onsubmit="doAcquireEquipment('Suits');return false;">
185 185 <input class="form-control" id="acquire-type-Suits" list="datalist-Suits" />
186 186 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
187 187 </form>
188 <table class="table table-hover w-100">
189 <tbody id="Suits-list"></tbody>
190 </table>
188 <div class="overflow-auto">
189 <table class="table table-hover w-100">
190 <tbody id="Suits-list"></tbody>
191 </table>
192 </div>
191 193 </div>
192 194 </div>
193 195 </div>
194 196 <div class="col-lg-6">
195 197 <div class="card" style="height: 400px;">
196 198 <h5 class="card-header" data-loc="inventory_longGuns"></h5>
197 <div class="card-body overflow-auto">
199 <div class="card-body d-flex flex-column">
198 200 <form class="input-group mb-3" onsubmit="handleModularSelection('LongGuns');return false;">
199 201 <input class="form-control" id="acquire-type-LongGuns" list="datalist-LongGuns" />
200 202 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
201 203 </form>
202 <form class="input-group mb-3" id="modular-LongGuns" style="display: none;">
204 <form class="input-group mb-3 d-none" id="modular-LongGuns">
203 205 <input class="form-control" id="acquire-type-LongGuns-GUN_BARREL" list="datalist-ModularParts-GUN_BARREL" />
204 206 <input class="form-control" id="acquire-type-LongGuns-GUN_PRIMARY_HANDLE" list="datalist-ModularParts-GUN_PRIMARY_HANDLE" />
205 207 <input class="form-control" id="acquire-type-LongGuns-GUN_CLIP" list="datalist-ModularParts-GUN_CLIP" />
206 208 </form>
207 <table class="table table-hover w-100">
208 <tbody id="LongGuns-list"></tbody>
209 </table>
209 <div class="overflow-auto">
210 <table class="table table-hover w-100">
211 <tbody id="LongGuns-list"></tbody>
212 </table>
213 </div>
210 214 </div>
211 215 </div>
212 216 </div>
@@ -215,38 +219,42 @@
215 219 <div class="col-lg-6">
216 220 <div class="card" style="height: 400px;">
217 221 <h5 class="card-header" data-loc="inventory_pistols"></h5>
218 <div class="card-body overflow-auto">
222 <div class="card-body d-flex flex-column">
219 223 <form class="input-group mb-3" onsubmit="handleModularSelection('Pistols');return false;">
220 224 <input class="form-control" id="acquire-type-Pistols" list="datalist-Pistols" />
221 225 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
222 226 </form>
223 <form class="input-group mb-3" id="modular-Pistols" style="display: none;">
227 <form class="input-group mb-3 d-none" id="modular-Pistols">
224 228 <input class="form-control" id="acquire-type-Pistols-GUN_BARREL" list="datalist-ModularParts-GUN_BARREL" />
225 229 <input class="form-control" id="acquire-type-Pistols-GUN_SECONDARY_HANDLE" list="datalist-ModularParts-GUN_SECONDARY_HANDLE" />
226 230 <input class="form-control" id="acquire-type-Pistols-GUN_CLIP" list="datalist-ModularParts-GUN_CLIP" />
227 231 </form>
228 <table class="table table-hover w-100">
229 <tbody id="Pistols-list"></tbody>
230 </table>
232 <div class="overflow-auto">
233 <table class="table table-hover w-100">
234 <tbody id="Pistols-list"></tbody>
235 </table>
236 </div>
231 237 </div>
232 238 </div>
233 239 </div>
234 240 <div class="col-lg-6">
235 241 <div class="card" style="height: 400px;">
236 242 <h5 class="card-header" data-loc="inventory_melee"></h5>
237 <div class="card-body overflow-auto">
243 <div class="card-body d-flex flex-column">
238 244 <form class="input-group mb-3" onsubmit="handleModularSelection('Melee');return false;">
239 245 <input class="form-control" id="acquire-type-Melee" list="datalist-Melee" />
240 246 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
241 247 </form>
242 <form class="input-group mb-3" id="modular-Melee" style="display: none;">
248 <form class="input-group mb-3 d-none" id="modular-Melee">
243 249 <input class="form-control" id="acquire-type-Melee-BLADE" list="datalist-ModularParts-BLADE" />
244 250 <input class="form-control" id="acquire-type-Melee-HILT" list="datalist-ModularParts-HILT" />
245 251 <input class="form-control" id="acquire-type-Melee-HILT_WEIGHT" list="datalist-ModularParts-HILT_WEIGHT" />
246 252 </form>
247 <table class="table table-hover w-100">
248 <tbody id="Melee-list"></tbody>
249 </table>
253 <div class="overflow-auto">
254 <table class="table table-hover w-100">
255 <tbody id="Melee-list"></tbody>
256 </table>
257 </div>
250 258 </div>
251 259 </div>
252 260 </div>
@@ -255,28 +263,32 @@
255 263 <div class="col-lg-6">
256 264 <div class="card" style="height: 400px;">
257 265 <h5 class="card-header" data-loc="inventory_spaceSuits"></h5>
258 <div class="card-body overflow-auto">
266 <div class="card-body d-flex flex-column">
259 267 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceSuits');return false;">
260 268 <input class="form-control" id="acquire-type-SpaceSuits" list="datalist-SpaceSuits" />
261 269 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
262 270 </form>
263 <table class="table table-hover w-100">
264 <tbody id="SpaceSuits-list"></tbody>
265 </table>
271 <div class="overflow-auto">
272 <table class="table table-hover w-100">
273 <tbody id="SpaceSuits-list"></tbody>
274 </table>
275 </div>
266 276 </div>
267 277 </div>
268 278 </div>
269 279 <div class="col-lg-6">
270 280 <div class="card" style="height: 400px;">
271 281 <h5 class="card-header" data-loc="inventory_spaceGuns"></h5>
272 <div class="card-body overflow-auto">
282 <div class="card-body d-flex flex-column">
273 283 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceGuns');return false;">
274 284 <input class="form-control" id="acquire-type-SpaceGuns" list="datalist-SpaceGuns" />
275 285 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
276 286 </form>
277 <table class="table table-hover w-100">
278 <tbody id="SpaceGuns-list"></tbody>
279 </table>
287 <div class="overflow-auto">
288 <table class="table table-hover w-100">
289 <tbody id="SpaceGuns-list"></tbody>
290 </table>
291 </div>
280 292 </div>
281 293 </div>
282 294 </div>
@@ -285,28 +297,32 @@
285 297 <div class="col-lg-6">
286 298 <div class="card" style="height: 400px;">
287 299 <h5 class="card-header" data-loc="inventory_spaceMelee"></h5>
288 <div class="card-body overflow-auto">
300 <div class="card-body d-flex flex-column">
289 301 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SpaceMelee');return false;">
290 302 <input class="form-control" id="acquire-type-SpaceMelee" list="datalist-SpaceMelee" />
291 303 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
292 304 </form>
293 <table class="table table-hover w-100">
294 <tbody id="SpaceMelee-list"></tbody>
295 </table>
305 <div class="overflow-auto">
306 <table class="table table-hover w-100">
307 <tbody id="SpaceMelee-list"></tbody>
308 </table>
309 </div>
296 310 </div>
297 311 </div>
298 312 </div>
299 313 <div class="col-lg-6">
300 314 <div class="card" style="height: 400px;">
301 315 <h5 class="card-header" data-loc="inventory_mechSuits"></h5>
302 <div class="card-body overflow-auto">
316 <div class="card-body d-flex flex-column">
303 317 <form class="input-group mb-3" onsubmit="doAcquireEquipment('MechSuits');return false;">
304 318 <input class="form-control" id="acquire-type-MechSuits" list="datalist-MechSuits" />
305 319 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
306 320 </form>
307 <table class="table table-hover w-100">
308 <tbody id="MechSuits-list"></tbody>
309 </table>
321 <div class="overflow-auto">
322 <table class="table table-hover w-100">
323 <tbody id="MechSuits-list"></tbody>
324 </table>
325 </div>
310 326 </div>
311 327 </div>
312 328 </div>
@@ -315,40 +331,44 @@
315 331 <div class="col-lg-6">
316 332 <div class="card" style="height: 400px;">
317 333 <h5 class="card-header" data-loc="inventory_sentinels"></h5>
318 <div class="card-body overflow-auto">
334 <div class="card-body d-flex flex-column">
319 335 <form class="input-group mb-3" onsubmit="doAcquireEquipment('Sentinels');return false;">
320 336 <input class="form-control" id="acquire-type-Sentinels" list="datalist-Sentinels" />
321 337 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
322 338 </form>
323 <table class="table table-hover w-100">
324 <tbody id="Sentinels-list"></tbody>
325 </table>
339 <div class="overflow-auto">
340 <table class="table table-hover w-100">
341 <tbody id="Sentinels-list"></tbody>
342 </table>
343 </div>
326 344 </div>
327 345 </div>
328 346 </div>
329 347 <div class="col-lg-6">
330 348 <div class="card" style="height: 400px;">
331 349 <h5 class="card-header" data-loc="inventory_moaPets"></h5>
332 <div class="card-body overflow-auto">
350 <div class="card-body d-flex flex-column">
333 351 <form class="input-group mb-3" onsubmit="handleModularSelection('MoaPets');return false;">
334 352 <input class="form-control" id="acquire-type-MoaPets" list="datalist-MoaPets" />
335 353 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
336 354 </form>
337 <form class="input-group mb-3" id="modular-MoaPets-Moa" style="display: none;">
355 <form class="input-group mb-3 d-none" id="modular-MoaPets-Moa">
338 356 <input class="form-control" id="acquire-type-MoaPets-MOA_ENGINE" list="datalist-ModularParts-MOA_ENGINE" />
339 357 <input class="form-control" id="acquire-type-MoaPets-MOA_PAYLOAD" list="datalist-ModularParts-MOA_PAYLOAD" />
340 358 <input class="form-control" id="acquire-type-MoaPets-MOA_HEAD" list="datalist-ModularParts-MOA_HEAD" />
341 359 <input class="form-control" id="acquire-type-MoaPets-MOA_LEG" list="datalist-ModularParts-MOA_LEG" />
342 360 </form>
343 <form class="input-group mb-3" id="modular-MoaPets-Zanuka" style="display: none;">
361 <form class="input-group mb-3 d-none" id="modular-MoaPets-Zanuka">
344 362 <input class="form-control" id="acquire-type-MoaPets-ZANUKA_HEAD" list="datalist-ModularParts-ZANUKA_HEAD" />
345 363 <input class="form-control" id="acquire-type-MoaPets-ZANUKA_BODY" list="datalist-ModularParts-ZANUKA_BODY" />
346 364 <input class="form-control" id="acquire-type-MoaPets-ZANUKA_LEG" list="datalist-ModularParts-ZANUKA_LEG" />
347 365 <input class="form-control" id="acquire-type-MoaPets-ZANUKA_TAIL" list="datalist-ModularParts-ZANUKA_TAIL" />
348 366 </form>
349 <table class="table table-hover w-100">
350 <tbody id="MoaPets-list"></tbody>
351 </table>
367 <div class="overflow-auto">
368 <table class="table table-hover w-100">
369 <tbody id="MoaPets-list"></tbody>
370 </table>
371 </div>
352 372 </div>
353 373 </div>
354 374 </div>
@@ -357,36 +377,40 @@
357 377 <div class="col-lg-6">
358 378 <div class="card" style="height: 400px;">
359 379 <h5 class="card-header" data-loc="inventory_kubrowPets"></h5>
360 <div class="card-body overflow-auto">
380 <div class="card-body d-flex flex-column">
361 381 <form class="input-group mb-3" onsubmit="handleModularSelection('KubrowPets');return false;">
362 382 <input class="form-control" id="acquire-type-KubrowPets" list="datalist-KubrowPets" />
363 383 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
364 384 </form>
365 <form class="input-group mb-3" id="modular-KubrowPets-Catbrow" style="display: none;">
385 <form class="input-group mb-3 d-none" id="modular-KubrowPets-Catbrow">
366 386 <input class="form-control" id="acquire-type-KubrowPets-CATBROW_ANTIGEN" list="datalist-ModularParts-CATBROW_ANTIGEN" />
367 387 <input class="form-control" id="acquire-type-KubrowPets-CATBROW_MUTAGEN" list="datalist-ModularParts-CATBROW_MUTAGEN" />
368 388 </form>
369 <form class="input-group mb-3" id="modular-KubrowPets-Kubrow" style="display: none;">
389 <form class="input-group mb-3 d-none" id="modular-KubrowPets-Kubrow">
370 390 <input class="form-control" id="acquire-type-KubrowPets-KUBROW_ANTIGEN" list="datalist-ModularParts-KUBROW_ANTIGEN" />
371 391 <input class="form-control" id="acquire-type-KubrowPets-KUBROW_MUTAGEN" list="datalist-ModularParts-KUBROW_MUTAGEN" />
372 392 </form>
373 <table class="table table-hover w-100">
374 <tbody id="KubrowPets-list"></tbody>
375 </table>
393 <div class="overflow-auto">
394 <table class="table table-hover w-100">
395 <tbody id="KubrowPets-list"></tbody>
396 </table>
397 </div>
376 398 </div>
377 399 </div>
378 400 </div>
379 401 <div class="col-lg-6">
380 402 <div class="card" style="height: 400px;">
381 403 <h5 class="card-header" data-loc="inventory_sentinelWeapons"></h5>
382 <div class="card-body overflow-auto">
404 <div class="card-body d-flex flex-column">
383 405 <form class="input-group mb-3" onsubmit="doAcquireEquipment('SentinelWeapons');return false;">
384 406 <input class="form-control" id="acquire-type-SentinelWeapons" list="datalist-SentinelWeapons" />
385 407 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
386 408 </form>
387 <table class="table table-hover w-100">
388 <tbody id="SentinelWeapons-list"></tbody>
389 </table>
409 <div class="overflow-auto">
410 <table class="table table-hover w-100">
411 <tbody id="SentinelWeapons-list"></tbody>
412 </table>
413 </div>
390 414 </div>
391 415 </div>
392 416 </div>
@@ -395,26 +419,28 @@
395 419 <div class="col-lg-6">
396 420 <div class="card" style="height: 400px;">
397 421 <h5 class="card-header" data-loc="inventory_operatorAmps"></h5>
398 <div class="card-body overflow-auto">
422 <div class="card-body d-flex flex-column">
399 423 <form class="input-group mb-3" onsubmit="handleModularSelection('OperatorAmps');return false;">
400 424 <input class="form-control" id="acquire-type-OperatorAmps" list="datalist-OperatorAmps" />
401 425 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
402 426 </form>
403 <form class="input-group mb-3" id="modular-OperatorAmps" style="display: none;">
427 <form class="input-group mb-3 d-none" id="modular-OperatorAmps">
404 428 <input class="form-control" id="acquire-type-OperatorAmps-AMP_OCULUS" list="datalist-ModularParts-AMP_OCULUS" />
405 429 <input class="form-control" id="acquire-type-OperatorAmps-AMP_CORE" list="datalist-ModularParts-AMP_CORE" />
406 430 <input class="form-control" id="acquire-type-OperatorAmps-AMP_BRACE" list="datalist-ModularParts-AMP_BRACE" />
407 431 </form>
408 <table class="table table-hover w-100">
409 <tbody id="OperatorAmps-list"></tbody>
410 </table>
432 <div class="overflow-auto">
433 <table class="table table-hover w-100">
434 <tbody id="OperatorAmps-list"></tbody>
435 </table>
436 </div>
411 437 </div>
412 438 </div>
413 439 </div>
414 440 <div class="col-lg-6">
415 441 <div class="card" style="height: 400px;">
416 442 <h5 class="card-header" data-loc="inventory_hoverboards"></h5>
417 <div class="card-body overflow-auto">
443 <div class="card-body d-flex flex-column">
418 444 <form class="input-group mb-3" onsubmit="doAcquireModularEquipment('Hoverboards');return false;">
419 445 <input class="form-control" id="acquire-type-Hoverboards-HB_DECK" list="datalist-ModularParts-HB_DECK" />
420 446 <input class="form-control" id="acquire-type-Hoverboards-HB_ENGINE" list="datalist-ModularParts-HB_ENGINE" />
@@ -422,9 +448,11 @@
422 448 <input class="form-control" id="acquire-type-Hoverboards-HB_JET" list="datalist-ModularParts-HB_JET" />
423 449 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
424 450 </form>
425 <table class="table table-hover w-100">
426 <tbody id="Hoverboards-list"></tbody>
427 </table>
451 <div class="overflow-auto">
452 <table class="table table-hover w-100">
453 <tbody id="Hoverboards-list"></tbody>
454 </table>
455 </div>
428 456 </div>
429 457 </div>
430 458 </div>
@@ -433,28 +461,32 @@
433 461 <div class="col-lg-6">
434 462 <div class="card" style="height: 400px;">
435 463 <h5 class="card-header" data-loc="inventory_evolutionProgress"></h5>
436 <div class="card-body overflow-auto">
464 <div class="card-body d-flex flex-column">
437 465 <form class="input-group mb-3" onsubmit="doAcquireEvolution();return false;">
438 466 <input class="form-control" id="acquire-type-EvolutionProgress" list="datalist-EvolutionProgress" />
439 467 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
440 468 </form>
441 <table class="table table-hover w-100">
442 <tbody id="EvolutionProgress-list"></tbody>
443 </table>
469 <div class="overflow-auto">
470 <table class="table table-hover w-100">
471 <tbody id="EvolutionProgress-list"></tbody>
472 </table>
473 </div>
444 474 </div>
445 475 </div>
446 476 </div>
447 477 <div class="col-lg-6">
448 478 <div class="card" style="height: 400px;">
449 479 <h5 class="card-header" data-loc="inventory_Boosters"></h5>
450 <div class="card-body overflow-auto">
480 <div class="card-body d-flex flex-column">
451 481 <form class="input-group mb-3" onsubmit="doAcquireBoosters();return false;">
452 482 <input class="form-control" id="acquire-type-Boosters" list="datalist-Boosters" />
453 483 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
454 484 </form>
455 <table class="table table-hover w-100">
456 <tbody id="Boosters-list"></tbody>
457 </table>
485 <div class="overflow-auto">
486 <table class="table table-hover w-100">
487 <tbody id="Boosters-list"></tbody>
488 </table>
489 </div>
458 490 </div>
459 491 </div>
460 492 </div>
@@ -463,29 +495,33 @@
463 495 <div class="col-lg-6">
464 496 <div class="card" style="height: 400px;">
465 497 <h5 class="card-header" data-loc="inventory_flavourItems"></h5>
466 <div class="card-body overflow-auto">
498 <div class="card-body d-flex flex-column">
467 499 <form class="input-group mb-3" onsubmit="doAcquireEquipment('FlavourItems');return false;">
468 500 <input class="form-control" id="acquire-type-FlavourItems" list="datalist-FlavourItems" />
469 501 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
470 502 </form>
471 <table class="table table-hover w-100">
472 <tbody id="FlavourItems-list"></tbody>
473 </table>
503 <div class="overflow-auto">
504 <table class="table table-hover w-100">
505 <tbody id="FlavourItems-list"></tbody>
506 </table>
507 </div>
474 508 </div>
475 509 </div>
476 510 </div>
477 511 <div class="col-lg-6">
478 512 <div class="card" style="height: 400px;">
479 513 <h5 class="card-header" data-loc="inventory_shipDecorations"></h5>
480 <div class="card-body overflow-auto">
481 <form class="card-body input-group" onsubmit="doAcquireCountItems('ShipDecorations');return false;">
514 <div class="card-body d-flex flex-column">
515 <form class="input-group mb-3" onsubmit="doAcquireCountItems('ShipDecorations');return false;">
482 516 <input class="form-control" id="ShipDecorations-count" type="number" value="1" />
483 517 <input class="form-control w-50" id="acquire-type-ShipDecorations" list="datalist-ShipDecorations" />
484 518 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
485 519 </form>
486 <table class="table table-hover w-100">
487 <tbody id="ShipDecorations-list"></tbody>
488 </table>
520 <div class="overflow-auto">
521 <table class="table table-hover w-100">
522 <tbody id="ShipDecorations-list"></tbody>
523 </table>
524 </div>
489 525 </div>
490 526 </div>
491 527 </div>
@@ -552,28 +588,32 @@
552 588 <div class="col-lg-6">
553 589 <div class="card" style="height: 400px;">
554 590 <h5 class="card-header" data-loc="guildView_techProjects"></h5>
555 <div class="card-body overflow-auto">
591 <div class="card-body d-flex flex-column">
556 592 <form id="techProjects-form" class="input-group mb-3 d-none" onsubmit="addGuildTechProject();return false;">
557 593 <input class="form-control" id="acquire-type-TechProjects" list="datalist-TechProjects" />
558 594 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
559 595 </form>
560 <table class="table table-hover w-100">
561 <tbody id="TechProjects-list"></tbody>
562 </table>
596 <div class="overflow-auto">
597 <table class="table table-hover w-100">
598 <tbody id="TechProjects-list"></tbody>
599 </table>
600 </div>
563 601 </div>
564 602 </div>
565 603 </div>
566 604 <div class="col-lg-6">
567 605 <div class="card" style="height: 400px;">
568 606 <h5 class="card-header" data-loc="guildView_vaultDecoRecipes"></h5>
569 <div class="card-body overflow-auto">
607 <div class="card-body d-flex flex-column">
570 608 <form id="vaultDecoRecipes-form" class="input-group mb-3 d-none" onsubmit="addVaultDecoRecipe();return false;">
571 609 <input class="form-control" id="acquire-type-VaultDecoRecipes" list="datalist-VaultDecoRecipes" />
572 610 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
573 611 </form>
574 <table class="table table-hover w-100">
575 <tbody id="VaultDecoRecipes-list"></tbody>
576 </table>
612 <div class="overflow-auto">
613 <table class="table table-hover w-100">
614 <tbody id="VaultDecoRecipes-list"></tbody>
615 </table>
616 </div>
577 617 </div>
578 618 </div>
579 619 </div>
@@ -807,16 +847,18 @@
807 847 <p class="mb-3 inventory-update-note"></p>
808 848 <div class="row g-3">
809 849 <div class="col-md-6">
810 <div class="card">
850 <div class="card" style="height: 800px;">
811 851 <h5 class="card-header" data-loc="quests_list"></h5>
812 <div class="card-body">
852 <div class="card-body d-flex flex-column">
813 853 <form class="input-group mb-3" onsubmit="doAcquireEquipment('QuestKeys');return false;">
814 854 <input class="form-control" id="acquire-type-QuestKeys" list="datalist-QuestKeys" />
815 855 <button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
816 856 </form>
817 <table class="table table-hover w-100">
818 <tbody id="QuestKeys-list"></tbody>
819 </table>
857 <div class="overflow-auto">
858 <table class="table table-hover w-100">
859 <tbody id="QuestKeys-list"></tbody>
860 </table>
861 </div>
820 862 </div>
821 863 </div>
822 864 </div>
Modified static/webui/script.js +21 -26
@@ -2220,18 +2220,13 @@ function doAcquireModularEquipment(category, WeaponType) {
2220 2220 if (mainInput) {
2221 2221 mainInput.value = "";
2222 2222 if (category === "MoaPets") {
2223 const modularFieldsMoa = document.getElementById("modular-MoaPets-Moa");
2224 const modularFieldsZanuka = document.getElementById("modular-MoaPets-Zanuka");
2225 modularFieldsZanuka.style.display = "none";
2226 modularFieldsMoa.style.display = "none";
2223 document.getElementById("modular-MoaPets-Zanuka").classList.add("d-none");
2224 document.getElementById("modular-MoaPets-Moa").classList.add("d-none");
2227 2225 } else if (category === "KubrowPets") {
2228 const modularFieldsCatbrow = document.getElementById("modular-KubrowPets-Catbrow");
2229 const modularFieldsKubrow = document.getElementById("modular-KubrowPets-Kubrow");
2230 modularFieldsCatbrow.style.display = "none";
2231 modularFieldsKubrow.style.display = "none";
2226 document.getElementById("modular-KubrowPets-Catbrow").classList.add("d-none");
2227 document.getElementById("modular-KubrowPets-Kubrow").classList.add("d-none");
2232 2228 } else {
2233 const modularFields = document.getElementById("modular-" + category);
2234 modularFields.style.display = "none";
2229 document.getElementById("modular-" + category).classList.add("d-none");
2235 2230 }
2236 2231 }
2237 2232 requiredParts.forEach(part => {
@@ -3512,35 +3507,35 @@ function handleModularSelection(category) {
3512 3507 if (webUiModularWeapons.includes(key)) {
3513 3508 if (inventoryCategory === "MoaPets") {
3514 3509 if (key === "/Lotus/Types/Friendly/Pets/ZanukaPets/ZanukaPetPowerSuit") {
3515 modularFieldsMoa.style.display = "none";
3516 modularFieldsZanuka.style.display = "";
3510 modularFieldsMoa.classList.add("d-none");
3511 modularFieldsZanuka.classList.remove("d-none");
3517 3512 } else if (key === "/Lotus/Types/Friendly/Pets/MoaPets/MoaPetPowerSuit") {
3518 modularFieldsMoa.style.display = "";
3519 modularFieldsZanuka.style.display = "none";
3513 modularFieldsMoa.classList.remove("d-none");
3514 modularFieldsZanuka.classList.add("d-none");
3520 3515 }
3521 3516 } else if (inventoryCategory === "KubrowPets") {
3522 3517 if (key.endsWith("InfestedCatbrowPetPowerSuit")) {
3523 modularFieldsCatbrow.style.display = "";
3524 modularFieldsKubrow.style.display = "none";
3518 modularFieldsCatbrow.classList.remove("d-none");
3519 modularFieldsKubrow.classList.add("d-none");
3525 3520 } else if (key.endsWith("PredatorKubrowPetPowerSuit")) {
3526 modularFieldsCatbrow.style.display = "none";
3527 modularFieldsKubrow.style.display = "";
3521 modularFieldsCatbrow.classList.add("d-none");
3522 modularFieldsKubrow.classList.remove("d-none");
3528 3523 } else {
3529 modularFieldsCatbrow.style.display = "none";
3530 modularFieldsKubrow.style.display = "none";
3524 modularFieldsCatbrow.classList.add("d-none");
3525 modularFieldsKubrow.classList.add("d-none");
3531 3526 }
3532 3527 } else {
3533 modularFields.style.display = "";
3528 modularFields.classList.remove("d-none");
3534 3529 }
3535 3530 } else {
3536 3531 if (inventoryCategory === "MoaPets") {
3537 modularFieldsZanuka.style.display = "none";
3538 modularFieldsMoa.style.display = "none";
3532 modularFieldsMoa.classList.add("d-none");
3533 modularFieldsZanuka.classList.add("d-none");
3539 3534 } else if (inventoryCategory === "KubrowPets") {
3540 modularFieldsCatbrow.style.display = "none";
3541 modularFieldsKubrow.style.display = "none";
3535 modularFieldsCatbrow.classList.add("d-none");
3536 modularFieldsKubrow.classList.add("d-none");
3542 3537 } else {
3543 modularFields.style.display = "none";
3538 modularFields.classList.add("d-none");
3544 3539 }
3545 3540 }
3546 3541 });