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

default 'select a server' page enhancement
Some checks are pending
Build and Push Docker Image / build (push) Waiting to run
Details

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-08-12 23:55:31 +01:00
parent af1b32e96a
commit 029d6182aa
3 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/static/js/home/servers.js
View File

@ -137,9 +137,13 @@ function removeServerTemplate(serverPrimaryKey) {
// Open 'Add Server' Form Modal
$("#newServerBtn").on("click", function() {
$("#serverFormModal").modal("show");
newServerModal();
});
function newServerModal() {
$("#serverFormModal").modal("show");
}
// Submit 'Add Server' Form
$("#serverForm").on("submit", async function(event) {
event.preventDefault();

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

@ -22,13 +22,28 @@
</ul>
</div>
<div class="flex-grow-1 container-fluid bg-body overflow-y-auto" style="min-width: 0;">
<div id="noSelectedServer">
select a server
<div id="noSelectedServer" class="h-100 d-flex justify-content-center align-items-center">
<div class="text-center">
<img src="{% static '/images/pyrss_logo.webp' %}" alt="PYRSS Logo">
<h1 class="fw-bold mb-4">PYRSS</h1>
<div class="d-flex align-items-center flex-nowrap flex-column">
<p class="col-lg-8">Select or <a onclick="newServerModal();" class="text-link text-decoration-none" role="button">add a server</a> from the left hand menu to get started. For more help check the <a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="text-decoration-none" target="_blank">README</a>.</p>
<div class="col-lg-8">
<h5>Resources</h5>
<div class="hstack gap-3 justify-content-center">
<a href="https://gitea.corbz.dev/corbz/PYRSS-Website" class="text-body text-decoration-none" target="_blank"><i class="bi bi-git fs-3"></i></a>
<a href="https://en.wikipedia.org/wiki/RSS" class="text-body text-decoration-none" target="_blank"><i class="bi bi-rss-fill fs-3"></i></a>
<a href="https://discord.com/developers/docs/intro" class="text-body text-decoration-none" target="_blank"><i class="bi bi-discord fs-3"></i></a>
<a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="text-body text-decoration-none" target="_blank"><i class="bi bi-question-circle-fill fs-3"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="selectedServerContainer" class="row" style="display: none;">
<div class="col-12 bg-body-tertiary border-bottom">
<div class="px-3 py-4 d-flex justify-content-start align-items-center">
<img src="" alt="Selected Server Icon" class="rounded-3 selected-server-icon">
<img alt="Selected Server Icon" class="rounded-3 selected-server-icon">
<div class="ms-3" style="min-width: 0">
<h3 class="mb-0 selected-server-name text-truncate"></h3>
<h5 class="mb-0 selected-server-id text-truncate text-body-secondary"></h5>

4
apps/templates/includes/navbar.html
View File

@ -31,9 +31,9 @@
<ul class="dropdown-menu">
<li><h6 class="dropdown-header">@{{ request.user.username }}</h6></li>
<li>
<button type="button" class="dropdown-item" onclick="location.href = 'https://onesquareminesweeper.com/'">
<a href="https://gitea.corbz.dev/corbz/PYRSS-Website/src/branch/master/README.md" class="dropdown-item" target="_blank">
<i class="bi bi-question"></i><span class="ms-2">Help</span>
</button>
</a>
</li>
<li>
{% comment %}<!-- Logout only accepts POST requests -->{% endcomment %}