2023-05-10 15:06:57 +05:30
{% load static %}
2024-02-09 11:53:40 +05:30
2023-05-10 15:06:57 +05:30
{% load i18n %}
{% load attendancefilters %}
<!DOCTYPE html>
< html >
{% get_current_language_bidi as LANGUAGE_BIDI %}
{% get_current_language as LANGUAGE_CODE %}
2023-07-26 12:15:01 +05:30
{% comment %} < html dir = "{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}" lang = "{{ LANGUAGE_CODE }}" > {% endcomment %}
2023-05-10 15:06:57 +05:30
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
2024-01-02 13:55:51 +05:30
< script >
var at_work_seconds = {{ request.user.employee_get.get_forecasted_at_work.forecasted_at_work_seconds }}
var run = 0
< / script >
< title class = "time-runner stop-runner" > Horilla< / title >
2023-05-18 16:19:06 +05:30
< link rel = "apple-touch-icon" sizes = "180x180" href = "{% static 'favicons/apple-touch-icon.png' %}" >
2024-02-09 11:53:40 +05:30
< meta name = "theme-color" content = "orangered" >
< link rel = "manifest" href = "{% static 'build/manifest.json' %}" >
2023-05-18 16:19:06 +05:30
< link rel = "icon" type = "image/png" sizes = "32x32" href = "{% static 'favicons/favicon-32x32.png' %}" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "{% static 'favicons/favicon-16x16.png' %}" >
2023-08-31 16:53:07 +05:30
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/sweetalert2@11.0.20/dist/sweetalert2.min.css" >
2023-05-18 16:19:06 +05:30
< meta name = "msapplication-TileColor" content = "#da532c" >
< meta name = "theme-color" content = "#ffffff" >
2023-05-10 15:06:57 +05:30
< link rel = "stylesheet" href = "{% static 'build/css/style.min.css' %}" / >
2023-06-06 14:14:43 +05:30
< link rel = "stylesheet" href = "{% static 'build/css/summernote-lite.min.css' %}" / >
2023-05-18 16:19:06 +05:30
< script src = "{% static '/jquery/ajax.js' %}" > < / script >
2023-05-10 15:06:57 +05:30
< script src = "{% static '/jquery/jquery.min.js' %}" > < / script >
< link rel = "stylesheet" href = "{% static '/jquery/jqueryui.css' %}" >
< script src = "{% static '/jquery/jqueryui.js' %}" > < / script >
2024-01-23 15:24:30 +05:30
< script src = "{% static '/base/toggleColumn.js' %}" > < / script >
2024-01-25 11:06:11 +05:30
< script src = "{% static '/build/js/orgChart.js' %}" > < / script >
2024-01-23 15:24:30 +05:30
2023-05-10 15:06:57 +05:30
<!-- Popper.JS -->
<!-- Bootstrap JS -->
{% block styles %}
{% endblock styles %}
< style >
2024-02-17 15:18:58 +05:30
.note-modal-backdrop{
z-index: 1020;
}
.note-editing-area{
background-color: white;
}
2024-02-16 10:43:54 +05:30
.oh-activity-sidebar__body {
overflow-y: auto !important;
min-height: calc(100% - 90px) !important;
max-height: calc(110% - 90px) !important;
}
2024-02-15 12:19:25 +05:30
#main-section{
padding-top: 60px !important;
}
#mainNav{
padding: 0 !important;
}
2023-11-04 12:59:07 +05:30
.oh-modal__close--custom {
border: none;
background: none;
font-size: 1.5rem;
opacity: 0.7;
position: absolute;
top: 25px;
right: 15px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
2023-05-10 15:06:57 +05:30
ul.errorlist {
color: #d9534f;
background-color: #f0d8d8;
border-color: #d6e9c6;padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
2023-10-26 12:55:25 +05:30
ul:not(.ul){
2023-05-10 15:06:57 +05:30
list-style-type: none;
}
2023-09-13 16:52:29 +05:30
ion-icon {
pointer-events: none;
}
.row-status--purple {
border-left: 4px solid rgba(128, 128, 128, 0.482);
border-radius: 5px;
}
.row-status--cyan {
border-left: 4px solid cyan;
border-radius: 5px;
}
.row-status--yellow {
border-left: 4px solid yellowgreen;
border-radius: 5px;
}
.row-status--red {
border-left: 4px solid red;
border-radius: 5px;
}
.row-status--black {
border-left: 4px solid black;
border-radius: 5px;
}
.row-status--gray {
border-left: 4px solid gray;
border-radius: 5px;
}
.row-status--orange {
border-left: 4px solid orange;
border-radius: 5px;
}
.row-status--gray {
border-left: 4px solid gray;
border-radius: 5px;
}
.row-status--yellow {
border-left: 4px solid yellowgreen;
border-radius: 5px;
}
.row-status--blue {
border-left: 4px solid rgb(103, 171, 238);
border-radius: 5px;
}
2023-10-09 12:01:55 +05:30
form label{
font-weight: 700;
}
2023-10-10 15:42:51 +05:30
.oh-modal .oh-modal__dialog-title{
font-weight: 600;
color: #4f4a4a;
}
.flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flexbox > div {
width: 300px;
height: 300px;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}
.triple-spinner {
display: block;
position: relative;
width: 125px;
height: 125px;
border-radius: 50%;
border: 4px solid transparent;
border-top: 4px solid #FF5722;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
.triple-spinner::before,
.triple-spinner::after {
content: "";
position: absolute;
border-radius: 50%;
border: 4px solid transparent;
}
.triple-spinner::before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-top-color: #FF9800;
-webkit-animation: spin 3s linear infinite;
animation: spin 3.5s linear infinite;
}
.triple-spinner::after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-top-color: #FFC107;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.75s linear infinite;
}
-webkit-@keyframes spin {
-webkit-from {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
-webkit-to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
2023-10-11 11:38:15 +05:30
.oh-titlebar__tag.filter-field{
border: solid 1px #ff450033;
}
.oh-titlebar__tag--custom{
background-color: rgba(255, 68, 0, 0.543) !important;
color: white;
}
2023-10-13 14:53:27 +05:30
.loader-container {
position: relative;
width: 120px;
height: 120px;
margin-left: 199px;
}
.loader {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #a4a3a3;
width: 100%;
height: 100%;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
.loader-text {
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 15px;
font-weight: bold;
color: #000;
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
2023-11-27 22:04:48 +05:30
.oh-accordion-meta__header .oh-accordion-meta__title {
font-weight: 600;
}
2023-10-10 15:42:51 +05:30
2023-05-10 15:06:57 +05:30
2023-12-06 11:31:24 +05:30
.exclude-accordion-style{
cursor:pointer;
}
2023-12-07 10:21:27 +05:30
2023-12-06 11:31:24 +05:30
.panel {
display: none;
background-color: white;
overflow: hidden;
}
2024-01-31 12:01:20 +05:30
.perm-accordion{
border: 1px solid #6c757d1c !important;
margin: 0 0 2px 0 !important;
width: -100%;
}
.app-permissions{
background-color: rgba(242, 249, 255, 0.586);
}
.perm-accordion-active{
background-color: rgba(215, 233, 251, 0.621) !important;
}
.perm-accordion-active:hover{
background-color: rgba(215, 233, 251, 0.408) !important;
}
.arrow-up::before {
2024-01-31 16:16:49 +05:30
content: '\21D1';
font-size:15px;
2024-01-31 12:01:20 +05:30
display: inline-block;
margin-right: 5px;
}
.arrow-down::before {
2024-01-31 16:16:49 +05:30
content: '\21D3';
font-size:15px;
display: inline-block;
margin-right: 5px;
}
.arrow-up-down::before {
content: '\21C5';
font-size:15px;
2024-01-31 12:01:20 +05:30
display: inline-block;
margin-right: 5px;
}
.oh-activity-sidebar__header {
position: relative;
}
.delete-all-link {
position: absolute;
color: rgb(63 124 242);
top: -5px;
right: 10px;
margin: 10px;
cursor: pointer;
2024-02-03 14:08:24 +05:30
}
.oh-sticky-table__right {
position: sticky;
right: 0;
background-color: #fff;
2024-01-31 12:01:20 +05:30
}
2024-02-07 12:53:46 +05:30
.select2-container .select2-selection.select2-selection--multiple{
padding: 5px !important;
max-height: 90px !important;
overflow: hidden;
overflow-y: scroll;
}
2024-02-08 16:43:52 +05:30
@media screen and (max-width: 575.98px) {
2024-02-08 12:46:07 +05:30
.at-work-seconds {
font-size: 10px;
}
#attendance-activity-container .oh-btn{
padding: 0.5rem 0.2rem;
}
2024-02-08 16:43:52 +05:30
.oh-pagination {
margin-bottom:10px;
}
2024-02-08 12:46:07 +05:30
}
2024-02-07 17:28:14 +05:30
.oh-main__topbar {
padding-bottom:1rem;
}
.oh-inner-sidebar-content{
padding-top:0;
2024-02-12 13:58:46 +05:30
}
2024-03-08 11:36:36 +05:30
.hydrated:not(.close-icon){
2024-02-12 13:58:46 +05:30
margin-right:4px;
2024-02-13 13:50:18 +05:30
}
.required-star::after {
content: "*";
padding-left: 5px;
color: red;
2024-02-15 16:39:54 +05:30
}
.oh-badge--small {
margin-top: 0px !important;
width: 20px !important;
height: 20px !important;
display: flex !important;
font-size: 0.7rem !important;
align-items: center !important;
/* line-height: 0; */
justify-content: center !important;
2024-02-21 10:52:30 +05:30
}
2024-02-28 14:54:33 +05:30
.oh-navbar {
z-index:15 !important;
2024-03-08 22:42:28 +05:30
}
.swal2-actions {
direction: rtl;
2024-02-07 17:28:14 +05:30
}
2023-12-07 10:21:27 +05:30
< / style >
2023-05-10 15:06:57 +05:30
< / head >
2023-10-10 15:42:51 +05:30
{% comment %} < div class = "flexbox" > {% endcomment %}
<!-- TRIPLE SPINNER -->
{% comment %} < div >
< div class = "triple-spinner" > < / div >
< / div > {% endcomment %}
{% comment %} < / div > {% endcomment %}
2023-05-10 15:06:57 +05:30
< body hx-headers = '{"X-CSRFToken": "{{ csrf_token }}"}' >
{% if messages %}
< div class = "oh-alert-container" >
{% for message in messages %}
< div class = "oh-alert oh-alert--animated {{message.tags}}" >
{{ message }}
< / div >
{% endfor %}
< / div >
{% endif %}
< div class = "oh-wrapper-main" :class = "!sidebarOpen ? 'oh-wrapper-main--closed' : ''" x-data = "{sidebarOpen: true}"
@load.window="
width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if (width < 575.98 ) {
sidebarOpen = false
}" @resize.window="
width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if (width < 575.98 ) {
sidebarOpen = false
}">
< div id = "sidebar" >
{% include 'sidebar.html' %}
< / div >
< div id = "main" >
<!-- Navigation -->
<!-- Confirm Modal -->
< div
class="oh-modal"
id="confirmModal"
role="dialog"
aria-labelledby="confirmModalLabel"
aria-hidden="true"
>
< div class = "oh-modal__dialog oh-modal__dialog--confirm" >
< div class = "oh-modal__dialog-header" >
< span class = "oh-modal__dialog-title" id = "confirmModalLabel"
>< /span
>
< / div >
< div class = "oh-modal__dialog-body" id = "confirmModalBody" >
< / div >
2023-08-31 16:53:07 +05:30
{% comment %} < div class = "oh-modal__dialog-footer" >
2023-05-10 15:06:57 +05:30
< button class = "oh-btn oh-btn--success" id = "ok" > {% trans "Confirm" %}< / button >
< button class = "oh-btn oh-btn--danger oh-modal__cancel" id = "cancel" >
{% trans "Cancel" %}
< / button >
2023-08-31 16:53:07 +05:30
< / div > {% endcomment %}
2023-05-10 15:06:57 +05:30
< / div >
< / div >
<!-- End of Confirm Modal -->
2024-02-21 16:43:57 +05:30
< div class = "oh-activity-sidebar " id = "allNotifications" style = "z-index:1000" >
2023-05-10 15:06:57 +05:30
< div class = "oh-activity-sidebar__header" >
2023-10-17 10:18:43 +05:30
< span id = "notificationClose" style = "cursor: pointer;" title = "{% trans 'Close' %}" >
2024-01-31 12:01:20 +05:30
< ion-icon
2024-02-21 16:43:57 +05:30
name="chevron-forward-outline"
2024-01-31 12:01:20 +05:30
class="oh-activity-sidebar__header-icon me-2 oh-activity-sidebar__close"
id="close"
data-target="#activitySidebar"
style="font-size: 24px;"
>< / ion-icon >
< / span >
2023-05-10 15:06:57 +05:30
< span class = "oh-activity-sidebar__title" > {% trans "All Notifications" %}< / span >
2024-01-31 12:01:20 +05:30
< a class = "delete-all-link" hx-target = "#allNotificationBody" hx-post = "{% url 'delete-all-notifications'%}" > {% trans "Delete all" %}< / a >
2023-05-10 15:06:57 +05:30
< / div >
< div class = "oh-activity-sidebar__body" id = "allNotificationBody" >
{% include "notification/all_notifications.html" %}
< / div >
< / div >
2024-02-15 16:39:54 +05:30
< nav class = "oh-navbar" style = "width: -webkit-fill-available;;" >
2023-05-10 15:06:57 +05:30
< div class = "oh-wrapper oh-navbar__wrapper" >
2023-11-21 16:42:43 +05:30
{% comment %} < div class = "oh-navbar__toggle-container" >
2023-05-10 15:06:57 +05:30
< a href = "#" class = "oh-navbar__toggle-link oh-link__unstyled" @ click = "sidebarOpen = !sidebarOpen" >
< img src = "{% static 'images/ui/menu.svg' %}" width = "24" height = "24" class = "oh-navbar__toggle-menu"
loading="lazy" />
2023-05-18 16:19:06 +05:30
< span class = "oh-tabs__movable-title" style = "color: rgb(0, 0, 14);" > {% trans request.session.title %}< / span >
2023-05-10 15:06:57 +05:30
< / a >
2023-11-21 16:42:43 +05:30
< / div > {% endcomment %}
< div class = "oh-navbar__toggle-container" >
< a href = "#" class = "oh-navbar__toggle-link oh-link__unstyled" @ click = "sidebarOpen = !sidebarOpen" >
< img src = "{% static 'images/ui/menu.svg' %}" width = "24" height = "24" class = "oh-navbar__toggle-menu"
loading="lazy" />
< / a >
<!-- <span class="oh - navbar__page - title">Attendances</span> -->
{% if breadcrumbs %}
{% comment %} {{breadcrumbs}} {% endcomment %}
< ul class = "oh-navbar__breadcrumb" >
{% for breadcrumb in breadcrumbs %}
{% if forloop.last %}
< li class = "oh-navbar__breadcrumb-item" >
{% if breadcrumb.found %}
< a href = "{{breadcrumb.url}}" class = "oh-navbar__breadcrumb-link active" > {% trans breadcrumb.name %}< / a >
{% else %}
< a href = "#" class = "oh-navbar__breadcrumb-link active" > {% trans breadcrumb.name %}< / a >
{% endif %}
< / li >
{% else %}
< li class = "oh-navbar__breadcrumb-item" >
{% if breadcrumb.found %}
< a href = "{{breadcrumb.url}}" class = "oh-navbar__breadcrumb-link" > {% trans breadcrumb.name %}< / a >
{% else %}
< a href = "#" class = "oh-navbar__breadcrumb-link" > {% trans breadcrumb.name %}< / a >
{% endif %}
< / li >
{% endif %}
{% endfor %}
< / ul >
{% endif %}
< / a >
2023-05-10 15:06:57 +05:30
< / div >
< div class = "oh-navbar__systray" >
< div id = "attendance-activity-container" >
{% if request.user.employee_get %}
2023-12-01 15:36:51 +05:30
{% if request.session.selected_company == "all" or request.user.employee_get.employee_work_info.company_id.id == request.session.selected_company|default:"-1"|add:"0" %}
2023-12-18 17:18:54 +05:30
<!-- "CHEKING WETHER ITS IS THE CURRENT EMPLOYEES COMPANY OR ALL COMPANY, THEN ONLY SHOWS THE CHECK - IN, CHECK - OUT BUTTON" -->
2023-12-01 15:36:51 +05:30
{% if request.user|is_clocked_in %}
2024-01-29 15:10:02 +05:30
< button class = "oh-btn oh-btn--warning-outline mr-2" { % if enabled_timerunner % } onmouseenter = "$(this).find('span').show();$(this).find('.time-runner').hide();" onmouseleave = "$(this).find('span').hide();$(this).find('.time-runner').show();" { % endif % } hx-get = "{% url 'clock-out' %}" hx-target = '#attendance-activity-container' hx-swap = 'innerHTML' > < ion-icon class = "oh-navbar__clock-icon mr-2 text-warning" name = "exit-outline" > < / ion-icon >
< span class = "hr-Check-In-out-text" { % if enabled_timerunner % } style = "display: none;" { % endif % } > {% trans "Check-Out" %}< / span >
2024-01-02 13:55:51 +05:30
< div class = "time-runner" > < / div >
2023-12-01 15:36:51 +05:30
< / button >
2024-01-02 13:55:51 +05:30
< script >
run = 1
< / script >
2023-12-01 15:36:51 +05:30
{% else %}
2024-02-08 12:46:07 +05:30
< button { % if enabled_timerunner % } onmouseenter = "$(this).find('span').show();$(this).find('.at-work-seconds').hide();" onmouseleave = "$(this).find('span').hide();$(this).find('.at-work-seconds').show();" { % endif % }
class="oh-btn oh-btn--success-outline mr-2" hx-get="{% url 'clock-in' %}" hx-target='#attendance-activity-container' hx-swap='innerHTML'
>
< ion-icon class = "oh-navbar__clock-icon mr-2 text-success" name = "enter-outline" > < / ion-icon >
2024-01-29 15:10:02 +05:30
< span class = "hr-Check-In-out-text" { % if enabled_timerunner % } style = "display: none;" { % endif % } > {% trans "Check-In" %}< / span >
2024-01-03 10:13:00 +05:30
< div class = "at-work-seconds" > < / div >
2023-12-01 15:36:51 +05:30
< / button >
2024-01-29 15:10:02 +05:30
{% if enabled_timerunner %}
2024-01-02 13:55:51 +05:30
< script >
2024-01-03 10:13:00 +05:30
$(document).ready(function () {
$('.at-work-seconds').html(secondsToDuration({{request.user.employee_get.get_forecasted_at_work.forecasted_at_work_seconds}}))
});
2024-01-02 13:55:51 +05:30
run = 0
< / script >
2023-12-01 15:36:51 +05:30
{% endif %}
2024-01-29 15:10:02 +05:30
{% endif %}
2023-12-01 15:36:51 +05:30
{% endif %}
2023-05-10 15:06:57 +05:30
{% endif %}
< / div >
2024-01-09 16:01:34 +05:30
{% if request.user|any_permission:'base' or perms.attendance.view_attendancevalidationcondition %}
2023-12-01 15:36:51 +05:30
< div class = "oh-navbar__action-icons" title = "Settings" >
2024-03-04 10:13:07 +05:30
< a href = "/settings/general-settings" class = "oh-navbar__action-icons-link" >
2023-12-01 15:36:51 +05:30
< ion-icon name = "settings-outline" class = "oh-navbar__icon" > < / ion-icon >
< / a >
< / div >
2023-05-10 15:06:57 +05:30
{% endif %}
{% include 'notification/notification.html' %}
2024-02-06 12:46:04 +05:30
< div class = "oh-dropdown" x-data = "{open: false}" @ click = "open = !open" >
2023-07-26 12:15:01 +05:30
< div class = "oh-navbar__action-icons" >
2024-02-06 12:46:04 +05:30
< a href = "#" class = "oh-navbar__action-icons-link" title = "Languages" >
2023-07-26 12:15:01 +05:30
< ion-icon name = "globe-outline" class = "oh-navbar__icon" > < / ion-icon >
< / a >
2023-08-01 16:49:53 +05:30
< div class = "oh-dropdown__menu oh-dropdown__menu--right" x-show = "open" @ click . outside = "open = false" style = "display:none;" >
2023-07-26 12:15:01 +05:30
< ul class = "oh-dropdown__items" >
{% get_available_languages as LANGUAGES %}
{% for language in LANGUAGES %}
< li class = "oh-dropdown__item" >
< a href = "{% url 'set_language' %}" class = "oh-dropdown__link"
onclick="event.preventDefault(); document.getElementById('language-form-{{ language.0 }}').submit();">
< img src = "/static/images/ui/{{ language.0 }}.png" class = "oh-dropdown__lang-icon" / > {{ language.1 }}{% if language.0 == LANGUAGE_CODE %}
< ion-icon name = "checkmark-circle-outline" style = "
position: relative;
top: 3.3px;
color: green;
font-size: 1.2em;
2023-10-10 15:42:51 +05:30
">< / ion-icon >
2023-07-26 12:15:01 +05:30
{% endif %}
< / a >
< form id = "language-form-{{ language.0 }}" action = "{% url 'set_language' %}" method = "post" style = "display: none;" >
{% csrf_token %}
< input type = "hidden" name = "language" value = "{{ language.0 }}" >
< / form >
< / li >
{% endfor %}
< / ul >
< / div >
< / div >
2023-12-01 15:36:51 +05:30
< / div >
{% if perms.base.view_company %}
< div class = "oh-dropdown" x-data = "{open: false}" @ click = "open = !open" title = "Companies" >
< div class = "oh-navbar__action-icons" >
< a href = "#" class = "oh-navbar__action-icons-link" >
< ion-icon name = "business" > < / ion-icon >
< / a >
< div class = "oh-dropdown__menu oh-dropdown__menu--right" x-show = "open" @ click . outside = "open = false" style = "display:none;" >
< ul class = "oh-dropdown__items" >
{% for company in all_companies %}
< li class = "oh-dropdown__item" >
< a hx-get = "{% url " update-selected-company " % } ? company_id = {{company.0}}"class="oh-dropdown__link" >
< img src = "{{company.2}}" class = "oh-dropdown__lang-icon" style = "border-radius: 50%;" / > {{company.1}}
{% if company.3 %}
< ion-icon name = "checkmark-circle-outline" style = "
position: relative;
top: 3.3px;
color: green;
font-size: 1.2em;
">< / ion-icon >
{% endif %}
{% if not company_selected and request.user.employee_get.employee_work_info.company_id.id == company.0 %}
< ion-icon name = "checkmark-circle-outline" style = "
position: relative;
top: 3.3px;
color: green;
font-size: 1.2em;
">< / ion-icon >
{% endif %}
< / a >
< / li >
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
{% endif %}
2023-05-10 15:06:57 +05:30
< div class = "oh-dropdown" x-data = "{open: false}" >
< div class = "oh-navbar__user-info" @ click = "open = !open" @ click . outside = "open = false" >
< div class = "oh-navbar__user-photo" >
2023-11-29 11:15:46 +05:30
< img src = "{{request.user.employee_get.get_avatar}}" class = "oh-navbar__user-image" loading = "lazy" / >
2023-05-10 15:06:57 +05:30
< / div >
< span class = "oh-navbar__user-name" > {{user.employee_get.employee_first_name | title}}< / span >
< / div >
< div class = "oh-dropdown__menu oh-dropdown__menu--right" x-show = "open" style = "display: none;" >
< ul class = "oh-dropdown__items" >
2023-12-13 10:09:43 +05:30
{% if request.session.selected_company == "all" or request.user.employee_get.employee_work_info.company_id.id == request.session.selected_company|default:"-1"|add:"0" %}
2023-05-10 15:06:57 +05:30
< li class = "oh-dropdown__item" >
< a href = "/employee/employee-profile" class = "oh-dropdown__link" > {% trans "My Profile" %}< / a >
< / li >
2023-08-08 10:13:50 +05:30
< li class = "oh-dropdown__item" >
< a href = "/change-password" class = "oh-dropdown__link" > {% trans "Change Password" %}< / a >
< / li >
2023-12-13 10:09:43 +05:30
{% endif %}
2023-05-10 15:06:57 +05:30
< / ul >
< hr / >
< ul class = "oh-dropdown__items" >
< li class = "oh-dropdown__item" >
< a href = "/logout" class = "oh-dropdown__link" > {% trans "Logout" %}< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< / nav >
<!-- End of Navigation -->
< div id = 'main-section' >
2023-10-10 15:42:51 +05:30
< div id = "tripple-loader-contaner" class = "d-flex justify-content-center align-items-center tripple-loader-contaner--visible" style = "height:90vh;" > < div class = "triple-spinner" > < / div > < / div >
2024-02-02 19:44:48 +05:30
< div id = "main-section-data" style = "display: none;" data-lang = "{{LANGUAGE_CODE}}" >
2023-10-10 15:42:51 +05:30
{% block content %}
2024-03-02 10:33:30 +05:30
{% include 'dashboard.html' %}
2023-10-10 15:42:51 +05:30
{% endblock content %}
2024-03-02 10:33:30 +05:30
< div
class="oh-modal" style="z-index: 60;"
id="objectDetailsModal"
role="dialog"
aria-labelledby="objectDetailsModalLabel"
aria-hidden="true"
>
2024-03-04 14:42:26 +05:30
< div class = "oh-modal__dialog oh-modal__dialog-relative" style = "max-width: 550px" id = "objectDetailsModalTarget" > < / div >
2024-03-02 10:33:30 +05:30
< / div >
< div
class="oh-modal" style="z-index: 60;"
id="objectDetailsModalW25"
role="dialog"
aria-labelledby="objectDetailsModalW25Label"
aria-hidden="true"
>
2024-03-04 14:42:26 +05:30
< div class = "oh-modal__dialog oh-modal__dialog-relative" style = "max-width: 400px" id = "objectDetailsModalW25Target" > < / div >
2024-03-02 10:33:30 +05:30
< / div >
2023-10-10 15:42:51 +05:30
< / div >
2023-05-10 15:06:57 +05:30
< / div >
< / div >
< / div >
<!-- htmx script -->
< script src = "{% static 'build/js/web.frontend.min.js' %}" > < / script >
< script src = "{% static 'htmx/htmx.min.js' %}" > < / script >
< script >
document.body.addEventListener('htmx:configRequest', (event) => {
event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
})
2023-10-17 10:18:43 +05:30
$(document).ready(function () {
2024-02-26 20:04:25 +05:30
$(document).keydown(function(event) {
if (event.keyCode === 27) {
$('.oh-modal--show').removeClass('oh-modal--show');
$('.oh-activity-sidebar--show').removeClass('oh-activity-sidebar--show')
}
});
2023-10-17 10:18:43 +05:30
$("#close").attr(
"class",
"oh-activity-sidebar__header-icon me-2 oh-activity-sidebar__close md hydrated"
);
});
$("#notificationClose").click(function (e) {
$("#allNotifications").removeClass("oh-activity-sidebar--show");
});
2023-05-10 15:06:57 +05:30
< / script >
<!-- this is the master js -->
2023-05-18 16:19:06 +05:30
< script src = "{% static '/index/index.js' %}" > < / script >
2023-10-10 15:42:51 +05:30
< script src = "{% static '/index/saveFilters.js' %}" > < / script >
2023-05-10 15:06:57 +05:30
< script src = "{% static 'build/js/htmxSelect2.js' %}" > < / script >
2023-06-06 14:14:43 +05:30
< script src = "{% static 'build/js/summernote-lite.min.js' %}" > < / script >
2024-02-28 14:42:37 +05:30
<!-- This CDN is for date format change -->
< script src = "{% static '/build/js/moment.js' %}" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js" > < / script >
2023-12-18 17:18:54 +05:30
< script src = "{% static '/base/date_settings.js' %}" > < / script >
2023-12-27 17:25:59 +05:30
< script src = "{% static '/base/time_formatting.js' %}" > < / script >
< script src = "{% static '/base/time_settings.js' %}" > < / script >
2024-02-28 14:42:37 +05:30
< script src = "{% static '/base/date_formatting.js' %}" > < / script >
2023-05-10 15:06:57 +05:30
< script src = "{% static 'attendance/actions.js' %}" > < / script >
< script type = "module" src = "https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js" > < / script >
< script nomodule src = "https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js" > < / script >
2023-08-31 16:53:07 +05:30
< script src = "{% static '/build/js/sweetAlert.js' %}" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/sweetalert2@11" > < / script >
2023-12-07 10:21:27 +05:30
< script >
2024-02-13 13:50:18 +05:30
// Clear all query parameters from the URL
function clearQueryParameters() {
var urlWithoutQuery = window.location.origin + window.location.pathname;
window.history.replaceState({}, document.title, urlWithoutQuery);
}
2023-12-07 10:21:27 +05:30
$(document).ready(function () {
$('body').on('click', '.select2-search__field', function(e) {
e.stopPropagation();
});
2023-12-19 13:02:15 +05:30
if (!$(".oh-tabs__tab--active").length) {
$(".oh-tabs__tab").click()
}
2023-12-07 10:21:27 +05:30
});
< / script >
2024-01-29 15:10:02 +05:30
{% if enabled_timerunner %}
2024-01-02 13:55:51 +05:30
< script >
// time-runner
function secondsToDuration(seconds) {
var hours = Math.floor(seconds / 3600);
var minutes = Math.floor((seconds % 3600) / 60);
var remainingSeconds = Math.floor(seconds % 60);
// add leading zeros if necessary
var formattedHours = (hours < 10 ) ? " 0 " + hours : hours ;
var formattedMinutes = (minutes < 10 ) ? " 0 " + minutes : minutes ;
var formattedSeconds = (remainingSeconds < 10 ) ? " 0 " + remainingSeconds : remainingSeconds ;
return formattedHours + ":" + formattedMinutes + ":" + formattedSeconds;
}
// accessing initial worked hours from the user
$(".time-runner").not("title").html(secondsToDuration(at_work_seconds));
$("title.time-runner").html("Horilla | "+secondsToDuration(at_work_seconds));
setInterval(() => {
if (run) {
at_work_seconds = at_work_seconds + 1
$("div.time-runner").html(secondsToDuration(at_work_seconds));
$("title").html("Horilla | "+secondsToDuration(at_work_seconds));
}
}, 1000);
2024-01-29 15:10:02 +05:30
< / script >
{% endif %}
< script >
2024-01-02 14:21:31 +05:30
setTimeout(()=>{$("[name='search']").focus()},100)
2024-01-02 13:55:51 +05:30
< / script >
2023-05-10 15:06:57 +05:30
< / body >
< / html >
