[FIX] RECRUITMENT: Survey view count issue and style updation in pipe…

…line views of interview hovering
horilla-opensource · May 3, 2024 · 5f68045 · 5f68045
1 parent 9d138bd
commit 5f68045
Show file tree

Hide file tree

Showing 4 changed files with 53 additions and 29 deletions.
diff --git a/recruitment/templates/pipeline/components/candidate_stage_component.html b/recruitment/templates/pipeline/components/candidate_stage_component.html
@@ -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>

diff --git a/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html b/recruitment/templates/pipeline/kanban_components/candidate_kanban_components.html
@@ -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 %}

diff --git a/recruitment/templates/pipeline/nav.html b/recruitment/templates/pipeline/nav.html
@@ -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">

diff --git a/recruitment/templates/survey/template_accordion.html b/recruitment/templates/survey/template_accordion.html
@@ -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