Programming
base.html
Base.html
{% load static %}
{% load humanize %}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Панель управления - Капиталбанк</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/style.min.css" rel="stylesheet" />
<link href="{% static 'css/styles.css' %}" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v6.3.0/css/all.css" rel="stylesheet" />
<script src="{% static 'js/plotly.min.js' %}"></script>
<link rel="icon" href="data:;base64,=">
<style>
body {
font-family: var(--font-sans);
background: linear-gradient(135deg, #e0f2fe 0%, #f1f5f9 100%);
color: var(--dark);
line-height: 1.7;
margin: 0;
overflow-x: hidden;
}
.currency-ticker-container {
overflow: hidden; /* Hides content outside the container */
white-space: nowrap; /* Keeps content on a single line */
width: 100%;
max-width: 500px; /* Adjust max-width as needed for navbar space */
}
.currency-ticker-wrap {
display: inline-block;
padding-left: 100%; /* Starts the animation off-screen to the right */
box-sizing: content-box;
animation: marquee 25s linear infinite; /* Adjust duration to control speed */
}
.currency-ticker-wrap:hover {
animation-play-state: paused; /* Pauses the animation on hover */
}
.ticker-item {
display: inline-block;
padding-right: 1rem; /* Space between items */
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); } /* Scrolls the entire content width to the left */
}
</style>
{% block extra_css %}
{% endblock extra_css %}
</head>
<body class="sb-nav-fixed">
<nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark" id="alfa">
<!-- Navbar Brand-->
<a class="navbar-brand ps-3" href="{% url 'home' %}">
<img src="{% static 'images/logo2.svg' %}" alt="Капиталбанк" height="40">
</a>
<!-- Sidebar Toggle-->
<button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
<!-- Currency Exchange Ticker (New Section) -->
<div class="currency-ticker-container d-none d-md-block ms-auto me-0 me-md-3 my-2 my-md-0">
</div>
<!-- Navbar-->
<ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw text-warning"></i></a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#!">Настройки</a></li>
{% if request.user.is_authenticated %}
<li><a class="dropdown-item" href="{% url 'profile-user' request.user.username %}">Мой профиль</a></li>
{% endif %}
<li><hr class="dropdown-divider" /></li>
<li>
{% if request.user.is_authenticated %}
<a class="dropdown-item" href="{% url 'logout' %}">Выйти</a>
{% else %}
<a class="dropdown-item" href="{% url 'login' %}">Войти</a>
<a class="dropdown-item" href="{% url 'register' %}">Зарегистрироваться</a>
{% endif %}
</li>
</ul>
</li>
</ul>
</nav>
<div id="layoutSidenav">
<div id="layoutSidenav_nav">
<nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
<div class="sb-sidenav-menu-heading" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Скачать сводную таблицу в формате excel.">Основное</div>
<a class="nav-link" href="{% url 'home' %}"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="Перейти на главную страницу">
<div class="sb-nav-link-icon"><i class="fa-solid fa-house-chimney text-warning"></i></div>
Главная 📌
</a>
<div class="sb-sidenav-menu-heading">Отчеты</div>
<a class="nav-link" href="{% url 'autotask-results-data' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="На этой странице отображается концентрация кредитного портфеля по филиалам, регионам, валютам, секторам экономики и т.д.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-arrows-to-circle text-warning"></i></div>
Концентрация КП
</a>
<a class="nav-link" href="{% url 'loanportfel-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="На этой странице отображается концентрация кредитного портфеля по филиалам, регионам, валютам, секторам экономики и т.д.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-arrows-to-circle text-warning"></i></div>
Loanportfel
</a>
<a class="nav-link" href="{% url 'balans-results-data' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Вот сравнение суммы кредита по балансовым отчетам и отчетам по кредитному портфелю.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-scale-balanced text-warning"></i></div>
Баланс против КП
</a>
<a class="nav-link" href="{% url 'mon-report-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Перейдите на страницу ежемесячного отчета. Он будет обновляться раз в месяц">
<div class="sb-nav-link-icon"><i class="fas fa-table text-warning"></i></div>
Ежемесячный отчет
</a>
<div class="sb-sidenav-menu-heading">Анализ</div>
<a class="nav-link" href="{% url 'vintage-analysis' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Вот сравнение суммы кредита по балансовым отчетам и отчетам по кредитному портфелю.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-diagram-project text-warning"></i></div>
Винтаж
</a>
<a class="nav-link" href="{% url 'service-maps' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Визуализируйте и загружайте региональные данные по филиалам">
<div class="sb-nav-link-icon"><i class="fas fa-map-marked-alt text-warning"></i></div>
NPL по регионам
</a>
<a class="nav-link" href="{% url 'location-result' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Эта страница посвящена портфелю кредитов по дням и периодам просрочки.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-street-view text-warning"></i></div>
Клиент аддресс
</a>
<a class="nav-link" href="{% url 'creditline-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Данные о финансовых обязательствах контрагентов, включая кредитные линии и счета по дата.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-location-crosshairs text-warning"></i></div>
Обяз.во Контрагента
</a>
<a class="nav-link" href="{% url 'saldovka-results' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="работаю над этим">
<div class="sb-nav-link-icon"><i class="fas fa-layer-group text-warning"></i></div>
Салдовка
</a>
<div class="sb-sidenav-menu-heading">Дополнения</div>
<a class="nav-link" href="{% url 'search-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Эта страница поможет выполнить некоторые функции с данными">
<div class="sb-nav-link-icon"><i class="fa-solid fa-magnifying-glass-dollar text-warning"></i></div>
Поиск и загрузка
</a>
<a class="nav-link" href="{% url 'service-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Эта страница поможет выполнить некоторые функции с данными">
<div class="sb-nav-link-icon"><i class="fa-solid fa-handshake-angle text-warning"></i></div>
Дополнительные услуги
</a>
<a class="nav-link" href="{% url 'b2-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Эта страница поможет выполнить некоторые функции с данными">
<div class="sb-nav-link-icon"><i class="fa-solid fa-database text-warning"></i></div>
Изменения Б2
</a>
<a class="nav-link" href="{% url 'laws-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="На этой странице в доступной форме объясняются и разъясняются правила и законы.">
<div class="sb-nav-link-icon"><i class="fas fa-balance-scale text-warning"></i></div>
Законы
</a>
<div class="sb-sidenav-menu-heading">Работающий</div>
<a class="nav-link" href="{% url 'balanselfcomp-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="На этой странице сравниваются различия в балансе в разные дни.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-scale-unbalanced text-warning"></i></div>
Баланс Делта
</a>
<a class="nav-link" href="{% url 'overdue-results-data' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Эта страница посвящена портфелю кредитов по дням и периодам просрочки.">
<div class="sb-nav-link-icon"><i class="fas fa-calendar-xmark text-warning"></i></div>
Просрочка дни
</a>
<a class="nav-link" href="{% url 'risk-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Ежедневный мониторинг главных индикаторов риска по пяти направлениям.">
<div class="sb-nav-link-icon"><i class="fas fa-calendar-xmark text-warning"></i></div>
Риск
</a>
<a class="nav-link" href="{% url 'collateral-home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Проверьте тип и сумму залогового обеспечения кредитов в разных регионах.">
<div class="sb-nav-link-icon"><i class="fas fa-layer-group text-warning"></i></div>
Обеспеченые график
</a>
<div class="sb-sidenav-menu-heading">Организация</div>
<a class="nav-link" href="{% url 'topics-list' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Обсудите различные темы с коллегами..">
<div class="sb-nav-link-icon"><i class="fas fa-blog text-warning"></i></div>
Обсуждение
</a>
<a class="nav-link" href="{% url 'game_home' %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Найдите время для развлечений.">
<div class="sb-nav-link-icon"><i class="fa-solid fa-trophy text-warning"></i></div>
Игры
</a>
</div>
</div>
{% if user.is_authenticated %}
<div class="sb-sidenav-footer">
<div class="small">Вошел как:</div>
<a class="btn btn-warning btn-sm" href="{% url 'profile-user' request.user.username %}" data-bs-toggle="tooltip"
data-bs-placement="top"
title="Нажмите, если хотите перейти на страницу своего профиля.">
{{ user.username }}
</a>
</div>
{% endif %}
</nav>
</div>
<div id="layoutSidenav_content">
<main>
<!-- Improved message rendering -->
{% if messages %}
<div class="container-fluid px-4">
{% for message in messages %}
{% comment %} Define the alert class based on the message tag {% endcomment %}
{% with alert_class=message.tags %}
{% if message.tags == 'error' %}
{% with alert_class='danger' %}
<div class="alert alert-{{ alert_class }} alert-dismissible fade show mt-3" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endwith %}
{% elif message.tags == 'warning' %}
{% with alert_class='warning' %}
<div class="alert alert-{{ alert_class }} alert-dismissible fade show mt-3" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endwith %}
{% else %}
<div class="alert alert-secondary alert-dismissible fade show mt-3" role="alert">
{{ message }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endif %}
{% endwith %}
{% endfor %}
</div>
{% endif %}
{% block content %}
{% endblock content %}
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@7.1.2/dist/umd/simple-datatables.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
<script src="{% static 'js/scripts.js' %}" defer></script>
{% block extra_js %}
{% endblock extra_js %}
</body>
</html>
PO
powerty
Author
· Staff
July 27, 2026
July 27, 2026
8
Views
0
Likes
5m
Read