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

include name, icon and id in server tabs

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-10-02 19:15:54 +01:00
parent 443fb58d17
commit 14c2c1acca
2 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -121,7 +121,7 @@ function resolveServerStrings() {
$(".resolve-to-server-icon").attr( $(".resolve-to-server-icon").attr(
"src", "src",
`https://cdn.discordapp.com/icons/${selectedServer.id}/${selectedServer.icon}.webp?size=80` `https://cdn.discordapp.com/icons/${selectedServer.id}/${selectedServer.icon}.webp?size=80`
); ).attr("alt", selectedServer.name.split(' ').map(word => word.charAt(0)).join(''));
// Server names // Server names
$(".resolve-to-server-name").text(selectedServer.name); $(".resolve-to-server-name").text(selectedServer.name);

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

@ -101,41 +101,50 @@
<div class="col-12 bg-body-tertiary"> <div class="col-12 bg-body-tertiary">
<ul id="serverTabs" class="nav nav-pills py-3 text-start px-sm-3" role="tablist"> <ul id="serverTabs" class="nav nav-pills py-3 text-start px-sm-3" role="tablist">
<li class="nav-item me-auto">
<div class="d-flex align-items-center">
<img class="resolve-to-server-icon rounded-1 me-3 text-center" width="40">
<div>
<h5 class="resolve-to-server-name mb-0"></h5>
<h6 class="resolve-to-server-id small mb-0 text-body-secondary"></h6>
</div>
</div>
</li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="subscriptionsTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#subscriptionsTabPane" type="button" aria-controls="subscriptionsTabPane" aria-selected="false"> <button id="subscriptionsTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#subscriptionsTabPane" type="button" aria-controls="subscriptionsTabPane" aria-selected="false">
<i class="bi bi-layers me-2"></i> <i class="bi bi-layers"></i>
Subscriptions <span class="ms-2 d-none d-md-inline">Subscriptions</span>
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="filtersTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#filtersTabPane" type="button" aria-controls="filtersTabPane" aria-selected="false"> <button id="filtersTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#filtersTabPane" type="button" aria-controls="filtersTabPane" aria-selected="false">
<i class="bi bi-funnel me-2"></i> <i class="bi bi-funnel"></i>
Content Filters <span class="ms-2 d-none d-md-inline">Content Filters</span>
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button id="stylesTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#stylesTabPane" type="button" aria-controls="stylesTabPane" aria-selected="false"> <button id="stylesTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#stylesTabPane" type="button" aria-controls="stylesTabPane" aria-selected="false">
<i class="bi bi-border-style me-2"></i> <i class="bi bi-border-style"></i>
Message Styles <span class="ms-2 d-none d-md-inline">Message Styles</span>
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item me-0" role="presentation">
<button id="contentTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false"> <button id="contentTab" class="nav-link rounded-1" data-bs-toggle="tab" data-bs-target="#contentTabPane" type="button" aria-controls="contentTabPane" aria-selected="false">
<i class="bi bi-archive me-2"></i> <i class="bi bi-archive"></i>
Tracked Content <span class="ms-2 d-none d-md-inline">Tracked Content</span>
</button> </button>
</li> </li>
<li class="nav-item ms-auto"> <li class="nav-item d-none">
<div class="dropdown"> <div class="dropdown">
<button class="nav-link rounded-1 dropdown-toggle" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside"> <button class="nav-link rounded-1 dropdown-toggle" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside">
<i class="bi bi-gear"></i> <i class="bi bi-gear"></i>
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu rounded-1">
<li> <li>
<button type="button" class="dropdown-item">Delete Server Data</button> <button type="button" class="dropdown-item py-2">
</li> <i class="bi bi-trash3"></i>
<li> <span class="ms-2">Delete Server Data</span>
<button type="button" class="dropdown-item">Exit Server View</button> </button>
</li> </li>
</ul> </ul>
</div> </div>
@ -175,7 +184,7 @@
<li class="nav-item server-item" data-id="" data-guild-id=""> <li class="nav-item server-item" data-id="" data-guild-id="">
<button type="button" class="btn border-0 server-item-selector w-100 rounded-1 position-relative"> <button type="button" class="btn border-0 server-item-selector w-100 rounded-1 position-relative">
<div class="d-flex justify-content-start align-items-center w-100"> <div class="d-flex justify-content-start align-items-center w-100">
<img src="" alt="Guild Icon" class="rounded-1 small" width="45" height="45"> <img src="" alt="Guild Icon" class="rounded-1 small d-flex justify-content-center align-items-center" width="45" height="45">
<div class="server-item-labels small text-start ps-2 w-100 flex-shrink-1 overflow-hidden"> <div class="server-item-labels small text-start ps-2 w-100 flex-shrink-1 overflow-hidden">
<div class="js-guildName fw-bold text-truncate"></div> <div class="js-guildName fw-bold text-truncate"></div>
<div class="js-guildId text-truncate font-monospace"></div> <div class="js-guildId text-truncate font-monospace"></div>