aminhashemi92/shafafiyat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add profile drop down and clean up sidebar

Browse source
This commit is contained in:
aminhashemi92 2025-09-07 11:43:46 +03:30
parent 525a2a9378
commit 7a153c46e6
6 changed files with 50 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

85
templates/navbars/admin.html
View file

@ -35,7 +35,7 @@ id="layout-navbar">
<!-- /Language -->
<!-- Quick links -->
<li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
<li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0 d-none">
<a class="nav-link dropdown-toggle hide-arrow" href="#" data-bs-toggle="dropdown"
data-bs-auto-close="outside" aria-expanded="false">
<i class='bx bx-grid-alt bx-sm'></i>
@ -127,17 +127,17 @@ id="layout-navbar">
<ul class="dropdown-menu dropdown-menu-end dropdown-styles">
<li>
<a class="dropdown-item" href="#" data-theme="light">
<span class="align-middle"><i class='bx bx-sun me-2'></i>Light</span>
<span class="align-middle"><i class='bx bx-sun me-2'></i>روشن</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#" data-theme="dark">
<span class="align-middle"><i class="bx bx-moon me-2"></i>Dark</span>
<span class="align-middle"><i class="bx bx-moon me-2"></i>تاریک</span>
</a>
</li>
<li>
<a class="dropdown-item" href="#" data-theme="system">
<span class="align-middle"><i class="bx bx-desktop me-2"></i>System</span>
<span class="align-middle"><i class="bx bx-desktop me-2"></i>سیستم</span>
</a>
</li>
</ul>
@ -146,7 +146,7 @@ id="layout-navbar">
<!-- Notification -->
<li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1">
<li class="nav-item dropdown-notifications navbar-dropdown dropdown me-3 me-xl-1 d-none">
<a class="nav-link dropdown-toggle hide-arrow" href="#" data-bs-toggle="dropdown"
data-bs-auto-close="outside" aria-expanded="false">
<i class="bx bx-bell bx-sm"></i>
@ -306,24 +306,6 @@ id="layout-navbar">
</div>
</div>
</li>
<li class="list-group-item list-group-item-action dropdown-notifications-item marked-as-read">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar">
<span class="avatar-initial rounded-circle bg-label-warning"><i class="bx bx-error"></i></span>
</div>
</div>
<div class="flex-grow-1">
<h6 class="mb-1">CPU is running high</h6>
<p class="mb-0">CPU Utilization Percent is currently at 88.63%,</p>
<small class="text-muted">5 days ago</small>
</div>
<div class="flex-shrink-0 dropdown-notifications-actions">
<a href="javascript:void(0)" class="dropdown-notifications-read"><span class="badge badge-dot"></span></a>
<a href="javascript:void(0)" class="dropdown-notifications-archive"><span class="bx bx-x"></span></a>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown-menu-footer border-top p-3">
@ -332,25 +314,36 @@ id="layout-navbar">
</ul>
</li>
<!--/ Notification -->
<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
<a class="nav-link dropdown-toggle hide-arrow" href="#" data-bs-toggle="dropdown">
<div class="avatar avatar-online">
<img src="{% static 'assets/img/avatars/1.png' %}" alt class="w-px-40 h-auto rounded-circle">
{% if request.user.is_authenticated and request.user.profile and request.user.profile.pic %}
<img src="{{ request.user.profile.pic.url }}" alt class="w-px-40 h-auto rounded-circle">
{% else %}
<img src="{% static 'assets/img/avatars/1.png' %}" alt class="w-px-40 h-auto rounded-circle">
{% endif %}
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="pages-account-settings-account.html">
<a class="dropdown-item" href="#">
<div class="d-flex">
<div class="flex-shrink-0 me-3">
<div class="avatar avatar-online">
<img src="{% static 'assets/img/avatars/1.png' %}" alt class="w-px-40 h-auto rounded-circle">
{% if request.user.is_authenticated and request.user.profile and request.user.profile.pic %}
<img src="{{ request.user.profile.pic.url }}" alt class="w-px-40 h-auto rounded-circle">
{% else %}
<img src="{% static 'assets/img/avatars/1.png' %}" alt class="w-px-40 h-auto rounded-circle">
{% endif %}
</div>
</div>
<div class="flex-grow-1">
<span class="fw-medium d-block">John Doe</span>
<small class="text-muted">Admin</small>
<span class="fw-medium d-block">{{ request.user.get_full_name|default:request.user.username }}</span>
{% if request.user.profile %}
<small class="text-muted">{{ request.user.profile.roles_str }}</small>
{% endif %}
</div>
</div>
</a>
@ -359,48 +352,24 @@ id="layout-navbar">
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="pages-profile-user.html">
<a class="dropdown-item" href="#">
<i class="bx bx-user me-2"></i>
<span class="align-middle">My Profile</span>
<span class="align-middle">پروفایل</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-account-settings-account.html">
<a class="dropdown-item" href="#">
<i class="bx bx-cog me-2"></i>
<span class="align-middle">Settings</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-account-settings-billing.html">
<span class="d-flex align-items-center align-middle">
<i class="flex-shrink-0 bx bx-credit-card me-2"></i>
<span class="flex-grow-1 align-middle">Billing</span>
<span class="flex-shrink-0 badge badge-center rounded-pill bg-danger w-px-20 h-px-20">4</span>
</span>
<span class="align-middle">تنظیمات</span>
</a>
</li>
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="pages-faq.html">
<i class="bx bx-help-circle me-2"></i>
<span class="align-middle">FAQ</span>
</a>
</li>
<li>
<a class="dropdown-item" href="pages-pricing.html">
<i class="bx bx-dollar me-2"></i>
<span class="align-middle">Pricing</span>
</a>
</li>
<li>
<div class="dropdown-divider"></div>
</li>
<li>
<a class="dropdown-item" href="auth-login-cover.html" target="_blank">
<a class="dropdown-item" href="{% url 'accounts:logout' %}">
<i class="bx bx-power-off me-2"></i>
<span class="align-middle">Log Out</span>
<span class="align-middle">خروج</span>
</a>
</li>
</ul>