| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 |
- {% load static %}
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>title creator</title>
- <!-- Meta -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="title" content="title creator">
- <!-- Fonts -->
- <link rel="stylesheet"
- href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css">
- <!-- Plugins -->
- <link rel="stylesheet"
- href="{% static 'css/overlayscrollbars.min.css' %}">
- <link rel="stylesheet"
- href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css">
- <link rel="stylesheet"
- href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
- <!-- AdminLTE -->
- <link rel="stylesheet" href="{% static 'css/adminlte.css' %}">
- <link rel="stylesheet" href="{% static 'css/select2-bootstrap4.min.css' %}">
- <link rel="stylesheet" href="{% static 'css/custom.css' %}">
- <style>
- .select2-container .select2-search--inline .select2-search__field {
- top: 3px;
- font-size: 14px;
- }
- #full-page-loader {
- position: fixed;
- inset: 0;
- background: rgba(0, 0, 0, 0.6);
- z-index: 9999;
- display: none;
- justify-content: center;
- align-items: center;
- }
- #full-page-loader .spinner-border {
- width: 3rem;
- height: 3rem;
- }
- </style>
- </head>
- <body class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse app-loaded">
- <div class="app-wrapper">
- <style>
- .user-avatar {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- background-color: #007bff;
- color: #fff;
- font-weight: 600;
- border-radius: 50%;
- text-transform: uppercase;
- }
- .user-avatar-sm {
- width: 35px;
- height: 35px;
- font-size: 18px;
- }
- .user-avatar-lg {
- width: 100px;
- height: 100px;
- font-size: 66px;
- }
- </style>
- <nav class="app-header navbar navbar-expand bg-body">
- <div class="container-fluid">
- <!-- Left Navbar -->
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
- <i class="bi bi-list"></i>
- </a>
- </li>
- </ul>
- <!-- Right Navbar -->
- <ul class="navbar-nav ms-auto">
- <!-- Fullscreen -->
- <li class="nav-item">
- <a class="nav-link" href="#" data-lte-toggle="fullscreen">
- <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
- <i data-lte-icon="minimize" class="bi bi-fullscreen-exit d-none"></i>
- </a>
- </li>
- <!-- User Menu -->
- <li class="nav-item dropdown user-menu">
- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
- {% if request.session.user_email %}
- <span class="user-avatar user-avatar-sm shadow">
- {{ request.session.user_email|slice:":1" }}
- </span>
- {% else %}
- <img src="{% static 'images/user2-160x160.jpg' %}"
- class="user-image rounded-circle shadow"
- alt="User Image">
- {% endif %}
- <span class="d-none d-md-inline">
- {{ request.session.user_email }}
- </span>
- </a>
- <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
- <!-- User Header -->
- <li class="user-header text-bg-secondary">
- {% if request.session.user_email %}
- <span class="user-avatar user-avatar-lg shadow">
- {{ request.session.user_email|slice:":1" }}
- </span>
- {% else %}
- <img src="{% static 'images/user2-160x160.jpg' %}"
- class="rounded-circle shadow"
- alt="User Image">
- {% endif %}
- <p>
- {{ request.session.user_email }} – Admin
- </p>
- </li>
- <!-- User Footer -->
- <li class="user-footer">
- <a href="#" class="btn btn-default btn-flat">Profile</a>
- <a href="{% url 'logout' %}" class="btn btn-default btn-flat float-end">
- Sign out
- </a>
- </li>
- </ul>
- </li>
- </ul>
- </div>
- </nav>
- {% include 'sidebar.html' %}
|