shni/amayo
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Mejorar la visualización de servidores en la navegación del dashboard con iconos y fechas

Browse Source
This commit is contained in:
Shni
2025-10-14 23:50:47 -05:00
parent 05cd5c4dcc
commit 35769353fd
1 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/server/views/partials/dashboard_nav.ejs
View File

@@ -10,7 +10,12 @@
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<% if (user) { %> <% if (user) { %>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<img src="<%= user.avatar || '/assets/images/snap1.svg' %>" class="w-8 h-8 rounded-full" alt="avatar"> <%-- Mostrar avatar desde Discord CDN cuando sea posible --%>
<% if (user.id && user.avatar) { %>
<img src="https://cdn.discordapp.com/avatars/<%= user.id %>/<%= user.avatar %>.png" class="w-8 h-8 rounded-full" alt="avatar">
<% } else { %>
<img src="<%= user.avatar || '/assets/images/snap1.svg' %>" class="w-8 h-8 rounded-full" alt="avatar">
<% } %>
<span class="text-white"><%= user.username %></span> <span class="text-white"><%= user.username %></span>
</div> </div>
<div class="relative"> <div class="relative">
@@ -18,12 +23,22 @@
<span id="miniGuildName"><%= selectedGuildName || 'Seleccionar servidor' %></span> <span id="miniGuildName"><%= selectedGuildName || 'Seleccionar servidor' %></span>
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>
</button> </button>
<div id="miniGuildList" class="absolute right-0 mt-2 w-64 bg-white/6 backdrop-blur rounded-md p-2 hidden"> <div id="miniGuildList" class="absolute right-0 mt-2 w-72 bg-white/6 backdrop-blur rounded-md p-2 hidden">
<% if (guilds && guilds.length) { %> <% if (guilds && guilds.length) { %>
<% guilds.forEach(g => { %> <% guilds.forEach(g => { %>
<div class="p-2 rounded-md hover:bg-white/5 cursor-pointer text-white guild-item" data-id="<%= g.id %>"> <div class="p-2 rounded-md hover:bg-white/5 cursor-pointer text-white guild-item flex items-center gap-2 <%= selectedGuildId && selectedGuildId.toString() === g.id.toString() ? 'bg-white/8' : '' %>" data-id="<%= g.id %>">
<div class="text-sm font-medium"><%= g.name %></div> <%-- icono del servidor si viene (g.icon) --%>
<div class="text-xs text-slate-300"><%= g.id %></div> <% if (g.icon) { %>
<img src="https://cdn.discordapp.com/icons/<%= g.id %>/<%= g.icon %>.png" class="w-6 h-6 rounded-full" alt="icon">
<% } else { %>
<div class="w-6 h-6 rounded-full bg-white/8 flex items-center justify-center text-xs text-white">S</div>
<% } %>
<div class="flex-1">
<div class="text-sm font-medium"><%= g.name %></div>
<% if (g.addedAt || g.joinedAt) { %>
<div class="text-xs text-slate-300"><%= (g.addedAt || g.joinedAt) %></div>
<% } %>
</div>
</div> </div>
<% }) %> <% }) %>
<% } else { %> <% } else { %>