|
1 | | -{% load i18n static admin_argon %} |
2 | | - |
3 | | -<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4 " id="sidenav-main"> |
| 1 | +{% load static %} |
| 2 | + |
| 3 | +<aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-end me-4 rotate-caret" id="sidenav-main"> |
4 | 4 | <div class="sidenav-header"> |
5 | | - <i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i> |
| 5 | + <i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute start-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i> |
6 | 6 | <a class="navbar-brand m-0" href="/"> |
7 | 7 | <img src="{% static 'img/logo-ct-dark.png' %}" class="navbar-brand-img h-100" alt="main_logo"> |
8 | | - <span class="ms-1 font-weight-bold">Argon Dashboard 2</span> |
| 8 | + <span class="me-1 font-weight-bold">Argon Dashboard 2</span> |
9 | 9 | </a> |
10 | 10 | </div> |
11 | 11 | <hr class="horizontal dark mt-0"> |
12 | | - <div class="collapse navbar-collapse w-auto " id="sidenav-collapse-main"> |
| 12 | + <div class="collapse navbar-collapse px-0 w-auto " id="sidenav-collapse-main"> |
13 | 13 | <ul class="navbar-nav"> |
14 | | - {% admin_get_menu as app_list %} |
15 | | - {% if app_list %} |
16 | | - {% for app in app_list %} |
17 | | - {% if app.has_perms and not app.pinned %} |
18 | | - <li class="nav-item"> |
19 | | - {% comment %} <span class="nav-link{% if app_label != app.label and app.url not in request.path|urlencode %} collapsed{% endif %} text-white" data-bs-toggle="collapse" data-bs-target="#submenu-{{ app.app_label }}"> |
20 | | - <span class="d-flex justify-content-between align-items-center"> |
21 | | - <div class="text-center me-2 d-flex align-items-center justify-content-center"> |
22 | | - <span class="sidebar-icon {{ app.icon }}"></span> |
23 | | - </div> |
24 | | - <a href="{{ app.url }}"> |
25 | | - <span class="nav-link-text ms-1">{{ app.label|slice:10 }}{% if app.label|length > 10 %}..{% endif %}</span> |
26 | | - </a> |
27 | | - </span> |
28 | | - </span> {% endcomment %} |
29 | | - <a class="nav-link {% if app_label != app.label and app.url not in request.path|urlencode %} collapsed{% endif %}" data-bs-toggle="collapse" data-bs-target="#submenu-{{ app.app_label }}" href="{{ app.url }}"> |
30 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
31 | | - <i class="{{ app.icon }} text-primary text-sm opacity-10"></i> |
32 | | - </div> |
33 | | - <span class="nav-link-text ms-1">{{ app.label|slice:10 }}{% if app.label|length > 10 %}..{% endif %}</span> |
34 | | - </a> |
35 | | - |
36 | | - {% if app.models %} |
37 | | - <div class="multi-level ms-5 collapse {% if 'tables-bootstrap-' in segment or app_label == app.label or app.url in request.path|urlencode %} show {% endif %}" role="list" id="submenu-{{ app.app_label }}" aria-expanded="{% if app_label == app.label or app.url in request.path|urlencode %}true{% else %}false{% endif %}"> |
38 | | - <ul class="flex-column nav"> |
39 | | - {% for model in app.models %} |
40 | | - {% if model.url %} |
41 | | - <li class="nav-item{% if 'bootstrap-tables' in segment or model.url in request.path|urlencode %} active {% endif %} list-unstyled"> |
42 | | - <a class="nav-link" href="{{ model.url }}"> |
43 | | - <span class="nav-link-text ms-1">{{ model.label }}</span> |
44 | | - </a> |
45 | | - </li> |
46 | | - {% else %} |
47 | | - <li class="nav-item list-unstyled">{{ model.label }}</li> |
48 | | - {% endif %} |
49 | | - {% endfor %} |
50 | | - </ul> |
51 | | - </div> |
52 | | - {% endif %} |
53 | | - </li> |
54 | | - {% endif %} |
55 | | - {% endfor %} |
56 | | - {% endif %} |
57 | | - |
58 | 14 | <li class="nav-item"> |
59 | | - {% if request.user.is_superuser %} |
60 | | - <a href="{% url 'admin:index' %}" class="nav-link {% if 'index' in segment %} active {% endif %}"> |
61 | | - {% else %} |
62 | | - <a href="/" class="nav-link {% if 'index' in segment %} active {% endif %}"> |
63 | | - {% endif %} |
64 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 15 | + <a class="nav-link " href="{% url 'index' %}"> |
| 16 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
65 | 17 | <i class="ni ni-tv-2 text-primary text-sm opacity-10"></i> |
66 | 18 | </div> |
67 | | - <span class="nav-link-text ms-1">Dashboard</span> |
| 19 | + <span class="nav-link-text me-1">لوحة القيادة</span> |
68 | 20 | </a> |
69 | 21 | </li> |
70 | | - |
71 | | - {% if request.user.is_authenticated and not request.user.is_superuser %} |
72 | 22 | <li class="nav-item"> |
73 | | - <a class="nav-link " href="../pages/tables.html"> |
74 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 23 | + <a class="nav-link " href="{% url 'tables' %}"> |
| 24 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
75 | 25 | <i class="ni ni-calendar-grid-58 text-warning text-sm opacity-10"></i> |
76 | 26 | </div> |
77 | | - <span class="nav-link-text ms-1">Tables</span> |
| 27 | + <span class="nav-link-text me-1">الجداول</span> |
78 | 28 | </a> |
79 | 29 | </li> |
80 | 30 | <li class="nav-item"> |
81 | | - <a class="nav-link " href="../pages/billing.html"> |
82 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 31 | + <a class="nav-link " href="{% url 'billing' %}"> |
| 32 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
83 | 33 | <i class="ni ni-credit-card text-success text-sm opacity-10"></i> |
84 | 34 | </div> |
85 | | - <span class="nav-link-text ms-1">Billing</span> |
| 35 | + <span class="nav-link-text me-1">الفواتير</span> |
86 | 36 | </a> |
87 | 37 | </li> |
88 | 38 | <li class="nav-item"> |
89 | | - <a class="nav-link " href="../pages/virtual-reality.html"> |
90 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 39 | + <a class="nav-link " href="{% url 'vr' %}"> |
| 40 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
91 | 41 | <i class="ni ni-app text-info text-sm opacity-10"></i> |
92 | 42 | </div> |
93 | | - <span class="nav-link-text ms-1">Virtual Reality</span> |
| 43 | + <span class="nav-link-text me-1">الواقع الافتراضي</span> |
94 | 44 | </a> |
95 | 45 | </li> |
96 | 46 | <li class="nav-item"> |
97 | | - <a class="nav-link " href="../pages/rtl.html"> |
98 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 47 | + <a class="nav-link active" href="{% url 'rtl' %}"> |
| 48 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
99 | 49 | <i class="ni ni-world-2 text-danger text-sm opacity-10"></i> |
100 | 50 | </div> |
101 | | - <span class="nav-link-text ms-1">RTL</span> |
| 51 | + <span class="nav-link-text me-1">RTL</span> |
102 | 52 | </a> |
103 | 53 | </li> |
104 | 54 | <li class="nav-item mt-3"> |
105 | | - <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Account pages</h6> |
| 55 | + <h6 class="ps-4 me-4 pe-2 text-uppercase text-xs font-weight-bolder opacity-6">صفحات المرافق</h6> |
106 | 56 | </li> |
107 | 57 | <li class="nav-item"> |
108 | | - <a class="nav-link " href="../pages/profile.html"> |
109 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
| 58 | + <a class="nav-link " href="{% url 'profile' %}"> |
| 59 | + <div class="icon icon-shape icon-sm border-radius-md text-center ms-2 d-flex align-items-center justify-content-center"> |
110 | 60 | <i class="ni ni-single-02 text-dark text-sm opacity-10"></i> |
111 | 61 | </div> |
112 | | - <span class="nav-link-text ms-1">Profile</span> |
| 62 | + <span class="nav-link-text me-1">حساب تعريفي</span> |
113 | 63 | </a> |
114 | 64 | </li> |
115 | | - <li class="nav-item"> |
116 | | - <a class="nav-link " href="../pages/sign-in.html"> |
117 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
118 | | - <i class="ni ni-single-copy-04 text-warning text-sm opacity-10"></i> |
119 | | - </div> |
120 | | - <span class="nav-link-text ms-1">Sign In</span> |
121 | | - </a> |
122 | | - </li> |
123 | | - <li class="nav-item"> |
124 | | - <a class="nav-link " href="../pages/sign-up.html"> |
125 | | - <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center"> |
126 | | - <i class="ni ni-collection text-info text-sm opacity-10"></i> |
127 | | - </div> |
128 | | - <span class="nav-link-text ms-1">Sign Up</span> |
129 | | - </a> |
130 | | - </li> |
131 | | - {% endif %} |
132 | 65 | </ul> |
133 | 66 | </div> |
134 | 67 | <div class="sidenav-footer mx-3 "> |
135 | 68 | <div class="card card-plain shadow-none" id="sidenavCard"> |
136 | 69 | <img class="w-50 mx-auto" src="{% static 'img/illustrations/icon-documentation.svg' %}" alt="sidebar_illustration"> |
137 | 70 | <div class="card-body text-center p-3 w-100 pt-0"> |
138 | 71 | <div class="docs-info"> |
139 | | - <h6 class="mb-0">Need help?</h6> |
140 | | - <p class="text-xs font-weight-bold mb-0">Please check the links</p> |
| 72 | + <h6 class="mb-0 text-center">تحتاج مساعدة?</h6> |
| 73 | + <p class="text-xs font-weight-bold text-center mb-0">يرجى التحقق من مستنداتنا</p> |
141 | 74 | </div> |
142 | 75 | </div> |
143 | 76 | </div> |
|
0 commit comments