Refactor settings template to improve structure and enhance readability of room editor functionality
This commit is contained in:
parent
34cdc17eee
commit
7fb117a95e
1 changed files with 119 additions and 117 deletions
|
@ -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 %}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue