|
1 | 1 | {% load i18n static %}<!DOCTYPE html>
|
2 | 2 | {% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
|
3 |
| -<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}> |
| 3 | +<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" dir="{{ LANGUAGE_BIDI|yesno:'rtl,ltr,auto' }}"> |
4 | 4 | <head>
|
5 |
| - <title>{% block title %}{% endblock %}</title> |
6 |
| - <link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static "admin/css/base.css" %}{% endblock %}"> |
7 |
| - {% block extrastyle %}{% endblock %} |
8 |
| - {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}">{% endif %} |
9 |
| - {% block extrahead %}{% endblock %} |
10 |
| - {% block responsive %} |
| 5 | + <title>{% block title %}{% endblock %}</title> |
| 6 | + <link rel="stylesheet" href="{% block stylesheet %}{% static "admin/css/base.css" %}{% endblock %}"> |
| 7 | + {% block dark-mode-vars %} |
| 8 | + <link rel="stylesheet" href="{% static "admin/css/dark_mode.css" %}"> |
| 9 | + <script src="{% static "admin/js/theme.js" %}" defer></script> |
| 10 | + {% endblock %} |
| 11 | + {% if not is_popup and is_nav_sidebar_enabled %} |
| 12 | + <link rel="stylesheet" href="{% static "admin/css/nav_sidebar.css" %}"> |
| 13 | + <script src="{% static 'admin/js/nav_sidebar.js' %}" defer></script> |
| 14 | + {% endif %} |
| 15 | + {% block extrastyle %}{% endblock %} |
| 16 | + {% if LANGUAGE_BIDI %}<link rel="stylesheet" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}">{% endif %} |
| 17 | + {% block extrahead %}{% endblock %} |
| 18 | + {% block responsive %} |
11 | 19 | <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
12 |
| - <link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive.css" %}"> |
13 |
| - {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive_rtl.css" %}">{% endif %} |
14 |
| - {% endblock %} |
15 |
| - {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %} |
| 20 | + <link rel="stylesheet" href="{% static "admin/css/responsive.css" %}"> |
| 21 | + {% if LANGUAGE_BIDI %}<link rel="stylesheet" href="{% static "admin/css/responsive_rtl.css" %}">{% endif %} |
| 22 | + {% endblock %} |
| 23 | + {% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %} |
| 24 | + |
| 25 | + {% comment %}Custom syltes and scripts{% endcomment %} |
16 | 26 |
|
17 |
| - {% comment %}Custom syltes and scripts{% endcomment %} |
18 |
| - <link rel="stylesheet" type="text/css" href="{% static "admin/css/custom.css" %}"> |
19 |
| - <script src="https://kit.fontawesome.com/f077be8756.js" crossorigin="anonymous"></script> |
| 27 | + <link rel="stylesheet" type="text/css" href="{% static "admin/css/custom.css" %}"> |
| 28 | + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" |
| 29 | + integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" |
| 30 | + crossorigin="anonymous" referrerpolicy="no-referrer" /> |
20 | 31 | </head>
|
21 | 32 | {% load i18n %}
|
22 | 33 |
|
23 | 34 | <body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}"
|
24 | 35 | data-admin-utc-offset="{% now "Z" %}">
|
| 36 | +<a href="#content-start" class="skip-to-content-link">{% translate 'Skip to main content' %}</a> |
25 | 37 |
|
26 | 38 | <!-- Container -->
|
27 | 39 | <div id="container">
|
28 | 40 |
|
29 |
| - {% if not is_popup %} |
| 41 | + {% if not is_popup %} |
30 | 42 | <!-- Header -->
|
31 |
| - <div id="header"> |
| 43 | + {% block header %} |
| 44 | + <div id="header"> |
32 | 45 | <div id="branding">
|
33 |
| - {% block branding %}{% endblock %} |
| 46 | + {% block branding %}{% endblock %} |
34 | 47 | </div>
|
35 | 48 | {% block usertools %}
|
36 |
| - {% if has_permission %} |
37 |
| - <div id="user-tools"> |
38 |
| - {% block welcome-msg %} |
39 |
| - {% trans 'Welcome,' %} |
40 |
| - <strong>{% firstof user.get_short_name user.get_username %}</strong>. |
41 |
| - {% endblock %} |
42 |
| - {% block userlinks %} |
43 |
| - {% if site_url %} |
44 |
| - <a href="{{ site_url }}">{% trans 'View site' %}</a> / |
45 |
| - {% endif %} |
46 |
| - {% if user.is_active and user.is_staff %} |
47 |
| - {% url 'django-admindocs-docroot' as docsroot %} |
48 |
| - {% if docsroot %} |
49 |
| - <a href="{{ docsroot }}">{% trans 'Documentation' %}</a> / |
50 |
| - {% endif %} |
51 |
| - {% endif %} |
52 |
| - {% if user.has_usable_password %} |
53 |
| - <a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a> / |
54 |
| - {% endif %} |
55 |
| - <a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a> |
56 |
| - {% endblock %} |
57 |
| - </div> |
58 |
| - {% endif %} |
| 49 | + {% if has_permission %} |
| 50 | + <div id="user-tools"> |
| 51 | + {% block welcome-msg %} |
| 52 | + {% translate 'Welcome,' %} |
| 53 | + <strong>{% firstof user.get_short_name user.get_username %}</strong>. |
| 54 | + {% endblock %} |
| 55 | + {% block userlinks %} |
| 56 | + {% if site_url %} |
| 57 | + <a href="{{ site_url }}">{% translate 'View site' %}</a> / |
| 58 | + {% endif %} |
| 59 | + {% if user.is_active and user.is_staff %} |
| 60 | + {% url 'django-admindocs-docroot' as docsroot %} |
| 61 | + {% if docsroot %} |
| 62 | + <a href="{{ docsroot }}">{% translate 'Documentation' %}</a> / |
| 63 | + {% endif %} |
| 64 | + {% endif %} |
| 65 | + {% if user.has_usable_password %} |
| 66 | + <a href="{% url 'admin:password_change' %}">{% translate 'Change password' %}</a> / |
| 67 | + {% endif %} |
| 68 | + <form id="logout-form" method="post" action="{% url 'admin:logout' %}"> |
| 69 | + {% csrf_token %} |
| 70 | + <button type="submit">{% translate 'Log out' %}</button> |
| 71 | + </form> |
| 72 | + {% include "admin/color_theme_toggle.html" %} |
| 73 | + {% endblock %} |
| 74 | + </div> |
| 75 | + {% endif %} |
59 | 76 | {% endblock %}
|
60 | 77 | {% block nav-global %}{% endblock %}
|
61 |
| - </div> |
| 78 | + </div> |
| 79 | + {% endblock %} |
62 | 80 | <!-- END Header -->
|
63 | 81 |
|
64 | 82 | <!-- Navigation -->
|
65 | 83 | {% if user.is_authenticated %}
|
66 |
| - <div class="breadcrumbs" style="background: #598ca5"> |
| 84 | + <div class="breadcrumbs" style="background: #598ca5"> |
67 | 85 | <a href="{% url 'admin:tv_series_journal_changelist' %}">{% trans 'TV series' %}</a> |
|
68 | 86 | <a href="{% url 'admin:books_journal_changelist' %}">{% trans 'Books' %}</a>
|
69 | 87 | <div style="float: right;">
|
70 |
| - [ |
71 |
| - <a href="{% url 'admin:app_user_changelist' %}">{% trans 'Users' %}</a> | |
72 |
| - <a href="{% url 'admin:auth_group_changelist' %}">{% trans 'Groups' %}</a> |
73 |
| - ] |
| 88 | + [ |
| 89 | + <a href="{% url 'admin:app_user_changelist' %}">{% trans 'Users' %}</a> | |
| 90 | + <a href="{% url 'admin:auth_group_changelist' %}">{% trans 'Groups' %}</a> |
| 91 | + ] |
74 | 92 | </div>
|
75 |
| - </div> |
| 93 | + </div> |
76 | 94 | {% endif %}
|
77 | 95 | <!-- END Navigation -->
|
78 | 96 |
|
79 |
| - {% block breadcrumbs %} |
80 |
| - <div class="breadcrumbs"> |
81 |
| - <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a> |
82 |
| - {% if title %} › {{ title }}{% endif %} |
83 |
| - </div> |
| 97 | + {% block nav-breadcrumbs %} |
| 98 | + <nav aria-label="{% translate 'Breadcrumbs' %}"> |
| 99 | + {% block breadcrumbs %} |
| 100 | + <div class="breadcrumbs"> |
| 101 | + <a href="{% url 'admin:index' %}">{% translate 'Home' %}</a> |
| 102 | + {% if title %} › {{ title }}{% endif %} |
| 103 | + </div> |
| 104 | + {% endblock %} |
| 105 | + </nav> |
84 | 106 | {% endblock %}
|
85 |
| - {% endif %} |
| 107 | + {% endif %} |
86 | 108 |
|
87 |
| - {% block messages %} |
88 |
| - {% if messages %} |
89 |
| - <ul class="messagelist">{% for message in messages %} |
90 |
| - <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li> |
91 |
| - {% endfor %}</ul> |
| 109 | + <div class="main" id="main"> |
| 110 | + {% if not is_popup and is_nav_sidebar_enabled %} |
| 111 | + {% block nav-sidebar %} |
| 112 | + {% include "admin/nav_sidebar.html" %} |
| 113 | + {% endblock %} |
92 | 114 | {% endif %}
|
93 |
| - {% endblock messages %} |
94 |
| - |
95 |
| - <!-- Content --> |
96 |
| - <div id="content" class="{% block coltype %}colM{% endblock %}"> |
| 115 | + <div id="content-start" class="content" tabindex="-1"> |
| 116 | + {% block messages %} |
| 117 | + {% if messages %} |
| 118 | + <ul class="messagelist">{% for message in messages %} |
| 119 | + <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li> |
| 120 | + {% endfor %}</ul> |
| 121 | + {% endif %} |
| 122 | + {% endblock messages %} |
| 123 | + <!-- Content --> |
| 124 | + <div id="content" class="{% block coltype %}colM{% endblock %}"> |
97 | 125 | {% block pretitle %}{% endblock %}
|
98 | 126 | {% block content_title %}{% if title %}<h1>{{ title }}</h1>{% endif %}{% endblock %}
|
| 127 | + {% block content_subtitle %}{% if subtitle %}<h2>{{ subtitle }}</h2>{% endif %}{% endblock %} |
99 | 128 | {% block content %}
|
100 |
| - {% block object-tools %}{% endblock %} |
101 |
| - {{ content }} |
| 129 | + {% block object-tools %}{% endblock %} |
| 130 | + {{ content }} |
102 | 131 | {% endblock %}
|
103 | 132 | {% block sidebar %}{% endblock %}
|
104 | 133 | <br class="clear">
|
| 134 | + </div> |
| 135 | + <!-- END Content --> |
| 136 | + {% block footer %}<div id="footer"></div>{% endblock %} |
105 | 137 | </div>
|
106 |
| - <!-- END Content --> |
107 |
| - |
108 |
| - {% block footer %}<div id="footer"></div>{% endblock %} |
| 138 | + </div> |
109 | 139 | </div>
|
110 | 140 | <!-- END Container -->
|
111 | 141 |
|
| 142 | +<!-- SVGs --> |
| 143 | +<svg xmlns="http://www.w3.org/2000/svg" class="base-svgs"> |
| 144 | + <symbol viewBox="0 0 24 24" width="1rem" height="1rem" id="icon-auto"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2V4a8 8 0 1 0 0 16z"/></symbol> |
| 145 | + <symbol viewBox="0 0 24 24" width="1rem" height="1rem" id="icon-moon"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.979 6.979 0 0 0 10 7zm-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 7.999 7.999 0 0 0 4 12z"/></symbol> |
| 146 | + <symbol viewBox="0 0 24 24" width="1rem" height="1rem" id="icon-sun"><path d="M0 0h24v24H0z" fill="currentColor"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></symbol> |
| 147 | +</svg> |
| 148 | +<!-- END SVGs --> |
112 | 149 | </body>
|
113 | 150 | </html>
|
0 commit comments