corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

settings modal

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-08-14 22:43:42 +01:00
parent 90a4a648fb
commit 5711c3bef9
3 changed files with 38 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/static/js/home/settings.js
View File

@ -14,7 +14,16 @@ $(document).on("selectedServerChange", async function() {
updateColourInput("defaultEmbedColour", "#" + server.default_embed_colour);
});
$("#serverSettingsBtn").on("click", async function() {
await showServerSettingsModal();
});
async function showServerSettingsModal() {
const server = getCurrentlyActiveServer();
$("#serverSettingsModal").modal("show");
}
$("#serverSettingsForm").on("submit", function(e) {
e.preventDefault();
alert("not implemented");
})
})

20
apps/templates/home/includes/settingsmodal.html Normal file
View File

@ -0,0 +1,20 @@
<div id="serverSettingsModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content rounded-1">
<form id="serverSettingsForm" class="mb-0" novalidate>
<div class="modal-header">
<h5 class="modal-title ms-2">
<span class="resolve-to-server-name"></span> Settings
</h5>
</div>
<div class="modal-body p-4">
test
</div>
<div class="modal-footer px-4">
<button type="submit" class="btn btn-primary rounded-1 me-3 ms-0">Save Changes</button>
<button type="button" class="btn btn-secondary rounded-1 me-3 ms-0" data-bs-dismiss="modal">Cancel</button>
</div>
</form>
</div>
</div>
</div>

12
apps/templates/home/index.html
View File

@ -49,7 +49,10 @@
<h5 class="mb-0 resolve-to-server-id text-truncate text-body-secondary"></h5>
</div>
<div class="ms-auto">
<button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Close this server">
<button type="button" id="serverSettingsBtn" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Server settings">
<i class="bi bi-gear"></i>
</button>
<button type="button" id="deleteSelectedServerBtn" class="btn btn-outline-danger rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Close server">
<i class="bi bi-x-lg"></i>
</button>
<button type="button" id="backToSelectServer" class="btn btn-outline-secondary rounded-1 ms-3" data-bs-toggle="tooltip" data-bs-title="Go back">
@ -82,9 +85,9 @@
<li class="nav-item" role="presentation">
<button id="contentTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false">Tracked Content</button>
</li>
<li class="nav-item ms-auto" role="presentation">
<!-- <li class="nav-item ms-auto" role="presentation">
<button id="settingsTab" class="nav-link" data-bs-toggle="tab" data-bs-target="#settingsTabPane" type="button" aria-controls="settingsTabPane" aria-selected="false">Settings</button>
</li>
</li> -->
</ul>
</div>
@ -93,7 +96,7 @@
<div id="subscriptionsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="subscriptionsTab" tabindex="0"></div>
<div id="filtersTabPane" class="tab-pane fade includes-table includes-table-controls includes-table-search" role="tabpanel" aria-labelledby="filtersTab" tabindex="0"> </div>
<div id="contentTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="contentTab" tabindex="0"></div>
<div id="settingsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="settingsTab" tabindex="0">{% include "home/includes/settingstab.html" %}</div>
<!-- <div id="settingsTabPane" class="tab-pane fade" role="tabpanel" aria-labelledby="settingsTab" tabindex="0">{% include "home/includes/settingstab.html" %}</div> -->
</div>
</div>
</div>
@ -104,6 +107,7 @@
{% include "home/includes/submodal.html" %}
{% include "home/includes/filtermodal.html" %}
{% include "home/includes/deletemodal.html" %}
{% include "home/includes/settingsmodal.html" %}
{% endblock content %}
{% block javascript %}