sankalp
7431c8f050
Clarify role display names, refine admin role labeling, and update confirmation messages for better UX.
38 lines
3.9 KiB
HTML
38 lines
3.9 KiB
HTML
<div x-show="mobileSidebar" x-cloak class="fixed inset-0 z-40 lg:hidden">
|
|
<div x-show="mobileSidebar" x-transition:enter="transition-opacity duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" class="fixed inset-0 bg-black/50" @click="mobileSidebar = false"></div>
|
|
<div x-show="mobileSidebar" x-transition:enter="transition-transform duration-200" x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0" class="fixed inset-y-0 left-0 w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-700 z-50">
|
|
<div class="flex items-center justify-between px-6 h-16 border-b border-gray-200 dark:border-gray-700">
|
|
<div class="flex items-center gap-3">
|
|
{% if branding and branding.logo %}
|
|
<img src="{{ branding.logo.url }}" alt="{{ brand_name }}" class="h-8 w-auto">
|
|
{% else %}
|
|
<div class="w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold text-sm">{{ brand_name|first }}</div>
|
|
{% endif %}
|
|
<span class="text-lg font-semibold text-gray-900 dark:text-white">{{ brand_name }}</span>
|
|
</div>
|
|
<button @click="mobileSidebar = false" class="text-gray-400 hover:text-gray-600 dark:hover:text-white"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
<nav class="overflow-y-auto p-3 space-y-1 h-[calc(100%-4rem)]">
|
|
<p class="px-3 text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mt-2 mb-2">Project Management</p>
|
|
<a href="/dashboard/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-home w-5 text-center"></i><span>Dashboard</span></a>
|
|
<a href="/dashboard/projects/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-layer-group w-5 text-center"></i><span>Projects</span></a>
|
|
<a href="/dashboard/project-timeline/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-calendar-days w-5 text-center"></i><span>Project Timeline</span></a>
|
|
<a href="/dashboard/project-board/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-columns w-5 text-center"></i><span>Project Board</span></a>
|
|
<a href="/dashboard/tickets/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-ticket w-5 text-center"></i><span>Tickets</span></a>
|
|
<a href="/dashboard/ticket-timeline/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-calendar w-5 text-center"></i><span>Ticket Timeline</span></a>
|
|
<a href="/dashboard/epics/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-flag w-5 text-center"></i><span>Epics</span></a>
|
|
{% if request.user.is_admin %}
|
|
<p class="px-3 text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mt-6 mb-2">Administration</p>
|
|
<a href="/dashboard/roles/" class="dk-sidebar-link dk-sidebar-link-inactive" @click="mobileSidebar = false"><i class="fas fa-user-tag w-5 text-center"></i><span>Roles</span></a>
|
|
<a href="/dashboard/users/" class="dk-sidebar-link {% if '/users/' in request.path %}dk-sidebar-link-active{% else %}dk-sidebar-link-inactive{% endif %}" title="Users" @click="mobileSidebar = false">
|
|
<i class="fas fa-users w-5 text-center"></i><span class="flex-1">Users</span>
|
|
<span class="dk-badge bg-blue-600 text-white text-[10px]">{{ total_users }}</span>
|
|
</a>
|
|
{% endif %}
|
|
<p class="px-3 text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mt-6 mb-2">Analytics</p>
|
|
<a href="/dashboard/contributions/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-chart-bar w-5 text-center"></i><span>User Contributions</span></a>
|
|
<a href="/dashboard/leaderboard/" class="dk-sidebar-link dk-sidebar-link-inactive"><i class="fas fa-trophy w-5 text-center"></i><span>Leaderboard</span></a>
|
|
</nav>
|
|
</div>
|
|
</div>
|