[UPDT] RECRUITMENT: Horilla Profile view left sidebar and active tabs script

recruitment/cbv/candidates.py

@@ -56,6 +56,16 @@ from recruitment.models import (
 _getattribute = getattribute
 
 
+def get_subtitle(self):
+    """
+    Get subtitle for employee card
+    """
+    return self.get_job_position()
+
+
+Candidate.get_subtitle = get_subtitle
+
+
 def clean_column_name(question):
     """
     Convert the question text into a safe attribute name by:

recruitment/templates/recruitment/recruitment_details.html

@@ -1,14 +1,21 @@
 {% load i18n %}
-<h5 class="oh-job__post">{{recruitment.title}}</h5>
-<p class="oh-onboarding__content oh-job__post_description">{{recruitment.description|safe}}</p>
-<span class = "fw-bold d-block"> {% trans "Job positions :" %}</span>
-<ul class="oh-job__description-list mt-3">
-    {% for job in recruitment.open_positions.all %}
-        <li class="oh-job__description-list_item">{{job}}</li>
-    {% endfor %}
-</ul>
-
-    <a href='{% url "application-form" %}?recruitmentId={{recruitment.id}}' rel="noopener noreferrer" target="_blank" class="oh-btn  oh-apply_btn" role="button" data-toggle="oh-modal-toggle"
-    data-target="#jobDetailModal">
-    {% trans "Apply Now" %}
-</a>
+<button id="closeModal" class="closebtn closeSidemenu absolute top-2 right-3 p-3" data-sidebar="sidebarModal"
+hx-on:click="$('#sidebarModal').toggleClass('active')">
+    <i class="fa-solid fa-xmark"></i>
+</button>
+<div class="p-3">
+    <h6 class="font-semibold mb-3">{{recruitment.title}}</h6>
+    <p class="text-sm mb-2">{{recruitment.description|safe}}</p>
+    <span class="text-sm font-semibold mb-1"> {% trans "Job positions :" %}</span>
+    <ul class="mylist text-sm mb-2">
+        {% for job in recruitment.open_positions.all %}
+            <li>{{job}}</li>
+        {% endfor %}
+    </ul>
+    <div class="sticky bottom-0">
+        <a href="{% url 'application-form' %}?recruitmentId={{ recruitment.id }}" class="w-full justify-center px-4 py-3 bg-primary-600 text-white rounded-md text-xs flex items-center gap-2 hover:bg-primary-800 transition duration-300">
+            {% trans "Apply Now" %}
+        <i class="fa-solid fa-arrow-right transform -rotate-45"></i>
+        </a>
+    </div>
+</div>