Files
goodtimes/templates/elements/header.html

320 lines
20 KiB
HTML
Raw Permalink Normal View History

2024-02-29 13:25:50 +05:30
{% load static %}
<div class="header-container container-xxl">
<header class="header navbar navbar-expand-sm expand-header">
<a href="javascript:void(0);" class="sidebarCollapse">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-menu">
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</a>
<div class="search-animated toggle-search">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-search">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
2024-02-29 13:25:50 +05:30
<form class="form-inline search-full form-inline search" role="search">
<div class="search-bar">
2024-03-15 18:51:46 +05:30
{% comment %} <input type="text" class="form-control search-form-control ml-lg-auto"
placeholder="Search..."> {% endcomment %}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-x search-close">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</form>
{% comment %} <span class="badge badge-secondary">Ctrl + /</span> {% endcomment %}
</div>
<ul class="navbar-item flex-row ms-lg-auto ms-0">
<li class="nav-item dropdown language-dropdown">
2024-03-15 18:51:46 +05:30
{% comment %} <a href="javascript:void(0);" class="nav-link dropdown-toggle" id="language-dropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2024-02-29 13:25:50 +05:30
<img src="../src/assets/img/1x1/us.svg" class="flag-width" alt="flag">
</a>
<div class="dropdown-menu position-absolute" aria-labelledby="language-dropdown">
2024-03-15 18:51:46 +05:30
<a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/us.svg"
class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;English</span></a>
<a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/tr.svg"
class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Turkish</span></a>
<a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/br.svg"
class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Portuguese</span></a>
<a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/in.svg"
class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;Hindi</span></a>
<a class="dropdown-item d-flex" href="javascript:void(0);"><img src="../src/assets/img/1x1/de.svg"
class="flag-width" alt="flag"> <span class="align-self-center">&nbsp;German</span></a>
2024-02-29 13:25:50 +05:30
</div> {% endcomment %}
</li>
<li class="nav-item theme-toggle-item">
<a href="javascript:void(0);" class="nav-link theme-toggle">
2024-03-15 18:51:46 +05:30
{% comment %} <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-moon dark-mode">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-sun light-mode">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg> {% endcomment %}
2024-02-29 13:25:50 +05:30
</a>
</li>
2024-03-26 11:05:46 +05:30
<!-- <li class="nav-item dropdown notification-dropdown">
2024-03-15 18:51:46 +05:30
<a href="javascript:void(0);" class="nav-link dropdown-toggle" id="notificationDropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-bell">
<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
<path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
</svg><span class="badge badge-success"></span>
2024-02-29 13:25:50 +05:30
</a>
<div class="dropdown-menu position-absolute" aria-labelledby="notificationDropdown">
<div class="drodpown-title message">
2024-03-15 18:51:46 +05:30
<h6 class="d-flex justify-content-between"><span class="align-self-center">Messages</span> <span
class="badge badge-primary">9 Unread</span></h6>
2024-02-29 13:25:50 +05:30
</div>
<div class="notification-scroll">
<div class="dropdown-item">
<div class="media server-log">
<img src="../src/assets/img/profile-16.jpeg" class="img-fluid me-2" alt="avatar">
<div class="media-body">
<div class="data-info">
<h6 class="">Kara Young</h6>
<p class="">1 hr ago</p>
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
<div class="dropdown-item">
<div class="media ">
<img src="../src/assets/img/profile-15.jpeg" class="img-fluid me-2" alt="avatar">
<div class="media-body">
<div class="data-info">
<h6 class="">Daisy Anderson</h6>
<p class="">8 hrs ago</p>
</div>
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="media file-upload">
<img src="../src/assets/img/profile-21.jpeg" class="img-fluid me-2" alt="avatar">
<div class="media-body">
<div class="data-info">
<h6 class="">Oscar Garner</h6>
<p class="">14 hrs ago</p>
</div>
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
<div class="drodpown-title notification mt-2">
2024-03-15 18:51:46 +05:30
<h6 class="d-flex justify-content-between"><span
class="align-self-center">Notifications</span> <span
class="badge badge-secondary">16 New</span></h6>
2024-02-29 13:25:50 +05:30
</div>
<div class="dropdown-item">
<div class="media server-log">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-server">
<rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
<rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>
<line x1="6" y1="6" x2="6" y2="6"></line>
<line x1="6" y1="18" x2="6" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
<div class="media-body">
<div class="data-info">
<h6 class="">Server Rebooted</h6>
<p class="">45 min ago</p>
</div>
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="media file-upload">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-file-text">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
<line x1="16" y1="13" x2="8" y2="13"></line>
<line x1="16" y1="17" x2="8" y2="17"></line>
<polyline points="10 9 9 9 8 9"></polyline>
</svg>
2024-02-29 13:25:50 +05:30
<div class="media-body">
<div class="data-info">
<h6 class="">Kelly Portfolio.pdf</h6>
<p class="">670 kb</p>
</div>
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
<div class="dropdown-item">
<div class="media ">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-heart">
<path
d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z">
</path>
</svg>
2024-02-29 13:25:50 +05:30
<div class="media-body">
<div class="data-info">
<h6 class="">Licence Expiring Soon</h6>
<p class="">8 hrs ago</p>
</div>
<div class="icon-status">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" class="feather feather-x">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
2024-02-29 13:25:50 +05:30
</div>
</div>
</div>
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
</div>
</div>
2024-03-15 18:51:46 +05:30
2024-03-26 11:05:46 +05:30
</li> -->
2024-02-29 13:25:50 +05:30
<li class="nav-item dropdown user-profile-dropdown order-lg-0 order-1">
2024-03-15 18:51:46 +05:30
<a href="javascript:void(0);" class="nav-link dropdown-toggle user" id="userProfileDropdown"
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2024-02-29 13:25:50 +05:30
<div class="avatar-container">
<div class="avatar avatar-sm avatar-indicators avatar-online">
{% if not request.user.profile_photo%}
2024-03-26 11:05:46 +05:30
<img alt="avatar" src="{% static 'img/profile_image.jpeg' %}" class="rounded-circle">
2024-02-29 13:25:50 +05:30
{% elif request.user.profile_photo and request.user.profile_photo.url %}
2024-03-15 18:51:46 +05:30
<img alt="avatar" src="{{ request.user.profile_photo.url }}" class="rounded-circle">
2024-02-29 13:25:50 +05:30
{% else %}
2024-03-26 11:05:46 +05:30
<img alt="avatar" src="{% static 'img/profile_image.jpeg' %}" class="rounded-circle">
2024-02-29 13:25:50 +05:30
{%endif%}
</div>
</div>
</a>
<div class="dropdown-menu position-absolute" aria-labelledby="userProfileDropdown">
<div class="user-profile-section">
<div class="media mx-auto">
<div class="emoji me-2">
&#x1F44B;
</div>
<div class="media-body">
<h5>{{ user.get_full_name }}</h5>
<p>{{user.principal_type.name}}</p>
</div>
</div>
</div>
<div class="dropdown-item">
<a href="{% url 'accounts:profile_details' %}">
2024-03-15 18:51:46 +05:30
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-user">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg> <span>Profile</span>
2024-02-29 13:25:50 +05:30
</a>
</div>
2024-03-15 18:51:46 +05:30
<!-- <div class="dropdown-item">
2024-02-29 13:25:50 +05:30
<a href="{% url 'accounts:logout' %}">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-log-out"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg> <span>Log Out</span>
</a>
2024-03-15 18:51:46 +05:30
</div> -->
<div class="dropdown-item">
<form action="{% url 'accounts:logout' %}" method="post" style="display: inline;">
{% csrf_token %}
<button type="submit"
style="background: none; border: none; padding: 0; margin: 0; color: #007bff; cursor: pointer;">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-log-out">
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
<polyline points="16 17 21 12 16 7"></polyline>
<line x1="21" y1="12" x2="9" y2="12"></line>
</svg> <span>Log Out</span>
</button>
</form>
2024-02-29 13:25:50 +05:30
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
</div>
2024-03-15 18:51:46 +05:30
2024-02-29 13:25:50 +05:30
</li>
</ul>
</header>
</div>