SpaceNinjaServer

A simple server for a small space ninja game

公开

关注 0 Fork 1 Star 0

XFEstudio/SpaceNinjaServer

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>

提交于 2025-09-22 04:42

父提交 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 });