[FIX] RECRUITMENT: Survey view count issue and style updation in pipeline views of interview hovering

This commit is contained in:
Horilla
2024-05-03 11:33:19 +05:30
parent 9d138bdfa6
commit 5f68045eaa
4 changed files with 53 additions and 29 deletions

View File

@@ -89,17 +89,23 @@
</div>
<div class="oh-sticky-table__sd oh-table-config__td"
style="text-decoration: none;width: 400px !important;">
{% for interview_schedule in cand.candidate_interview.all %}
{% if interview_schedule.interview_date|date:"Y-m-d" == now|date:"Y-m-d" %}
<div class="d-flex" style="flex-direction: row-reverse;">
<span class="material-symbols-outlined text-success"
title="*Interview : Today at {{interview_schedule.interview_time}} with
{% for emp in interview_schedule.employee_id.all %} {{emp}}, {% endfor %}">
alarm_on
<div class="d-flex" style="flex-direction: row-reverse; margin-bottom:-30px;">
<span class="tooltip">
<span class="material-symbols-outlined" style="flex-direction: row-reverse;color:green;">
alarm_on
</span>
<span class="tooltiptext fw-bold">
{% trans "INTERVIEW : Today at" %} {{interview_schedule.interview_time}} {% trans "with" %}
{% for emp in interview_schedule.employee_id.all %} {{emp}}, {% endfor %}
</span>
</span>
</div>
{% endif %}
{% endfor %}
<span title={% trans "Move" %}><ion-icon name="move"></ion-icon></span>
<div class="oh-profile oh-profile--md">
<div class="oh-profile__avatar mr-1">
@@ -130,25 +136,6 @@
{{cand.mobile}}
</div>
{% comment %} <div class="oh-sticky-table__td oh-table-config__td">
<span>
{% if cand.candidate_interview.exists %}
{% for interview_schedule in cand.candidate_interview.all %}
{{forloop.counter}}. {% trans "Date" %}: <span class="dateformat_changer">{{ interview_schedule.interview_date }}</span> &nbsp
<span class="d-flex">{% trans "Time" %}: <span class="timeformat_changer">{{ interview_schedule.interview_time }}</span> &nbsp</span>
{% trans "Interviewer" %}:<span class="d-block mb-2">
{% for interviewer in interview_schedule.employee_id.all %}
<i id="fabIcon" style="font-size:12px;" class="material-icons">radio_button_checked</i>{{ interviewer }} &nbsp
{% endfor %}
</span>
<br>
{% endfor %}
{% else %}
-
{% endif %}
</span>
</div> {% endcomment %}
<div class="oh-sticky-table__td oh-table-config__td">
{% trans "Interviews Scheduled" %} : {{cand.candidate_interview.count}}
</div>

View File

@@ -81,10 +81,14 @@
{% for interview_schedule in cand.candidate_interview.all %}
{% if interview_schedule.interview_date|date:"Y-m-d" == now|date:"Y-m-d" %}
<div class="d-flex ms-3">
<span class="material-symbols-outlined text-success fw-bold"
title="*Interview : Today at {{interview_schedule.interview_time}} with
{% for emp in interview_schedule.employee_id.all %} {{emp}}, {% endfor %}">
alarm_on
<span class="tooltip">
<span class="material-symbols-outlined" style="flex-direction: row-reverse;color:green;">
alarm_on
</span>
<span class="tooltiptext fw-bold">
{% trans "INTERVIEW : Today at" %} {{interview_schedule.interview_time}} {% trans "with" %}
{% for emp in interview_schedule.employee_id.all %} {{emp}}, {% endfor %}
</span>
</span>
</div>
{% endif %}

View File

@@ -4,7 +4,40 @@
.note-modal-backdrop{
z-index: 998 !important;
}
.tooltip {
position: relative;
display: inline-block; /* Ensures that the tooltip container doesn't stretch to the full width */
}
.tooltip .tooltiptext {
visibility: hidden;
width: auto; /* Allow the tooltip width to adjust based on content */
max-width: auto; /* Limit the maximum width of the tooltip to prevent it from overflowing */
background-color: green;
color: white;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 5%;
left: 50%;
transform: translateX(5%);
opacity: 0;
transition: opacity 0.3s;
white-space: nowrap; /* Prevents the text from wrapping */
overflow: hidden; /* Hides any overflowed content */
font-size:15px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
{% if recruitment_form.errors %}
<!-- form errors -->
<div class="oh-wrapper">

View File

@@ -10,7 +10,7 @@
{{grouper.grouper}}
<div class="oh-tabs__input-badge-container">
<span class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round ms-2 mr-2" id="recruitmentCandidateCount1" title="{{grouper.list|length}} {% trans "Questions" %}" onclick="event.stopPropagation()">
{{grouper.list.paginator.count}}
{{grouper.list|length}}
</span>
</div>
</span