fix(admin): improve dashboard layout and docs link

src/settings/base.py

@@ -71,7 +71,7 @@ JAZZMIN_SETTINGS = {
     # User menu
     "topmenu_links": [
         {"name": "Главная", "url": "admin:index", "permissions": ["auth.view_user"]},
-        {"name": "API Docs", "url": "/api/docs/", "new_window": True},
+        {"name": "API Docs", "url": "schema-swagger-ui", "new_window": True},
         {"model": "user.User"},
     ],
     # Side menu

src/static/admin/css/mostovik-admin-theme.css

@@ -181,7 +181,7 @@ fieldset.module,
 .selector,
 .login-card-body,
 fieldset.module {
-  border-radius: 20px;
+  border-radius: 14px;
 }
 
 .card,
@@ -212,7 +212,7 @@ fieldset.module,
 .module h2,
 .module caption,
 .inline-group h2 {
-  border-radius: 18px 18px 0 0;
+  border-radius: 12px 12px 0 0;
 }
 
 a,
@@ -298,7 +298,7 @@ textarea,
 .select2-container--default .select2-selection--multiple {
   background: rgba(4, 14, 18, 0.92);
   border: 1px solid rgba(73, 208, 200, 0.14);
-  border-radius: 14px;
+  border-radius: 10px;
   color: var(--mx-text);
   min-height: 2.7rem;
 }
@@ -341,7 +341,7 @@ small,
 .object-tools,
 .actions,
 .paginator {
-  border-radius: 18px;
+  border-radius: 12px;
 }
 
 .button,
@@ -353,7 +353,7 @@ input[type="button"],
 a.button {
   background: linear-gradient(135deg, rgba(23, 97, 100, 0.62), rgba(42, 72, 133, 0.46));
   border: 1px solid rgba(73, 208, 200, 0.18);
-  border-radius: 14px;
+  border-radius: 10px;
   color: #f5fbff;
   font-weight: 700;
   letter-spacing: 0.02em;
@@ -390,7 +390,7 @@ a.button:hover,
 .errornote,
 .success,
 .warning {
-  border-radius: 16px;
+  border-radius: 12px;
   padding: 0.95rem 1.1rem;
 }
 
@@ -443,7 +443,7 @@ code {
 
 .login-box .card,
 .login-card-body {
-  border-radius: 24px;
+  border-radius: 16px;
 }
 
 .login-logo a {
@@ -488,3 +488,76 @@ code {
   border: 2px solid rgba(3, 12, 15, 0.92);
   border-radius: 999px;
 }
+
+.dashboard .admin-dashboard-grid > [class*="col-"],
+.dashboard .admin-dashboard-grid .row > [class*="col-"],
+.dashboard .card,
+.dashboard .card-header,
+.dashboard .card-body,
+#content-related,
+#recent-actions-module,
+.timeline,
+.timeline-item,
+.content-wrapper .content,
+.content-wrapper .container-fluid {
+  min-width: 0;
+}
+
+.dashboard .admin-dashboard-grid {
+  row-gap: 1rem;
+}
+
+.dashboard .card,
+.dashboard .module,
+#recent-actions-module {
+  overflow: hidden;
+}
+
+.dashboard .card-header h5,
+.dashboard .timeline-item,
+.dashboard .timeline-header,
+.dashboard .table td,
+.dashboard .table th {
+  overflow-wrap: anywhere;
+}
+
+.main-header .navbar-nav,
+.main-header .form-inline,
+.main-header .input-group {
+  min-width: 0;
+}
+
+.main-header .form-inline {
+  flex: 0 1 auto;
+}
+
+.main-header .form-control-navbar {
+  width: clamp(8rem, 12vw, 12rem);
+}
+
+@media (max-width: 1360px) {
+  .main-header .form-inline.ml-3 {
+    margin-left: 0.5rem !important;
+  }
+
+  .main-header .form-control-navbar {
+    width: clamp(7rem, 10vw, 10rem);
+  }
+}
+
+@media (max-width: 991.98px) {
+  .main-header.navbar {
+    flex-wrap: wrap;
+    row-gap: 0.5rem;
+  }
+
+  .main-header .form-inline {
+    width: 100%;
+    margin-left: 0 !important;
+  }
+
+  .main-header .input-group,
+  .main-header .form-control-navbar {
+    width: 100%;
+  }
+}

src/templates/admin/index.html

@@ -0,0 +1,133 @@
+{% extends "admin/base_site.html" %}
+{% load i18n static jazzmin %}
+{% get_jazzmin_ui_tweaks as jazzmin_ui %}
+
+{% block bodyclass %}{{ block.super }} dashboard{% endblock %}
+
+{% block content_title %} {% trans 'Dashboard' %} {% endblock %}
+
+{% block breadcrumbs %}
+    <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{% url 'admin:index' %}">{% trans 'Home' %}</a></li>
+        <li class="breadcrumb-item">{% trans 'Dashboard' %}</li>
+    </ol>
+{% endblock %}
+
+{% block content %}
+    {% get_side_menu using="app_list" as dashboard_list %}
+    {% if dashboard_list %}
+        {% widthratio dashboard_list|length 2 1 as middle %}
+    {% endif %}
+
+    <div class="row admin-dashboard-grid">
+        <div class="col-xl-8 col-lg-8 col-12">
+            <div class="row">
+                <div class="col-md-6 col-sm-12">
+                    {% for app in dashboard_list %}
+                        <div class="card">
+                            <div class="card-header">
+                                <h5 class="m-0">{{ app.name }}</h5>
+                            </div>
+                            <div class="card-body">
+                                <table class="table table-sm">
+                                    <tbody>
+                                    {% for model in app.models %}
+                                        <tr>
+                                            <td>
+                                                {% if model.url %}<a href="{{ model.url }}">{{ model.name }}</a>{% else %}{{ model.name }}{% endif %}
+                                            </td>
+                                            <td>
+                                                <div class="btn-group float-right">
+                                                    {% if model.add_url %}
+                                                        <a href="{{ model.add_url }}" class="btn btn-xs {{ jazzmin_ui.button_classes.success }} addlink">{% trans 'Add' %}</a>
+                                                    {% endif %}
+                                                    {% if model.url %}
+                                                        {% if model.view_only %}
+                                                            <a href="{{ model.url }}" class="btn btn-xs {{ jazzmin_ui.button_classes.info }} viewlink">{% trans 'View' %}</a>
+                                                        {% else %}
+                                                            <a href="{{ model.url }}" class="btn btn-xs {{ jazzmin_ui.button_classes.info }} changelink">{% if model.custom %}{% trans 'Go' %}{% else %}{% trans 'Change' %}{% endif %}</a>
+                                                        {% endif %}
+                                                    {% endif %}
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    {% endfor %}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+
+                        {% if forloop.counter == middle|add:"0" %}
+                        </div>
+                        <div class="col-md-6 col-sm-12">
+                        {% endif %}
+
+                    {% endfor %}
+                    </div>
+            </div>
+        </div>
+
+        <div class="col-xl-4 col-lg-4 col-12">
+            <div id="content-related">
+                <div class="module" id="recent-actions-module">
+                    <h4 class="mb-3">{% trans 'Recent actions' %}</h4>
+                    {% load log %}
+                    {% get_admin_log 6 as admin_log for_user user %}
+                    {% if not admin_log %}
+                        <p>{% trans 'None available' %}</p>
+                    {% else %}
+                        <div class="timeline">
+                            {% for entry in admin_log %}
+                                <div>
+                                    {% if entry.is_change %}
+                                        <i class="fas fa-edit bg-gray text-xs"></i>
+                                    {% elif entry.is_deletion %}
+                                        <i class="fas fa-trash bg-danger text-xs"></i>
+                                    {% elif entry.is_addition %}
+                                        <i class="fas fa-plus-circle bg-success text-xs"></i>
+                                    {% endif %}
+
+                                    <div class="timeline-item">
+                                        <span class="time"><i class="fas fa-clock"></i> {% blocktrans with timesince=entry.action_time|timesince %}{{ timesince }} ago{% endblocktrans %}</span>
+                                        <h3 class="timeline-header no-border">
+                                            {% if entry.is_deletion or not entry.get_admin_url %}
+                                                {{ entry.object_repr }}
+                                            {% else %}
+                                                <a href="{{ entry.get_admin_url }}">{{ entry.object_repr }}</a>
+                                            {% endif %}
+
+                                            {% if entry.model %}
+                                                <span class="mini quiet">
+                                                    {% filter capfirst %}
+                                                        {{ entry.model }}
+                                                    {% endfilter %}
+                                                </span>
+                                            {% endif %}
+                                        </h3>
+                                        {% if not entry.is_deletion %}
+                                            <div class="timeline-body">
+                                                {% if entry.is_addition %}
+                                                    {{ entry }}
+                                                {% else %}
+                                                    <ul style="list-style: none; padding: 0;">
+                                                        {% action_message_to_list entry as action_message_list %}
+                                                        {% for action_message in action_message_list %}
+                                                            <li>{{ action_message.msg|style_bold_first_word }}</li>
+                                                        {% endfor %}
+                                                    </ul>
+                                                {% endif %}
+                                            </div>
+                                        {% endif %}
+                                    </div>
+                                </div>
+                            {% endfor %}
+                            <div>
+                                <i class="fa fa-clock bg-gray"></i>
+                            </div>
+                        </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}