header.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <title>title creator</title>
  7. <!-- Meta -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="title" content="title creator">
  10. <!-- Fonts -->
  11. <link rel="stylesheet"
  12. href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css">
  13. <!-- Plugins -->
  14. <link rel="stylesheet"
  15. href="{% static 'css/overlayscrollbars.min.css' %}">
  16. <link rel="stylesheet"
  17. href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.min.css">
  18. <link rel="stylesheet"
  19. href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">
  20. <!-- AdminLTE -->
  21. <link rel="stylesheet" href="{% static 'css/adminlte.css' %}">
  22. <link rel="stylesheet" href="{% static 'css/select2-bootstrap4.min.css' %}">
  23. <link rel="stylesheet" href="{% static 'css/custom.css' %}">
  24. <style>
  25. .select2-container .select2-search--inline .select2-search__field {
  26. top: 3px;
  27. font-size: 14px;
  28. }
  29. #full-page-loader {
  30. position: fixed;
  31. inset: 0;
  32. background: rgba(0, 0, 0, 0.6);
  33. z-index: 9999;
  34. display: none;
  35. justify-content: center;
  36. align-items: center;
  37. }
  38. #full-page-loader .spinner-border {
  39. width: 3rem;
  40. height: 3rem;
  41. }
  42. </style>
  43. </head>
  44. <body class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse app-loaded">
  45. <div class="app-wrapper">
  46. <style>
  47. .user-avatar {
  48. display: inline-flex;
  49. justify-content: center;
  50. align-items: center;
  51. background-color: #007bff;
  52. color: #fff;
  53. font-weight: 600;
  54. border-radius: 50%;
  55. text-transform: uppercase;
  56. }
  57. .user-avatar-sm {
  58. width: 35px;
  59. height: 35px;
  60. font-size: 18px;
  61. }
  62. .user-avatar-lg {
  63. width: 100px;
  64. height: 100px;
  65. font-size: 66px;
  66. }
  67. </style>
  68. <nav class="app-header navbar navbar-expand bg-body">
  69. <div class="container-fluid">
  70. <!-- Left Navbar -->
  71. <ul class="navbar-nav">
  72. <li class="nav-item">
  73. <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
  74. <i class="bi bi-list"></i>
  75. </a>
  76. </li>
  77. </ul>
  78. <!-- Right Navbar -->
  79. <ul class="navbar-nav ms-auto">
  80. <!-- Fullscreen -->
  81. <li class="nav-item">
  82. <a class="nav-link" href="#" data-lte-toggle="fullscreen">
  83. <i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
  84. <i data-lte-icon="minimize" class="bi bi-fullscreen-exit d-none"></i>
  85. </a>
  86. </li>
  87. <!-- User Menu -->
  88. <li class="nav-item dropdown user-menu">
  89. <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
  90. {% if request.session.user_email %}
  91. <span class="user-avatar user-avatar-sm shadow">
  92. {{ request.session.user_email|slice:":1" }}
  93. </span>
  94. {% else %}
  95. <img src="{% static 'images/user2-160x160.jpg' %}"
  96. class="user-image rounded-circle shadow"
  97. alt="User Image">
  98. {% endif %}
  99. <span class="d-none d-md-inline">
  100. {{ request.session.user_email }}
  101. </span>
  102. </a>
  103. <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
  104. <!-- User Header -->
  105. <li class="user-header text-bg-secondary">
  106. {% if request.session.user_email %}
  107. <span class="user-avatar user-avatar-lg shadow">
  108. {{ request.session.user_email|slice:":1" }}
  109. </span>
  110. {% else %}
  111. <img src="{% static 'images/user2-160x160.jpg' %}"
  112. class="rounded-circle shadow"
  113. alt="User Image">
  114. {% endif %}
  115. <p>
  116. {{ request.session.user_email }} – Admin
  117. </p>
  118. </li>
  119. <!-- User Footer -->
  120. <li class="user-footer">
  121. <a href="#" class="btn btn-default btn-flat">Profile</a>
  122. <a href="{% url 'logout' %}" class="btn btn-default btn-flat float-end">
  123. Sign out
  124. </a>
  125. </li>
  126. </ul>
  127. </li>
  128. </ul>
  129. </div>
  130. </nav>
  131. {% include 'sidebar.html' %}