494 lines
30 KiB
HTML
494 lines
30 KiB
HTML
{% load static i18n %}{% get_current_language as LANGUAGE_CODE %}<!DOCTYPE html>
|
|
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}{{ site_settings.business_name }}{% endblock %}</title>
|
|
|
|
{% if project_description %}
|
|
<meta name="description" content="{{ project_description }}">
|
|
<meta property="og:description" content="{{ project_description }}">
|
|
{% endif %}
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap" rel="stylesheet">
|
|
|
|
{% if LANGUAGE_CODE == 'ar' %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css">
|
|
{% else %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
{% endif %}
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
|
|
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
|
|
<div id="wrapper">
|
|
<!-- Sidebar -->
|
|
{% if user.is_authenticated %}
|
|
<nav id="sidebar">
|
|
<div class="sidebar-header d-flex align-items-center">
|
|
<a class="navbar-brand fw-bold text-primary fs-4" href="{% url 'index' %}">
|
|
{% if site_settings.logo %}
|
|
<img src="{{ site_settings.logo.url }}" alt="Logo" height="30" class="me-2">
|
|
{% else %}
|
|
<i class="bi bi-calculator-fill me-2"></i>
|
|
{% endif %}
|
|
{{ site_settings.business_name|truncatechars:12 }}
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="list-unstyled components">
|
|
<li>
|
|
<a href="{% url 'index' %}" class="{% if request.resolver_match.url_name == 'index' %}active{% endif %}">
|
|
<i class="bi bi-speedometer2"></i> {% trans "Dashboard" %}
|
|
</a>
|
|
</li>
|
|
|
|
{% with url_name=request.resolver_match.url_name path=request.path %}
|
|
|
|
<!-- Sales Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#salesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'pos' or url_name == 'invoice_create' or url_name == 'invoices' or url_name == 'invoice_detail' or url_name == 'quotations' or url_name == 'quotation_create' or url_name == 'quotation_detail' or 'sales/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Sales" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'pos' or url_name == 'invoice_create' or url_name == 'invoices' or url_name == 'invoice_detail' or url_name == 'quotations' or url_name == 'quotation_create' or url_name == 'quotation_detail' or 'sales/returns' in path %}show{% endif %}" id="salesSubmenu">
|
|
<li>
|
|
<a href="{% url 'pos' %}" class="{% if url_name == 'pos' %}active{% endif %}">
|
|
<i class="bi bi-shop"></i> {% trans "POS System" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'invoice_create' %}" class="{% if url_name == 'invoice_create' %}active{% endif %}">
|
|
<i class="bi bi-plus-circle"></i> {% trans "New Sales" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'invoices' %}" class="{% if url_name == 'invoices' or url_name == 'invoice_detail' %}active{% endif %}">
|
|
<i class="bi bi-file-earmark-text"></i> {% trans "Sales Invoices" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'quotations' %}" class="{% if url_name == 'quotations' or url_name == 'quotation_create' or url_name == 'quotation_detail' %}active{% endif %}">
|
|
<i class="bi bi-file-earmark-spreadsheet"></i> {% trans "Quotation" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'sales_returns' %}" class="{% if 'sales/returns' in path %}active{% endif %}">
|
|
<i class="bi bi-arrow-return-left"></i> {% trans "Sales Return" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Purchases Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#purchasesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'purchases' or url_name == 'purchase_create' or url_name == 'purchase_detail' or url_name == 'supplier_payments' or 'purchases/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Purchases" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'purchases' or url_name == 'purchase_create' or url_name == 'purchase_detail' or url_name == 'supplier_payments' or 'purchases/returns' in path %}show{% endif %}" id="purchasesSubmenu">
|
|
<li>
|
|
<a href="{% url 'lpo_list' %}" class="{% if url_name == 'lpo_list' or url_name == 'lpo_create' or url_name == 'lpo_detail' %}active{% endif %}">
|
|
<i class="bi bi-file-earmark-text"></i> {% trans "Purchase Orders (LPO)" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'purchase_create' %}" class="{% if url_name == 'purchase_create' %}active{% endif %}">
|
|
<i class="bi bi-plus-circle"></i> {% trans "New Purchase" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'purchases' %}" class="{% if url_name == 'purchases' or url_name == 'purchase_detail' %}active{% endif %}">
|
|
<i class="bi bi-cart-check"></i> {% trans "Purchase List" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'supplier_payments' %}" class="{% if url_name == 'supplier_payments' %}active{% endif %}">
|
|
<i class="bi bi-cash-stack"></i> {% trans "Supplier Payments" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'purchase_returns' %}" class="{% if 'purchases/returns' in path %}active{% endif %}">
|
|
<i class="bi bi-arrow-return-right"></i> {% trans "Purchase Return" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Inventory Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#inventorySubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'inventory' or url_name == 'barcode_labels' or url_name == 'reports' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Inventory" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'inventory' or url_name == 'barcode_labels' or url_name == 'reports' %}show{% endif %}" id="inventorySubmenu">
|
|
<li>
|
|
<a href="{% url 'inventory' %}" class="{% if url_name == 'inventory' %}active{% endif %}">
|
|
<i class="bi bi-box-seam"></i> {% trans "Products" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'barcode_labels' %}" class="{% if url_name == 'barcode_labels' %}active{% endif %}">
|
|
<i class="bi bi-upc-scan"></i> {% trans "Barcode Printing" %}
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Expenses Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#expensesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'expenses' or url_name == 'expense_categories' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Expenses" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'expenses' or url_name == 'expense_categories' %}show{% endif %}" id="expensesSubmenu">
|
|
<li>
|
|
<a href="{% url 'expenses' %}" class="{% if url_name == 'expenses' %}active{% endif %}">
|
|
<i class="bi bi-receipt"></i> {% trans "Expense List" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'expense_categories' %}" class="{% if url_name == 'expense_categories' %}active{% endif %}">
|
|
<i class="bi bi-tags"></i> {% trans "Categories" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Contacts Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#contactsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'customers' or url_name == 'suppliers' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Contacts" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'customers' or url_name == 'suppliers' %}show{% endif %}" id="contactsSubmenu">
|
|
<li>
|
|
<a href="{% url 'customers' %}" class="{% if url_name == 'customers' %}active{% endif %}">
|
|
<i class="bi bi-people"></i> {% trans "Customers" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'suppliers' %}" class="{% if url_name == 'suppliers' %}active{% endif %}">
|
|
<i class="bi bi-truck"></i> {% trans "Suppliers" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
{% if user.is_superuser or user.is_staff %}
|
|
|
|
<!-- Accounting Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#accountingSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'accounting' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Accounting" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if 'accounting' in path %}show{% endif %}" id="accountingSubmenu">
|
|
<li>
|
|
<a href="{% url 'accounting_dashboard' %}" class="{% if url_name == 'accounting_dashboard' %}active{% endif %}">
|
|
<i class="bi bi-calculator"></i> {% trans "Dashboard" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'chart_of_accounts' %}" class="{% if url_name == 'chart_of_accounts' %}active{% endif %}">
|
|
<i class="bi bi-list-task"></i> {% trans "Chart of Accounts" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'journal_entries' %}" class="{% if url_name == 'journal_entries' %}active{% endif %}">
|
|
<i class="bi bi-journal-text"></i> {% trans "Journal Entries" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'trial_balance' %}" class="{% if url_name == 'trial_balance' %}active{% endif %}">
|
|
<i class="bi bi-check2-square"></i> {% trans "Trial Balance" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'balance_sheet' %}" class="{% if url_name == 'balance_sheet' %}active{% endif %}">
|
|
<i class="bi bi-journal-check"></i> {% trans "Balance Sheet" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'profit_loss' %}" class="{% if url_name == 'profit_loss' %}active{% endif %}">
|
|
<i class="bi bi-bar-chart"></i> {% trans "Profit & Loss" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- HR Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#hrSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'hr/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Human Resources" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if 'hr/' in path %}show{% endif %}" id="hrSubmenu">
|
|
<li>
|
|
<a href="{% url 'hr:dashboard' %}" class="{% if url_name == 'dashboard' and 'hr/' in path %}active{% endif %}">
|
|
<i class="bi bi-speedometer"></i> {% trans "Overview" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'hr:employee_list' %}" class="{% if 'hr/employees' in path %}active{% endif %}">
|
|
<i class="bi bi-people-fill"></i> {% trans "Employees" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'hr:department_list' %}" class="{% if 'hr/departments' in path %}active{% endif %}">
|
|
<i class="bi bi-diagram-3"></i> {% trans "Departments" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'hr:attendance_list' %}" class="{% if 'hr/attendance' in path %}active{% endif %}">
|
|
<i class="bi bi-clock-history"></i> {% trans "Attendance" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'hr:leave_list' %}" class="{% if 'hr/leave' in path %}active{% endif %}">
|
|
<i class="bi bi-calendar2-range"></i> {% trans "Leave Requests" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'hr:device_list' %}" class="{% if 'hr/devices' in path %}active{% endif %}">
|
|
<i class="bi bi-fingerprint"></i> {% trans "Biometric Devices" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Reports Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#reportsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'reports' or url_name == 'customer_statement' or url_name == 'supplier_statement' or url_name == 'cashflow_report' or url_name == 'expense_report' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Reports" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'reports' or url_name == 'customer_statement' or url_name == 'supplier_statement' or url_name == 'cashflow_report' or url_name == 'expense_report' %}show{% endif %}" id="reportsSubmenu">
|
|
<li>
|
|
<a href="{% url 'reports' %}" class="{% if url_name == 'reports' %}active{% endif %}">
|
|
<i class="bi bi-graph-up-arrow"></i> {% trans "Overview Reports" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'customer_statement' %}" class="{% if url_name == 'customer_statement' %}active{% endif %}">
|
|
<i class="bi bi-person-lines-fill"></i> {% trans "Customer Statement" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'supplier_statement' %}" class="{% if url_name == 'supplier_statement' %}active{% endif %}">
|
|
<i class="bi bi-truck-flatbed"></i> {% trans "Supplier Statement" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'cashflow_report' %}" class="{% if url_name == 'cashflow_report' %}active{% endif %}">
|
|
<i class="bi bi-cash-coin"></i> {% trans "Cashflow Report" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'expense_report' %}" class="{% if url_name == 'expense_report' %}active{% endif %}">
|
|
<i class="bi bi-wallet2"></i> {% trans "Expense Report" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- System Group -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#systemSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'settings' or url_name == 'user_management' or url_name == 'cashier_registry' or '/admin/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "System" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'settings' or url_name == 'user_management' or url_name == 'cashier_registry' or '/admin/' in path %}show{% endif %}" id="systemSubmenu">
|
|
<li>
|
|
<a href="{% url 'settings' %}" class="{% if url_name == 'settings' %}active{% endif %}">
|
|
<i class="bi bi-gear"></i> {% trans "Settings" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'user_management' %}" class="{% if url_name == 'user_management' %}active{% endif %}">
|
|
<i class="bi bi-person-lock"></i> {% trans "User Management" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'cashier_registry' %}" class="{% if url_name == 'cashier_registry' %}active{% endif %}">
|
|
<i class="bi bi-display"></i> {% trans "Cashier Registry" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'cashier_session_list' %}" class="{% if url_name == 'cashier_session_list' or url_name == 'session_detail' %}active{% endif %}">
|
|
<i class="bi bi-clock-history"></i> {% trans "Cashier Sessions" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/admin/">
|
|
<i class="bi bi-shield-lock"></i> {% trans "Django Admin" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<!-- Account Group (Visible to all) -->
|
|
<li class="sidebar-group-header mt-1">
|
|
<a href="#accountSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'profile' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
|
|
<span>{% trans "Account" %}</span>
|
|
<i class="bi bi-chevron-down chevron"></i>
|
|
</a>
|
|
<ul class="collapse list-unstyled sub-menu {% if url_name == 'profile' %}show{% endif %}" id="accountSubmenu">
|
|
<li>
|
|
<a href="{% url 'profile' %}" class="{% if url_name == 'profile' %}active{% endif %}">
|
|
<i class="bi bi-person"></i> {% trans "My Profile" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<form action="{% url 'logout' %}" method="post" id="logout-form">
|
|
{% csrf_token %}
|
|
<a href="#" onclick="document.getElementById('logout-form').submit(); return false;">
|
|
<i class="bi bi-box-arrow-right"></i> {% trans "Logout" %}
|
|
</a>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
{% endwith %}
|
|
</ul>
|
|
</nav>
|
|
{% endif %}
|
|
|
|
<!-- Page Content -->
|
|
<div id="content" {% if not user.is_authenticated %}style="margin-left: 0; width: 100%;"{% endif %}>
|
|
{% if user.is_authenticated %}
|
|
<div class="p-3 d-flex justify-content-between align-items-center">
|
|
<button type="button" id="sidebarCollapse" class="btn btn-light shadow-sm">
|
|
<i class="bi bi-list fs-5"></i>
|
|
</button>
|
|
|
|
<div class="d-flex align-items-center gap-3">
|
|
<div class="language-switcher">
|
|
<form action="{% url 'set_language' %}" method="post" class="d-flex align-items-center">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="next" value="{{ request.get_full_path|default:'/' }}">
|
|
<i class="bi bi-globe2 me-2 text-muted"></i>
|
|
<select name="language" class="form-select form-select-sm shadow-sm border-0" style="width: auto; background-color: #f8f9fa;" onchange="this.form.submit()">
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
{% get_available_languages as LANGUAGES %}
|
|
{% get_language_info_list for LANGUAGES as languages %}
|
|
{% for language in languages %}
|
|
<option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected{% endif %}>
|
|
{{ language.name_local }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="dropdown">
|
|
<a href="#" class="d-flex align-items-center text-decoration-none dropdown-toggle text-dark" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
|
{% if user.profile.image %}
|
|
<img src="{{ user.profile.image.url }}" alt="{{ user.username }}" width="32" height="32" class="rounded-circle me-2 border shadow-sm" style="object-fit: cover;">
|
|
{% else %}
|
|
<div class="bg-primary-subtle text-primary rounded-circle d-flex align-items-center justify-content-center me-2 border shadow-sm" style="width: 32px; height: 32px;">
|
|
<i class="bi bi-person-fill"></i>
|
|
</div>
|
|
{% endif %}
|
|
<span class="d-none d-md-inline fw-semibold small">{{ user.get_full_name|default:user.username }}</span>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end shadow-lg border-0 rounded-4 mt-2 py-3" aria-labelledby="userDropdown" style="min-width: 200px;">
|
|
<li class="px-3 mb-3 text-center">
|
|
{% if user.profile.image %}
|
|
<img src="{{ user.profile.image.url }}" alt="{{ user.username }}" width="60" height="60" class="rounded-circle mb-2 border shadow-sm" style="object-fit: cover;">
|
|
{% else %}
|
|
<div class="bg-primary-subtle text-primary rounded-circle d-flex align-items-center justify-content-center mx-auto mb-2 border shadow-sm" style="width: 60px; height: 60px;">
|
|
<i class="bi bi-person-fill fs-3"></i>
|
|
</div>
|
|
{% endif %}
|
|
<div class="fw-bold text-truncate" style="max-width: 180px;">{{ user.get_full_name|default:user.username }}</div>
|
|
<div class="text-muted small text-truncate" style="max-width: 180px;">{{ user.email|default:user.username }}</div>
|
|
</li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li>
|
|
<a class="dropdown-item py-2 px-3" href="{% url 'profile' %}">
|
|
<i class="bi bi-person-circle me-2 text-primary"></i> {% trans "My Profile" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="dropdown-item py-2 px-3" href="{% url 'profile' %}#edit">
|
|
<i class="bi bi-pencil-square me-2 text-success"></i> {% trans "Edit Profile" %}
|
|
</a>
|
|
</li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li>
|
|
<form action="{% url 'logout' %}" method="post" id="nav-logout-form">
|
|
{% csrf_token %}
|
|
<button type="submit" class="dropdown-item py-2 px-3 text-danger">
|
|
<i class="bi bi-box-arrow-right me-2"></i> {% trans "Logout" %}
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<main class="p-4 pt-0">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
{% if user.is_authenticated %}
|
|
const sidebar = document.getElementById('sidebar');
|
|
const sidebarCollapse = document.getElementById('sidebarCollapse');
|
|
|
|
if (sidebarCollapse) {
|
|
sidebarCollapse.addEventListener('click', function (e) {
|
|
e.stopPropagation();
|
|
sidebar.classList.toggle('active');
|
|
});
|
|
}
|
|
|
|
// Close sidebar when clicking outside on mobile
|
|
document.addEventListener('click', function (e) {
|
|
if (window.innerWidth <= 992 && sidebar && sidebar.classList.contains('active')) {
|
|
if (!sidebar.contains(e.target) && e.target !== sidebarCollapse && !sidebarCollapse.contains(e.target)) {
|
|
sidebar.classList.remove('active');
|
|
}
|
|
}
|
|
});
|
|
{% endif %}
|
|
|
|
// Prevent double form submission
|
|
document.addEventListener('submit', function (e) {
|
|
const form = e.target;
|
|
if (form.tagName === 'FORM') {
|
|
if (form.getAttribute('data-submitted') === 'true') {
|
|
e.preventDefault();
|
|
return;
|
|
}
|
|
form.setAttribute('data-submitted', 'true');
|
|
const submitButtons = form.querySelectorAll('button[type="submit"], input[type="submit"]');
|
|
submitButtons.forEach(btn => {
|
|
btn.disabled = true;
|
|
// Add spinner if it is a button and not already there
|
|
if (btn.tagName === 'BUTTON' && !btn.querySelector('.spinner-border')) {
|
|
const originalText = btn.innerHTML;
|
|
btn.innerHTML = `<span class="spinner-border spinner-border-sm me-2"></span>${originalText}`;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html> |