Refactor settings template to improve structure and enhance readability of room editor functionality

This commit is contained in:
Yaro Kasear 2025-07-17 14:04:28 -05:00
parent 34cdc17eee
commit 7fb117a95e

View file

@ -112,13 +112,19 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<form id="settingsForm">
<div class="container"> <div class="container">
<div class="card mb-3"> <ul class="nav nav-tabs">
<div class="card-body"> <li class="nav-item">
<h5 class="card-title"> <button class="nav-link active" id="inventory-tab" data-bs-toggle="tab" data-bs-target="#inventory-tab-pane"
Inventory Settings type="button">Inventory</button>
</h5> </li>
<li class="nav-item">
<button class="nav-link" id="location-tab" data-bs-toggle="tab" data-bs-target="#location-tab-pane"
type="button">Location</button>
</li>
</ul>
<div class="tab-content" id="tabContent">
<div class="tab-pane fade show active border border-top-0 p-3" id="inventory-tab-pane">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{ combos.render_combobox( {{ combos.render_combobox(
@ -138,10 +144,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="tab-pane fade border border-top-0 p-3" id="location-tab-pane">
<div class="card">
<div class="card-body">
<h5 class="card-title">Location Settings</h5>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
{{ combos.render_combobox( {{ combos.render_combobox(
@ -196,7 +199,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal fade" id="roomEditor" data-bs-backdrop="static" tabindex="-1"> <div class="modal fade" id="roomEditor" data-bs-backdrop="static" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
@ -233,8 +235,8 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal" <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="roomEditorCancelButton">{{
id="roomEditorCancelButton">{{ icons.render_icon('x-lg', 16) }}</button> icons.render_icon('x-lg', 16) }}</button>
{% set editorSaveLogic %} {% set editorSaveLogic %}
const modal = document.getElementById('roomEditor'); const modal = document.getElementById('roomEditor');
const name = document.getElementById('roomName').value.trim(); const name = document.getElementById('roomName').value.trim();
@ -277,7 +279,7 @@
</div> </div>
</div> </div>
</div> </div>
</form> </div>
{% endblock %} {% endblock %}
{% block script %} {% block script %}