interview-detail #34
@ -888,11 +888,12 @@ def generate_and_save_cv_zip(job_posting_id):
|
||||
|
||||
# 4. Save the generated zip buffer to the JobPosting model
|
||||
zip_buffer.seek(0)
|
||||
zip_filename = f"all_cvs_for_{job.title}.zip"
|
||||
now = str(timezone.now())
|
||||
zip_filename = f"all_cvs_for_{job.slug}_{job.title}_{now}.zip"
|
||||
|
||||
# Use ContentFile to save the bytes stream into the FileField
|
||||
job.cv_zip_file.save(zip_filename, ContentFile(zip_buffer.read()))
|
||||
job.zip_created = True # Assuming you added a BooleanField for tracking completion
|
||||
job.save()
|
||||
|
||||
return f"Successfully created zip for Job ID {job_posting_id}"
|
||||
return f"Successfully created zip for Job ID {job.slug} {job_posting_id}"
|
||||
@ -157,6 +157,29 @@ class PersonListView(StaffRequiredMixin, ListView):
|
||||
model = Person
|
||||
template_name = "people/person_list.html"
|
||||
context_object_name = "people_list"
|
||||
def get_queryset(self):
|
||||
queryset=super().get_queryset()
|
||||
gender=self.request.GET.get('gender')
|
||||
if gender:
|
||||
queryset=queryset.filter(gender=gender)
|
||||
|
||||
nationality=self.request.GET.get('nationality')
|
||||
if nationality:
|
||||
queryset=queryset.filter(nationality=nationality)
|
||||
|
||||
return queryset
|
||||
def get_context_data(self, **kwargs):
|
||||
context=super().get_context_data(**kwargs)
|
||||
# We query the base model to ensure we list ALL options, not just those currently displayed.
|
||||
nationalities = self.model.objects.values_list('nationality', flat=True).filter(
|
||||
nationality__isnull=False
|
||||
).distinct().order_by('nationality')
|
||||
|
||||
nationality=self.request.GET.get('nationality')
|
||||
context['nationality']=nationality
|
||||
context['nationalities']=nationalities
|
||||
return context
|
||||
|
||||
|
||||
|
||||
class PersonCreateView(CreateView):
|
||||
@ -653,7 +676,8 @@ def request_cvs_download(request, slug):
|
||||
View to initiate the background task.
|
||||
"""
|
||||
job = get_object_or_404(JobPosting, slug=slug)
|
||||
|
||||
job.zip_created = False
|
||||
job.save(update_fields=["zip_created"])
|
||||
# Use async_task to run the function in the background
|
||||
# Pass only simple arguments (like the job ID)
|
||||
async_task('recruitment.tasks.generate_and_save_cv_zip', job.id)
|
||||
@ -3222,7 +3246,7 @@ def set_meeting_candidate(request, slug):
|
||||
@staff_user_required
|
||||
def agency_list(request):
|
||||
"""List all hiring agencies with search and pagination"""
|
||||
search_query = request.GET.get("q", "")
|
||||
search_query = request.GET.get("search", "")
|
||||
agencies = HiringAgency.objects.all()
|
||||
|
||||
if search_query:
|
||||
|
||||
@ -64,9 +64,9 @@ class JobListView(LoginRequiredMixin, StaffRequiredMixin, ListView):
|
||||
# if not self.request.user.is_staff:
|
||||
# queryset = queryset.filter(status='Published')
|
||||
|
||||
status = self.request.GET.get('status')
|
||||
if status:
|
||||
queryset = queryset.filter(status=status)
|
||||
status_filter = self.request.GET.get('status')
|
||||
if status_filter:
|
||||
queryset = queryset.filter(status=status_filter)
|
||||
|
||||
return queryset
|
||||
|
||||
@ -74,6 +74,7 @@ class JobListView(LoginRequiredMixin, StaffRequiredMixin, ListView):
|
||||
context = super().get_context_data(**kwargs)
|
||||
context['search_query'] = self.request.GET.get('search', '')
|
||||
context['lang'] = get_language()
|
||||
context['status_filter']=self.request.GET.get('status')
|
||||
return context
|
||||
|
||||
|
||||
@ -156,15 +157,13 @@ class ApplicationListView(LoginRequiredMixin, StaffRequiredMixin, ListView):
|
||||
search_query = self.request.GET.get('search', '')
|
||||
job = self.request.GET.get('job', '')
|
||||
stage = self.request.GET.get('stage', '')
|
||||
# if search_query:
|
||||
# queryset = queryset.filter(
|
||||
# Q(first_name__icontains=search_query) |
|
||||
# Q(last_name__icontains=search_query) |
|
||||
# Q(email__icontains=search_query) |
|
||||
# Q(phone__icontains=search_query) |
|
||||
# Q(stage__icontains=search_query) |
|
||||
# Q(job__title__icontains=search_query)
|
||||
# )
|
||||
if search_query:
|
||||
queryset = queryset.filter(
|
||||
Q(person__first_name__icontains=search_query) |
|
||||
Q(person__last_name__icontains=search_query) |
|
||||
Q(person__email__icontains=search_query) |
|
||||
Q(person__phone__icontains=search_query)
|
||||
)
|
||||
if job:
|
||||
queryset = queryset.filter(job__slug=job)
|
||||
if stage:
|
||||
|
||||
@ -1,15 +1,16 @@
|
||||
{% load static %}
|
||||
{% load file_filters %}
|
||||
{% load i18n %}
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-header bg-white border-bottom d-flex justify-content-between align-items-center">
|
||||
<h5 class="card-title mb-0 text-primary">Documents</h5>
|
||||
<h5 class="card-title mb-0 text-primary">{% trans "Documents" %}</h5>
|
||||
<button
|
||||
type="button"
|
||||
class="btn bg-primary-theme text-white btn-sm"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#documentUploadModal"
|
||||
>
|
||||
<i class="fas fa-plus me-2"></i>Upload Document
|
||||
<i class="fas fa-plus me-2"></i>{% trans "Upload Document" %}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -18,7 +19,7 @@
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="documentUploadModalLabel">Upload Document</h5>
|
||||
<h5 class="modal-title" id="documentUploadModalLabel">{% trans "Upload Document" %}</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
@ -34,19 +35,19 @@
|
||||
{% csrf_token %}
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<label for="documentType" class="form-label">Document Type</label>
|
||||
<label for="documentType" class="form-label">{% trans "Document Type" %}</label>
|
||||
<select name="document_type" id="documentType" class="form-select">
|
||||
<option value="resume">Resume</option>
|
||||
<option value="cover_letter">Cover Letter</option>
|
||||
<option value="portfolio">Portfolio</option>
|
||||
<option value="certificate">Certificate</option>
|
||||
<option value="id_proof">ID Proof</option>
|
||||
<option value="other">Other</option>
|
||||
<option value="resume">{% trans "Resume" %}</option>
|
||||
<option value="cover_letter">{% trans "Cover Letter" %}</option>
|
||||
<option value="portfolio">{% trans "Portfolio" %}</option>
|
||||
<option value="certificate">{% trans "Certificate" %}</option>
|
||||
<option value="id_proof">{% trans "ID Proof" %}</option>
|
||||
<option value="other">{% trans "Other" %}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="documentFile" class="form-label">File</label>
|
||||
<label for="documentFile" class="form-label">{% trans "File" %}</label>
|
||||
<input
|
||||
type="file"
|
||||
name="file"
|
||||
@ -57,22 +58,22 @@
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="documentDescription" class="form-label">Description</label>
|
||||
<label for="documentDescription" class="form-label">{% trans "Description" %}</label>
|
||||
<textarea
|
||||
name="description"
|
||||
id="documentDescription"
|
||||
rows="3"
|
||||
class="form-control"
|
||||
placeholder="Optional description..."
|
||||
placeholder="{% trans "Optional description..." %}"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="fas fa-upload me-2"></i>Upload
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
<i class="fas fa-upload me-2"></i>{% trans "Upload" %}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -93,7 +94,7 @@
|
||||
<div class="small text-muted">{{ document.description }}</div>
|
||||
{% endif %}
|
||||
<div class="small text-muted">
|
||||
Uploaded by {{ document.uploaded_by.get_full_name|default:document.uploaded_by.username }} on {{ document.created_at|date:"M d, Y" }}
|
||||
{% trans "Uploaded by" %} {{ document.uploaded_by.get_full_name|default:document.uploaded_by.username }} {% trans "on" %} {{ document.created_at|date:"M d, Y" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -102,7 +103,7 @@
|
||||
<a
|
||||
href="{% url 'document_download' document.id %}"
|
||||
class="btn btn-sm btn-outline-primary me-2"
|
||||
title="Download"
|
||||
title="{% trans "Download" %}"
|
||||
>
|
||||
<i class="fas fa-download"></i>
|
||||
</a>
|
||||
@ -112,7 +113,7 @@
|
||||
type="button"
|
||||
class="btn btn-sm btn-outline-danger"
|
||||
onclick="confirmDelete({{ document.id }}, '{{ document.file.name|filename|default:"Document" }}')"
|
||||
title="Delete"
|
||||
title="{% trans "Delete" %}"
|
||||
>
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
@ -123,8 +124,8 @@
|
||||
{% else %}
|
||||
<div class="text-center py-5 text-muted">
|
||||
<i class="fas fa-file-alt fa-3x mb-3"></i>
|
||||
<p class="mb-2">No documents uploaded yet.</p>
|
||||
<p class="small">Click "Upload Document" to add files for this candidate.</p>
|
||||
<p class="mb-2">{% trans "No documents uploaded yet." %}</p>
|
||||
<p class="small">{% trans "Click \"Upload Document\" to add files for this candidate." %}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -139,7 +140,8 @@
|
||||
|
||||
<script>
|
||||
function confirmDelete(documentId, fileName) {
|
||||
if (confirm(`Are you sure you want to delete "${fileName}"?`)) {
|
||||
var deletePrefix = "{% trans "Are you sure you want to delete" %}";
|
||||
if (confirm(deletePrefix + ' "' + fileName + '"?')) {
|
||||
htmx.ajax('POST', `{% url 'document_delete' 0 %}`.replace('0', documentId), {
|
||||
target: '#document-list-container',
|
||||
swap: 'innerHTML'
|
||||
|
||||
@ -76,7 +76,7 @@ body { background-color: #f0f2f5; font-family: 'Inter', sans-serif; }
|
||||
width: 100%; margin-top: 0.5rem; border-collapse: collapse;
|
||||
}
|
||||
.simple-table th {
|
||||
background-color: var(--kaauh-teal-light); color: var(--kaauh-teal-dark); font-weight: 700;
|
||||
background-color: var(--kaauh-teal); color: white; font-weight: 700;
|
||||
padding: 8px 12px; border: 1px solid var(--kaauh-border); font-size: 0.8rem;
|
||||
}
|
||||
.simple-table td {
|
||||
|
||||
@ -17,34 +17,36 @@
|
||||
}
|
||||
|
||||
.text-primary { color: var(--kaauh-teal) !important; }
|
||||
.btn-main-action, .btn-primary {
|
||||
/* Main Action Button Style */
|
||||
.btn-main-action {
|
||||
background-color: var(--kaauh-teal);
|
||||
border-color: var(--kaauh-teal);
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
padding: 0.6rem 1.2rem;
|
||||
transition: all 0.2s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
gap: 0.4rem;
|
||||
padding: 0.5rem 1.5rem;
|
||||
}
|
||||
.btn-main-action:hover, .btn-primary:hover {
|
||||
|
||||
.btn-main-action:hover {
|
||||
background-color: var(--kaauh-teal-dark);
|
||||
border-color: var(--kaauh-teal-dark);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
|
||||
}
|
||||
.btn-secondary {
|
||||
background-color: #f8f9fa;
|
||||
|
||||
/* Secondary Button Style */
|
||||
.btn-outline-secondary {
|
||||
color: var(--kaauh-teal-dark);
|
||||
border: 1px solid var(--kaauh-border);
|
||||
font-weight: 500;
|
||||
border-color: var(--kaauh-teal);
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
background-color: #e9ecef;
|
||||
.btn-outline-secondary:hover {
|
||||
background-color: var(--kaauh-teal-dark);
|
||||
color: white;
|
||||
border-color: var(--kaauh-teal-dark);
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid var(--kaauh-border);
|
||||
border-radius: 0.75rem;
|
||||
@ -322,7 +324,7 @@
|
||||
{# ACTION BUTTONS #}
|
||||
{# ================================================= #}
|
||||
<div class="d-flex justify-content-between pt-2">
|
||||
<a href="{% url 'job_list' %}" class="btn btn-secondary">
|
||||
<a href="{% url 'job_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-arrow-left me-1"></i> {% trans "Cancel" %}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
|
||||
@ -45,6 +45,19 @@
|
||||
color: white;
|
||||
border-color: var(--kaauh-teal-dark);
|
||||
}
|
||||
|
||||
|
||||
/* Secondary Button Style */
|
||||
.btn-outline-secondary {
|
||||
color: var(--kaauh-teal-dark);
|
||||
border-color: var(--kaauh-teal);
|
||||
}
|
||||
.btn-outline-secondary:hover {
|
||||
background-color: var(--kaauh-teal-dark);
|
||||
color: white;
|
||||
border-color: var(--kaauh-teal-dark);
|
||||
}
|
||||
|
||||
.card {
|
||||
border: 1px solid var(--kaauh-border);
|
||||
border-radius: 0.75rem;
|
||||
@ -322,7 +335,7 @@
|
||||
{# ACTION BUTTONS #}
|
||||
{# ================================================= #}
|
||||
<div class="d-flex justify-content-between pt-2">
|
||||
<a href="{% url 'job_list' %}" class="btn btn-secondary">
|
||||
<a href="{% url 'job_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-arrow-left me-1"></i> {% trans "Cancel" %}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
|
||||
@ -9,18 +9,22 @@
|
||||
:root {
|
||||
--kaauh-teal: #00636e;
|
||||
--kaauh-teal-dark: #004a53;
|
||||
--kaauh-border: #eaeff3;
|
||||
--kaauh-border: #dce3eb; /* Lighter border for clean look */
|
||||
--kaauh-primary-text: #343a40;
|
||||
--kaauh-secondary-text: #6c757d;
|
||||
--kaauh-success: #28a745;
|
||||
--kaauh-danger: #dc3545;
|
||||
--kaauh-info: #17a2b8;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f8f9fa; /* Subtle light background */
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
/* Primary Color Overrides */
|
||||
.text-primary-theme { color: var(--kaauh-teal) !important; }
|
||||
.bg-primary-theme { background-color: var(--kaauh-teal) !important; }
|
||||
.text-success { color: var(--kaauh-success) !important; }
|
||||
.text-danger { color: var(--kaauh-danger) !important; }
|
||||
.text-info { color: #17a2b8 !important; }
|
||||
|
||||
/* Enhanced Card Styling */
|
||||
.card {
|
||||
@ -31,7 +35,7 @@
|
||||
}
|
||||
.card:not(.no-hover):hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 16px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* Slightly deeper hover shadow */
|
||||
}
|
||||
|
||||
/* Main Action Button Style (Teal Theme) */
|
||||
@ -43,7 +47,9 @@
|
||||
transition: all 0.2s ease;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.25rem;
|
||||
gap: 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
padding: 0.6rem 1.25rem;
|
||||
}
|
||||
|
||||
.btn-main-action:hover {
|
||||
@ -54,8 +60,9 @@
|
||||
|
||||
/* Secondary Button Style (using theme border) */
|
||||
.btn-outline-secondary {
|
||||
color: var(--kaauh-teal-dark);
|
||||
border-color: var(--kaauh-teal);
|
||||
color: var(--kaauh-secondary-text);
|
||||
border-color: var(--kaauh-border);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
.btn-outline-secondary:hover {
|
||||
background-color: var(--kaauh-teal-dark);
|
||||
@ -65,89 +72,82 @@
|
||||
|
||||
/* Status Badges */
|
||||
.status-badge {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.4em 0.8em;
|
||||
border-radius: 0.4rem;
|
||||
font-size: 0.75rem; /* Slightly smaller for compactness */
|
||||
padding: 0.3em 0.7em;
|
||||
border-radius: 0.5rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.7px;
|
||||
letter-spacing: 0.5px;
|
||||
color: white;
|
||||
}
|
||||
.bg-DRAFT { background-color: #6c757d !important; }
|
||||
.bg-ACTIVE { background-color: var(--kaauh-teal) !important; }
|
||||
.bg-CLOSED { background-color: #dc3545 !important; }
|
||||
.bg-CLOSED { background-color: var(--kaauh-danger) !important; }
|
||||
.bg-ARCHIVED { background-color: #343a40 !important; }
|
||||
.bg-info { background-color: #17a2b8 !important; }
|
||||
|
||||
/* --- TABLE ALIGNMENT AND SIZING FIXES --- */
|
||||
/* --- TABLE STYLING --- */
|
||||
.table {
|
||||
table-layout: fixed; /* Ensures width calculations are respected */
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.table thead th {
|
||||
color: var(--kaauh-primary-text);
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
vertical-align: middle;
|
||||
border-bottom: 2px solid var(--kaauh-border);
|
||||
padding: 0.5rem 0.25rem;
|
||||
padding: 0.75rem 0.5rem;
|
||||
background-color: #edf2f7; /* Light background for header */
|
||||
}
|
||||
.table tbody td {
|
||||
padding: 0.5rem 0.5rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.table-hover tbody tr:hover {
|
||||
background-color: #f3f7f9;
|
||||
background-color: #f0f4f7;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
/* --------------------------------------------------------
|
||||
* OPTIMIZED MAIN TABLE COLUMN WIDTHS (Total must be 100%)
|
||||
* --------------------------------------------------------
|
||||
* 1. Job Title/ID: 25% (Needs the most space)
|
||||
* 2. Source: 10%
|
||||
* 3. Max Apps: 7%
|
||||
* 1. Job Title/ID: 20%
|
||||
* 2. Source: 8%
|
||||
* 3. Max Apps: 6%
|
||||
* 4. Deadline: 10%
|
||||
* 5. Actions: 8%
|
||||
* 6. Manage Forms: 10%
|
||||
* 7. Applicants Metrics: 30% (Colspan 5)
|
||||
* TOTAL: 25 + 10 + 7 + 10 + 8 + 10 + 30 = 100%
|
||||
* 5. Submissions/Actions: 8%
|
||||
* 6. Metrics (Colspan 6): 48% (8% each)
|
||||
*/
|
||||
.table th:nth-child(1) { width: 20%; } /* Job Title */
|
||||
.table th:nth-child(2) { width: 10%; } /* Source */
|
||||
.table th:nth-child(3) { width: 7%; } /* Max Apps */
|
||||
.table th:nth-child(2) { width: 8%; } /* Source */
|
||||
.table th:nth-child(3) { width: 6%; } /* Max Apps */
|
||||
.table th:nth-child(4) { width: 10%; } /* Deadline */
|
||||
.table th:nth-child(5) { width: 8%; } /* Actions */
|
||||
.table th:nth-child(6) { width: 10%; } /* Manage Forms */
|
||||
/* The 7th column (Metrics) is 30% and is handled by its colspan */
|
||||
.table th:nth-child(5) { width: 8%; } /* Submissions */
|
||||
|
||||
|
||||
/* Candidate Management Header Row (The one with the stage names) */
|
||||
.nested-metrics-row th {
|
||||
font-weight: 500;
|
||||
color: #6c757d;
|
||||
font-size: 0.75rem;
|
||||
color: var(--kaauh-secondary-text);
|
||||
font-size: 0.7rem;
|
||||
padding: 0.3rem 0;
|
||||
border-bottom: 2px solid var(--kaauh-teal);
|
||||
text-align: center;
|
||||
border-left: 1px solid var(--kaauh-border);
|
||||
}
|
||||
|
||||
/* Metrics Sub-Column Widths (7 total sub-columns, total 30%) */
|
||||
/* We have 5 main metrics: Applied, Screened, Exam, Interview, Offer.
|
||||
* Let's allocate the 30% evenly: 30% / 5 = 6% per metric column.
|
||||
*/
|
||||
.nested-metrics-row th {
|
||||
width: 6%; /* 30% / 5 metrics = 6% per metric column */
|
||||
width: 8%; /* 6 columns * 8% = 48% total for metrics */
|
||||
background-color: #e4f0f7; /* Slightly darker background for nested header */
|
||||
}
|
||||
|
||||
/* Main TH for Candidate Management Header Title */
|
||||
.candidate-management-header-title {
|
||||
text-align: center;
|
||||
padding: 0.5rem 0.25rem;
|
||||
border-left: 2px solid var(--kaauh-teal);
|
||||
border-right: 1px solid var(--kaauh-border) !important;
|
||||
font-weight: 600;
|
||||
border-left: 2px solid var(--kaauh-teal-dark); /* Stronger separator line */
|
||||
font-weight: 700;
|
||||
color: var(--kaauh-teal-dark);
|
||||
background-color: #edf2f7;
|
||||
}
|
||||
|
||||
/* Candidate Management Data Cells (5 columns total for metrics) */
|
||||
/* Candidate Management Data Cells */
|
||||
.candidate-data-cell {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
@ -155,18 +155,25 @@
|
||||
font-size: 0.9rem;
|
||||
padding: 0;
|
||||
}
|
||||
.table tbody td.candidate-data-cell:not(:first-child) {
|
||||
border-left: 1px solid var(--kaauh-border);
|
||||
|
||||
/* Strong visual separator before metrics data */
|
||||
.table tbody tr td:nth-child(6) {
|
||||
border-left: 2px solid var(--kaauh-teal-dark) !important;
|
||||
}
|
||||
/* Adds a distinctive vertical line before the metrics group (7th column) */
|
||||
.table tbody tr td:nth-child(7) {
|
||||
border-left: 2px solid var(--kaauh-teal);
|
||||
|
||||
/* Subtle vertical lines between metric data cells */
|
||||
.table tbody td.candidate-data-cell:not(:first-child) {
|
||||
border-left: 1px solid #f0f4f7;
|
||||
}
|
||||
|
||||
.candidate-data-cell a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 0.4rem 0.25rem;
|
||||
padding: 0.6rem 0.25rem;
|
||||
transition: background-color 0.1s;
|
||||
}
|
||||
.candidate-data-cell a:hover {
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
/* Fix action button sizing */
|
||||
@ -175,7 +182,7 @@
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
/* Additional CSS for Card View layout (rest of your styles...) */
|
||||
/* Card View Enhancements */
|
||||
.card-view .card {
|
||||
height: 100%;
|
||||
}
|
||||
@ -189,26 +196,29 @@
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
flex-grow: 1;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
.card-view .list-unstyled li {
|
||||
margin-bottom: 0.25rem;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid py-4">
|
||||
{# ... (Rest of the header and filter content) ... #}
|
||||
|
||||
{# --- MAIN HEADER AND ACTION BUTTON --- #}
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h1 style="color: var(--kaauh-teal-dark); font-weight: 700;">
|
||||
<i class="fas fa-briefcase me-2"></i> {% trans "Job Postings" %}
|
||||
</h1>
|
||||
<a href="{% url 'job_create' %}" class="btn btn-main-action">
|
||||
<a href="{% url 'job_create' %}" class="btn btn-main-action btn-lg">
|
||||
<i class="fas fa-plus me-1"></i> {% trans "Create New Job" %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{# ... (Filter card) ... #}
|
||||
{# --- FILTER CARD --- #}
|
||||
<div class="card mb-4 shadow-sm no-hover">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
@ -222,7 +232,7 @@
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<form method="GET" class="row g-3 align-items-end" >
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-5">
|
||||
<label for="status" class="form-label small text-muted">{% trans "Filter by Status" %}</label>
|
||||
<select name="status" id="status" class="form-select form-select-sm">
|
||||
<option value="">{% trans "All Statuses" %}</option>
|
||||
@ -232,66 +242,63 @@
|
||||
<option value="ARCHIVED" {% if status_filter == 'ARCHIVED' %}selected{% endif %}>{% trans "Archived" %}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-7">
|
||||
<div class="filter-buttons">
|
||||
<button type="submit" class="btn btn-main-action btn-sm">
|
||||
<i class="fas fa-filter me-1"></i> {% trans "Apply Filters" %}
|
||||
</button>
|
||||
{% if job_filter or search_query %}
|
||||
<a href="{% url 'job_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-times me-1"></i> {% trans "Clear" %}
|
||||
{% if status_filter or search_query %}
|
||||
<a href="{% url 'job_list' %}" class="btn btn-outline-secondary btn-sm">
|
||||
<i class="fas fa-times me-1"></i> {% trans "Clear Filters" %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# --- START OF JOB LIST CONTAINER --- #}
|
||||
<div id="job-list">
|
||||
{% include "includes/_list_view_switcher.html" with list_id="job-list" %}
|
||||
|
||||
{# 1. TABLE VIEW (Default Active) #}
|
||||
<div class="table-view active d-md-none">
|
||||
{# 1. TABLE VIEW (Desktop Default) - Hidden on Mobile #}
|
||||
<div class="table-view d-none d-lg-block active">
|
||||
<div class="card shadow-sm">
|
||||
<div class="table-responsive ">
|
||||
<table class="table table-hover align-middle mb-0 table-sm">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
|
||||
{# --- Corrected Multi-Row Header Structure --- #}
|
||||
<thead>
|
||||
<tr>
|
||||
<tr style="border-bottom: none;">
|
||||
<th scope="col" rowspan="2">{% trans "Job Title / ID" %}</th>
|
||||
<th scope="col" rowspan="2">{% trans "Source" %}</th>
|
||||
<th scope="col" rowspan="2">{% trans "Max Apps" %}</th>
|
||||
<th scope="col" rowspan="2">{% trans "Deadline" %}</th>
|
||||
<th scope="col" rowspan="2">{% trans "Actions" %}</th>
|
||||
<th scope="col" rowspan="2" class="text-center">{% trans "Manage Forms" %}</th>
|
||||
<th scope="col" rowspan="2">{% trans "Submission" %}</th>
|
||||
|
||||
|
||||
<th scope="col" colspan="6" class="candidate-management-header-title">
|
||||
{% trans "Applicants Metrics" %}
|
||||
{% trans "Applicants Metrics (Current Stage Count)" %}
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
<tr class="nested-metrics-row">
|
||||
<th style="width: calc(50% / 7);">{% trans "All" %}</th>
|
||||
<th style="width: calc(50% / 7);">{% trans "Screened" %}</th>
|
||||
<th style="width: calc(50% / 7 * 2);">{% trans "Exam" %}</th>
|
||||
<th style="width: calc(50% / 7 * 2);">{% trans "Interview" %}</th>
|
||||
<th style="width: calc(50% / 7 * 2);">{% trans "Documets Review" %}</th>
|
||||
<th style="width: calc(50% / 7);">{% trans "Offer" %}</th>
|
||||
<th scope="col">{% trans "All" %}</th>
|
||||
<th scope="col">{% trans "Screened" %}</th>
|
||||
<th scope="col">{% trans "Exam" %}</th>
|
||||
<th scope="col">{% trans "Interview" %}</th>
|
||||
<th scope="col">{% trans "DOC Review" %}</th>
|
||||
<th scope="col">{% trans "Offer" %}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{% for job in jobs %}
|
||||
<tr>
|
||||
<td class="fw-medium text-primary-theme">
|
||||
<a href="{% url 'job_detail' job.slug %}" class="text-decoration-none">{{ job.title }}</a>
|
||||
<td class="fw-medium">
|
||||
<a href="{% url 'job_detail' job.slug %}" class="text-decoration-none text-primary-theme">{{ job.title }}</a>
|
||||
<br>
|
||||
<small class="text-muted">{{ job.pk }} / </small>
|
||||
<span class="badge bg-{{ job.status }} status-badge">{{ job.status }}</span>
|
||||
@ -300,32 +307,19 @@
|
||||
<td>{{ job.max_applications }}</td>
|
||||
<td>{{ job.application_deadline|date:"d-m-Y" }}</td>
|
||||
<td>
|
||||
{% if job.form_template %}
|
||||
<div class="btn-group btn-group-sm" role="group">
|
||||
<a href="{% url 'job_detail' job.slug %}" class="btn btn-outline-secondary" title="{% trans 'View' %}">
|
||||
<i class="fas fa-eye"></i>
|
||||
</a>
|
||||
<a href="{% url 'job_update' job.slug %}" class="btn btn-outline-secondary" title="{% trans 'Edit' %}">
|
||||
<i class="fas fa-edit"></i>
|
||||
<a href="{% url 'form_template_submissions_list' job.form_template.slug %}" class="btn btn-outline-secondary" title="{% trans 'All Application Submissions' %}">
|
||||
<i class="fas fa-file-alt text-primary-theme"></i>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
{% else %}
|
||||
<span class="text-muted small"></span>
|
||||
{% endif%}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group btn-group-sm" role="group">
|
||||
{% if job.form_template %}
|
||||
<a href="{% url 'application_submit_form' job.form_template.slug %}" class="btn btn-outline-secondary {% if job.status != 'ACTIVE' %}disabled{% endif %}" title="{% trans 'Preview' %}">
|
||||
<i class="fas fa-eye"></i>
|
||||
</a>
|
||||
<a href="{% url 'form_builder' job.form_template.slug %}" class="btn btn-outline-secondary" title="{% trans 'Edit' %}">
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
<a href="{% url 'form_template_submissions_list' job.form_template.slug %}" class="btn btn-outline-secondary" title="{% trans 'Submissions' %}">
|
||||
<i class="fas fa-file-alt"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
{# CANDIDATE MANAGEMENT DATA - URLS NEUTRALIZED #}
|
||||
|
||||
{# CANDIDATE MANAGEMENT DATA #}
|
||||
<td class="candidate-data-cell text-primary-theme"><a href="{% url 'candidate_screening_view' job.slug %}" class="text-primary-theme">{% if job.all_candidates.count %}{{ job.all_candidates.count }}{% else %}-{% endif %}</a></td>
|
||||
<td class="candidate-data-cell text-info"><a href="{% url 'candidate_screening_view' job.slug %}" class="text-info">{% if job.screening_candidates.count %}{{ job.screening_candidates.count }}{% else %}-{% endif %}</a></td>
|
||||
<td class="candidate-data-cell text-success"><a href="{% url 'candidate_exam_view' job.slug %}" class="text-success">{% if job.exam_candidates.count %}{{ job.exam_candidates.count }}{% else %}-{% endif %}</a></td>
|
||||
@ -340,23 +334,27 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# ... (Card View and Paginator content) ... #}
|
||||
<div class="card-view row g-4">
|
||||
{# 2. CARD VIEW (Mobile Default) - Hidden on Desktop #}
|
||||
<div class="card-view row g-4 d-lg-none">
|
||||
{% for job in jobs %}
|
||||
<div class="col-xl-4 col-lg-6 col-md-6">
|
||||
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-start mb-2">
|
||||
<h5 class="card-title mb-0"><a href="{% url 'job_detail' job.slug %}" class="text-decoration-none text-primary-theme">{{ job.title }}</a></h5>
|
||||
<h5 class="card-title mb-0">
|
||||
<a href="{% url 'job_detail' job.slug %}" class="text-decoration-none text-primary-theme">{{ job.title }}</a>
|
||||
</h5>
|
||||
<span class="badge bg-{{ job.status }} status-badge">{{ job.status }}</span>
|
||||
</div>
|
||||
<p class="text-muted small mb-3">ID: {{ job.pk }} | Source: {{ job.get_source }}</p>
|
||||
|
||||
<ul class="list-unstyled small mb-3">
|
||||
<li><i class="fas fa-users text-primary-theme me-2"></i>{% trans "Applicants" %}:{{ job.metrics.applied|default:"0" }}</li>
|
||||
<li><i class="fas fa-clipboard-check text-success me-2"></i> {% trans "Offers Made" %}: {{ job.metrics.offer|default:"0" }}</li>
|
||||
<li><i class="fas fa-file-alt text-info me-2"></i> {% trans "Form" %}:{% if job.form_template %}
|
||||
<a href="{% url 'application_submit_form' job.form_template.pk %}" class="text-info">{{ job.form_template.name }}</a>
|
||||
<li><i class="fas fa-calendar-alt text-primary-theme me-2"></i>{% trans "Deadline" %}: {{ job.application_deadline|date:"d-m-Y" }}</li>
|
||||
<li><i class="fas fa-users text-primary-theme me-2"></i>{% trans "Total Applicants" %}: {{ job.all_candidates.count|default:"0" }}</li>
|
||||
<li><i class="fas fa-clipboard-check text-success me-2"></i> {% trans "Offers Made" %}: {{ job.offer_candidates.count|default:"0" }}</li>
|
||||
<li><i class="fas fa-file-alt text-info me-2"></i> {% trans "Form" %}:
|
||||
{% if job.form_template %}
|
||||
<a href="{% url 'form_template_submissions_list' job.form_template.slug %}" class="text-info">{{ job.form_template.name }} ({{ job.form_template.submissions.count }} submissions)</a>
|
||||
{% else %}
|
||||
{% trans "N/A" %}
|
||||
{% endif %}
|
||||
@ -365,15 +363,13 @@
|
||||
|
||||
<div class="d-flex justify-content-between mt-auto pt-3 border-top">
|
||||
<a href="{% url 'job_detail' job.slug %}" class="btn btn-outline-secondary btn-sm" title="{% trans 'View' %}">
|
||||
<i class="fas fa-eye me-1"></i> {% trans "Details" %}
|
||||
<i class="fas fa-eye me-1"></i> {% trans "View Job Details" %}
|
||||
</a>
|
||||
<div class="btn-group btn-group-sm">
|
||||
<a href="{% url 'job_update' job.slug %}" class="btn btn-outline-secondary" title="{% trans 'Edit Job' %}">
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
|
||||
{% if job.form_template %}
|
||||
<a href="{% url 'form_template_submissions_list' job.form_template.slug %}" class="btn btn-outline-secondary" title="{% trans 'Submissions' %}">
|
||||
<i class="fas fa-file-alt"></i>
|
||||
<i class="fas fa-file-alt me-1"></i>{% trans "Submissions" %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -386,7 +382,9 @@
|
||||
{# --- END CARD VIEW --- #}
|
||||
</div>
|
||||
{# --- END OF JOB LIST CONTAINER --- #}
|
||||
|
||||
{% include "includes/paginator.html" %}
|
||||
|
||||
{% if not jobs and not job_list_data and not page_obj %}
|
||||
<div class="text-center py-5 card shadow-sm mt-4">
|
||||
<div class="card-body">
|
||||
|
||||
@ -311,7 +311,7 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href="{% url 'meeting_details' meetings.first.interview_location.slug%}" class="btn btn-outline-primary" title="{% trans 'View' %}">
|
||||
<i class="fas fa-eye"></i>{{meetings.first.interview_location.slug}}
|
||||
<i class="fas fa-eye"></i>
|
||||
</a>
|
||||
{# CORRECTED: Passing the slug to the update URL #}
|
||||
<a href="" class="btn btn-outline-secondary" title="{% trans 'Update' %}">
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{% extends "base.html" %}
|
||||
{% load static %}
|
||||
{% load static i18n %}
|
||||
|
||||
{% block title %}{% if form.instance.pk %}Reply to Message{% else %}Compose Message{% endif %}{% endblock %}
|
||||
{% block title %}{% if form.instance.pk %}{% trans "Reply to Message" %}{% else %}{% trans "Compose Message" %}{% endif %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid">
|
||||
@ -11,23 +11,23 @@
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">
|
||||
{% if form.instance.pk %}
|
||||
<i class="fas fa-reply"></i> Reply to Message
|
||||
<i class="fas fa-reply"></i> {% trans "Reply to Message" %}
|
||||
{% else %}
|
||||
<i class="fas fa-envelope"></i> Compose Message
|
||||
<i class="fas fa-envelope"></i> {% trans "Compose Message" %}
|
||||
{% endif %}
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if form.instance.parent_message %}
|
||||
<div class="alert alert-info mb-4">
|
||||
<strong>Replying to:</strong> {{ form.instance.parent_message.subject }}
|
||||
<strong>{% trans "Replying to:" %}</strong> {{ form.instance.parent_message.subject }}
|
||||
<br>
|
||||
<small class="text-muted">
|
||||
From {{ form.instance.parent_message.sender.get_full_name|default:form.instance.parent_message.sender.username }}
|
||||
on {{ form.instance.parent_message.created_at|date:"M d, Y H:i" }}
|
||||
{% trans "From" %} {{ form.instance.parent_message.sender.get_full_name|default:form.instance.parent_message.sender.username }}
|
||||
{% trans "on" %} {{ form.instance.parent_message.created_at|date:"M d, Y H:i" }}
|
||||
</small>
|
||||
<div class="mt-2">
|
||||
<strong>Original message:</strong>
|
||||
<strong>{% trans "Original message:" %}</strong>
|
||||
<div class="border-start ps-3 mt-2">
|
||||
{{ form.instance.parent_message.content|linebreaks }}
|
||||
</div>
|
||||
@ -42,7 +42,7 @@
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label for="{{ form.job.id_for_label }}" class="form-label">
|
||||
Related Job <span class="text-danger">*</span>
|
||||
{% trans "Related Job" %} <span class="text-danger">*</span>
|
||||
</label>
|
||||
{{ form.job }}
|
||||
{% if form.job.errors %}
|
||||
@ -51,14 +51,14 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="form-text">
|
||||
Select a job if this message is related to a specific position
|
||||
{% trans "Select a job if this message is related to a specific position" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label for="{{ form.recipient.id_for_label }}" class="form-label">
|
||||
Recipient <span class="text-danger">*</span>
|
||||
{% trans "Recipient" %} <span class="text-danger">*</span>
|
||||
</label>
|
||||
{{ form.recipient }}
|
||||
|
||||
@ -68,14 +68,14 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="form-text">
|
||||
Select the user who will receive this message
|
||||
{% trans "Select the user who will receive this message" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label for="{{ form.message_type.id_for_label }}" class="form-label">
|
||||
Message Type <span class="text-danger">*</span>
|
||||
{% trans "Message Type" %} <span class="text-danger">*</span>
|
||||
</label>
|
||||
{{ form.message_type }}
|
||||
{% if form.message_type.errors %}
|
||||
@ -84,7 +84,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="form-text">
|
||||
Select the type of message you're sending
|
||||
{% trans "Select the type of message you're sending" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -94,7 +94,7 @@
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label for="{{ form.subject.id_for_label }}" class="form-label">
|
||||
Subject <span class="text-danger">*</span>
|
||||
{% trans "Subject" %} <span class="text-danger">*</span>
|
||||
</label>
|
||||
{{ form.subject }}
|
||||
{% if form.subject.errors %}
|
||||
@ -108,7 +108,7 @@
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="{{ form.content.id_for_label }}" class="form-label">
|
||||
Message <span class="text-danger">*</span>
|
||||
{% trans "Message" %} <span class="text-danger">*</span>
|
||||
</label>
|
||||
{{ form.content }}
|
||||
{% if form.content.errors %}
|
||||
@ -117,20 +117,20 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="form-text">
|
||||
Write your message here. You can use line breaks and basic formatting.
|
||||
{% trans "Write your message here. You can use line breaks and basic formatting." %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="{% url 'message_list' %}" class="btn btn-secondary">
|
||||
<i class="fas fa-times"></i> Cancel
|
||||
<a href="{% url 'message_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-times"></i> {% trans "Cancel" %}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
{% if form.instance.pk %}
|
||||
Send Reply
|
||||
{% trans "Send Reply" %}
|
||||
{% else %}
|
||||
Send Message
|
||||
{% trans "Send Message" %}
|
||||
{% endif %}
|
||||
</button>
|
||||
</div>
|
||||
@ -216,19 +216,19 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
if (!recipient) {
|
||||
e.preventDefault();
|
||||
alert('Please select a recipient.');
|
||||
alert("{% trans 'Please select a recipient.' %}");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!subject) {
|
||||
e.preventDefault();
|
||||
alert('Please enter a subject.');
|
||||
alert("{% trans 'Please enter a subject.' %}");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!content) {
|
||||
e.preventDefault();
|
||||
alert('Please enter a message.');
|
||||
alert("{% trans 'Please enter a message.' %}");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
@ -1,16 +1,16 @@
|
||||
{% extends "base.html" %}
|
||||
{% load static %}
|
||||
{% load static i18n %}
|
||||
|
||||
{% block title %}Messages{% endblock %}
|
||||
{% block title %}{% trans "Messages" %}{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h4 class="mb-0">Messages</h4>
|
||||
<h4 class="mb-0">{% trans "Messages" %}</h4>
|
||||
<a href="{% url 'message_create' %}" class="btn btn-main-action">
|
||||
<i class="fas fa-plus"></i> Compose Message
|
||||
<i class="fas fa-plus"></i> {% trans "Compose Message" %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -19,28 +19,28 @@
|
||||
<div class="card-body">
|
||||
<form method="get" class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label for="status" class="form-label">Status</label>
|
||||
<label for="status" class="form-label">{% trans "Status" %}</label>
|
||||
<select name="status" id="status" class="form-select">
|
||||
<option value="">All Status</option>
|
||||
<option value="read" {% if status_filter == 'read' %}selected{% endif %}>Read</option>
|
||||
<option value="unread" {% if status_filter == 'unread' %}selected{% endif %}>Unread</option>
|
||||
<option value="">{% trans "All Status" %}</option>
|
||||
<option value="read" {% if status_filter == 'read' %}selected{% endif %}>{% trans "Read" %}</option>
|
||||
<option value="unread" {% if status_filter == 'unread' %}selected{% endif %}>{% trans "Unread" %}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label for="type" class="form-label">Type</label>
|
||||
<label for="type" class="form-label">{% trans "Type" %}</label>
|
||||
<select name="type" id="type" class="form-select">
|
||||
<option value="">All Types</option>
|
||||
<option value="GENERAL" {% if type_filter == 'GENERAL' %}selected{% endif %}>General</option>
|
||||
<option value="JOB_RELATED" {% if type_filter == 'JOB_RELATED' %}selected{% endif %}>Job Related</option>
|
||||
<option value="INTERVIEW" {% if type_filter == 'INTERVIEW' %}selected{% endif %}>Interview</option>
|
||||
<option value="OFFER" {% if type_filter == 'OFFER' %}selected{% endif %}>Offer</option>
|
||||
<option value="">{% trans "All Types" %}</option>
|
||||
<option value="GENERAL" {% if type_filter == 'GENERAL' %}selected{% endif %}>{% trans "General" %}</option>
|
||||
<option value="JOB_RELATED" {% if type_filter == 'JOB_RELATED' %}selected{% endif %}>{% trans "Job Related" %}</option>
|
||||
<option value="INTERVIEW" {% if type_filter == 'INTERVIEW' %}selected{% endif %}>{% trans "Interview" %}</option>
|
||||
<option value="OFFER" {% if type_filter == 'OFFER' %}selected{% endif %}>{% trans "Offer" %}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="q" class="form-label">Search</label>
|
||||
<label for="q" class="form-label">{% trans "Search" %}</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="q" id="q" class="form-control"
|
||||
value="{{ search_query }}" placeholder="Search messages...">
|
||||
value="{{ search_query }}" placeholder="{% trans 'Search messages...' %}">
|
||||
<button class="btn btn-outline-secondary" type="submit">
|
||||
<i class="fas fa-search"></i>
|
||||
</button>
|
||||
@ -48,7 +48,7 @@
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label"> </label>
|
||||
<button type="submit" class="btn btn-secondary w-100">Filter</button>
|
||||
<button type="submit" class="btn btn-secondary w-100">{% trans "Filter" %}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -59,7 +59,7 @@
|
||||
<div class="col-md-6">
|
||||
<div class="card bg-light">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Total Messages</h6>
|
||||
<h6 class="card-title">{% trans "Total Messages" %}</h6>
|
||||
<h3 class="text-primary">{{ total_messages }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
@ -67,7 +67,7 @@
|
||||
<div class="col-md-6">
|
||||
<div class="card bg-light">
|
||||
<div class="card-body">
|
||||
<h6 class="card-title">Unread Messages</h6>
|
||||
<h6 class="card-title">{% trans "Unread Messages" %}</h6>
|
||||
<h3 class="text-warning">{{ unread_messages }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
@ -82,13 +82,13 @@
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Subject</th>
|
||||
<th>Sender</th>
|
||||
<th>Recipient</th>
|
||||
<th>Type</th>
|
||||
<th>Status</th>
|
||||
<th>Created</th>
|
||||
<th>Actions</th>
|
||||
<th>{% trans "Subject" %}</th>
|
||||
<th>{% trans "Sender" %}</th>
|
||||
<th>{% trans "Recipient" %}</th>
|
||||
<th>{% trans "Type" %}</th>
|
||||
<th>{% trans "Status" %}</th>
|
||||
<th>{% trans "Created" %}</th>
|
||||
<th>{% trans "Actions" %}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@ -96,11 +96,11 @@
|
||||
<tr class="{% if not message.is_read %}table-secondary{% endif %}">
|
||||
<td>
|
||||
<a href="{% url 'message_detail' message.id %}"
|
||||
class="{% if not message.is_read %}fw-bold{% endif %}">
|
||||
class="{% if not message.is_read %}fw-bold {% endif %}">
|
||||
{{ message.subject }}
|
||||
</a>
|
||||
{% if message.parent_message %}
|
||||
<span class="badge bg-secondary ms-2">Reply</span>
|
||||
<span class="badge bg-secondary ms-2">{% trans "Reply" %}</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ message.sender.get_full_name|default:message.sender.username }}</td>
|
||||
@ -112,35 +112,35 @@
|
||||
</td>
|
||||
<td>
|
||||
{% if message.is_read %}
|
||||
<span class="badge bg-primary-theme">Read</span>
|
||||
<span class="badge bg-primary-theme">{% trans "Read" %}</span>
|
||||
{% else %}
|
||||
<span class="badge bg-warning">Unread</span>
|
||||
<span class="badge bg-warning">{% trans "Unread" %}</span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>{{ message.created_at|date:"M d, Y H:i" }}</td>
|
||||
<td>
|
||||
<div class="btn-group" role="group">
|
||||
<a href="{% url 'message_detail' message.id %}"
|
||||
class="btn btn-sm btn-outline-primary" title="View">
|
||||
<a href="{% url 'message_detail' message.id %}"
|
||||
class="btn btn-sm btn-outline-primary" title="{% trans 'View' %}">
|
||||
<i class="fas fa-eye"></i>
|
||||
</a>
|
||||
{% if not message.is_read and message.recipient == request.user %}
|
||||
<a href="{% url 'message_mark_read' message.id %}"
|
||||
class="btn btn-sm btn-outline-success"
|
||||
hx-post="{% url 'message_mark_read' message.id %}"
|
||||
title="Mark as Read">
|
||||
title="{% trans 'Mark as Read' %}">
|
||||
<i class="fas fa-check"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
<a href="{% url 'message_reply' message.id %}"
|
||||
class="btn btn-sm btn-outline-primary" title="Reply">
|
||||
class="btn btn-sm btn-outline-primary" title="{% trans 'Reply' %}">
|
||||
<i class="fas fa-reply"></i>
|
||||
</a>
|
||||
<a href="{% url 'message_delete' message.id %}"
|
||||
class="btn btn-sm btn-outline-danger"
|
||||
hx-get="{% url 'message_delete' message.id %}"
|
||||
hx-confirm="Are you sure you want to delete this message?"
|
||||
title="Delete">
|
||||
<a href="{% url 'message_delete' message.id %}"
|
||||
class="btn btn-sm btn-outline-danger"
|
||||
hx-get="{% url 'message_delete' message.id %}"
|
||||
hx-confirm="{% trans 'Are you sure you want to delete this message?' %}"
|
||||
title="{% trans 'Delete' %}">
|
||||
<i class="fas fa-trash"></i>
|
||||
</a>
|
||||
</div>
|
||||
@ -150,8 +150,8 @@
|
||||
<tr>
|
||||
<td colspan="7" class="text-center text-muted">
|
||||
<i class="fas fa-inbox fa-3x mb-3"></i>
|
||||
<p class="mb-0">No messages found.</p>
|
||||
<p class="small">Try adjusting your filters or compose a new message.</p>
|
||||
<p class="mb-0">{% trans "No messages found." %}</p>
|
||||
<p class="small">{% trans "Try adjusting your filters or compose a new message." %}</p>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
@ -196,10 +196,10 @@
|
||||
{% else %}
|
||||
<div class="text-center text-muted py-5">
|
||||
<i class="fas fa-inbox fa-3x mb-3"></i>
|
||||
<p class="mb-0">No messages found.</p>
|
||||
<p class="small">Try adjusting your filters or compose a new message.</p>
|
||||
<p class="mb-0">{% trans "No messages found." %}</p>
|
||||
<p class="small">{% trans "Try adjusting your filters or compose a new message." %}</p>
|
||||
<a href="{% url 'message_create' %}" class="btn btn-main-action">
|
||||
<i class="fas fa-plus"></i> Compose Message
|
||||
<i class="fas fa-plus"></i> {% trans "Compose Message" %}
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
@ -163,7 +163,7 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{% url 'participant_list' as participant_list_url %}
|
||||
|
||||
|
||||
<form method="GET" class="row g-3 align-items-end h-100">
|
||||
{% if search_query %}<input type="hidden" name="q" value="{{ search_query }}">{% endif %}
|
||||
@ -186,7 +186,7 @@
|
||||
<i class="fas fa-filter me-1"></i> {% trans "Apply Filters" %}
|
||||
</button>
|
||||
{% if job_filter or search_query %}
|
||||
<a href="{% url 'participant_list' %}" class="btn btn-outline-secondary btn-sm">
|
||||
<a href="{% url 'participants_list' %}" class="btn btn-outline-secondary btn-sm">
|
||||
<i class="fas fa-times me-1"></i> {% trans "Clear" %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@ -256,25 +256,25 @@
|
||||
{{ person.full_name }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ person.email|default:"N/A" }}</td>
|
||||
<td>{{ person.phone|default:"N/A" }}</td>
|
||||
<td>{{ person.email|default:"" }}</td>
|
||||
<td>{{ person.phone|default:"" }}</td>
|
||||
<td>
|
||||
{% if person.nationality %}
|
||||
<span class="badge bg-primary">{{ person.nationality }}</span>
|
||||
<span class="badge bg-primary-theme">{{ person.nationality }}</span>
|
||||
{% else %}
|
||||
<span class="text-muted">N/A</span>
|
||||
<span class="text-muted"></span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if person.gender %}
|
||||
<span class="badge bg-info">
|
||||
<span class="badge bg-primary-theme">
|
||||
{% if person.gender == 'M' %}{% trans "Male" %}{% else %}{% trans "Female" %}{% endif %}
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="text-muted">N/A</span>
|
||||
<span class="text-muted"></span>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td><span class="badge bg-secondary">{{ person.agency.name|default:"N/A" }}</span></td>
|
||||
<td><span class="badge bg-primary-theme">{{ person.agency.name|default:"" }}</span></td>
|
||||
<td>{{ person.created_at|date:"d-m-Y" }}</td>
|
||||
<td class="text-end">
|
||||
<div class="btn-group btn-group-sm" role="group">
|
||||
@ -328,7 +328,7 @@
|
||||
{{ person.get_full_name }}
|
||||
</a>
|
||||
</h5>
|
||||
<p class="text-muted small mb-2">{{ person.email|default:"N/A" }}</p>
|
||||
<p class="text-muted small mb-2">{{ person.email|default:"" }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -341,13 +341,13 @@
|
||||
{% if person.nationality %}
|
||||
<div class="mb-2">
|
||||
<i class="fas fa-globe me-2"></i>
|
||||
<span class="badge bg-primary">{{ person.nationality }}</span>
|
||||
<span class="badge bg-primary-theme">{{ person.nationality }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if person.gender %}
|
||||
<div class="mb-2">
|
||||
<i class="fas fa-venus-mars me-2"></i>
|
||||
<span class="badge bg-info">
|
||||
<span class="badge bg-primary-theme">
|
||||
{% if person.gender == 'M' %}{% trans "Male" %}{% else %}{% trans "Female" %}{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@ -275,44 +275,32 @@
|
||||
border-bottom: 1px solid var(--kaauh-border); /* Consistent thin bottom border for the entire row */
|
||||
}
|
||||
|
||||
/* Default tab link styling */
|
||||
/* Tabs Theming - Applies to the right column */
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid var(--kaauh-border);
|
||||
background-color: #f8f9fa;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link {
|
||||
color: var(--kaauh-primary-text); /* Default text color */
|
||||
border: 1px solid var(--kaauh-border); /* Add border to all sides */
|
||||
border-bottom: none; /* Remove tab's own bottom border */
|
||||
border-radius: 0.5rem 0.5rem 0 0; /* Slightly smaller radius for tabs */
|
||||
margin-right: 0.25rem;
|
||||
padding: 0.75rem 1.25rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
background-color: #f8f9fa; /* Visible light background for inactive tabs */
|
||||
border: none;
|
||||
border-bottom: 3px solid transparent;
|
||||
color: var(--kaauh-primary-text);
|
||||
font-weight: 500;
|
||||
padding: 0.75rem 1rem;
|
||||
margin-right: 0.5rem;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* Tab link hover state */
|
||||
.nav-tabs .nav-link:hover:not(.active) {
|
||||
color: var(--kaauh-teal);
|
||||
background-color: #e9ecef; /* Slightly darker on hover */
|
||||
border-color: var(--kaauh-teal); /* Use teal border on hover */
|
||||
border-bottom: none; /* Keep the bottom flat */
|
||||
}
|
||||
|
||||
/* Active tab link styling */
|
||||
/* Active Link */
|
||||
.nav-tabs .nav-link.active {
|
||||
color: var(--kaauh-teal-dark);
|
||||
background-color: white; /* White background for active */
|
||||
border-color: var(--kaauh-border); /* Use border color for all three sides */
|
||||
border-bottom: 2px solid white; /* Override the tab strip border with white to lift the tab */
|
||||
margin-bottom: -1px; /* Overlap slightly with the card border for a cleaner look */
|
||||
color: var(--kaauh-teal-dark) !important;
|
||||
background-color: white !important;
|
||||
border-bottom: 3px solid var(--kaauh-teal) !important;
|
||||
font-weight: 600;
|
||||
z-index: 2;
|
||||
border-right-color: transparent !important;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/* Tab pane styling for border consistency */
|
||||
.tab-content .tab-pane {
|
||||
border: 1px solid var(--kaauh-border); /* Consistent border for the content */
|
||||
border-top: none; /* The nav tabs handle the top border */
|
||||
border-radius: 0 0 0.75rem 0.75rem;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
@ -487,7 +475,7 @@
|
||||
<i class="fas fa-key me-2" style="color: var(--kaauh-teal);"></i>
|
||||
{% trans "Agency Login Information" %}
|
||||
</h5>
|
||||
<div class="alert alert-info" role="alert">
|
||||
<div class="alert " role="alert">
|
||||
<h6 class="alert-heading">
|
||||
<i class="fas fa-info-circle me-2"></i>
|
||||
{% trans "Important Security Notice" %}
|
||||
|
||||
@ -191,7 +191,7 @@
|
||||
|
||||
<!-- Form Actions -->
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="{% url 'agency_list' %}" class="btn btn-secondary">
|
||||
<a href="{% url 'agency_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-times me-1"></i> {% trans "Cancel" %}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
|
||||
@ -199,10 +199,10 @@
|
||||
<td>
|
||||
{% if agency.email %}
|
||||
<a href="mailto:{{ agency.email }}"
|
||||
class="text-decoration-none"
|
||||
class="text-decoration-none text-dark smal"
|
||||
title="{{ agency.email }}">
|
||||
<i class="fas fa-envelope me-1"></i>
|
||||
{{ agency.email|truncatechars:20 }}
|
||||
{{ agency.email|truncatechars:30 }}
|
||||
</a>
|
||||
{% else %}
|
||||
-
|
||||
|
||||
@ -273,7 +273,7 @@
|
||||
<li class="breadcrumb-item active" aria-current="page" class="text-secondary" style="
|
||||
color: #F43B5E; /* Rosy Accent Color */
|
||||
font-weight: 600;
|
||||
">Applicant Detail</li>
|
||||
">{% trans "Applicant Detail" %}</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
@ -683,7 +683,7 @@
|
||||
{% if days > 0 %}
|
||||
{{ days }} day{{ days|pluralize }}
|
||||
{% else %}
|
||||
N/A
|
||||
0
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
</h5>
|
||||
@ -704,7 +704,7 @@
|
||||
<div style="display: flex; justify-content: center; align-items: center; height: 100%;" class="mb-2">
|
||||
<div class="ai-loading-container">
|
||||
<i class="fas fa-robot ai-robot-icon"></i>
|
||||
<span>Resume is been Scoring...</span>
|
||||
<span>{% trans "Resume is been Scoring..." %}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
@ -12,6 +12,12 @@
|
||||
--kaauh-border: #eaeff3;
|
||||
--kaauh-primary-text: #343a40;
|
||||
--kaauh-gray-light: #f8f9fa; /* Added for hover/background consistency */
|
||||
--kaauh-success: #28a745;
|
||||
--kaauh-danger: #dc3545;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
/* Primary Color Overrides */
|
||||
@ -60,6 +66,7 @@
|
||||
.btn-outline-secondary {
|
||||
color: var(--kaauh-teal-dark);
|
||||
border-color: var(--kaauh-teal);
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
.btn-outline-secondary:hover {
|
||||
background-color: var(--kaauh-teal-dark);
|
||||
@ -76,6 +83,7 @@
|
||||
.candidate-card .card-text i {
|
||||
color: var(--kaauh-teal);
|
||||
width: 1.25rem;
|
||||
margin-right: 0.25rem; /* Space for icon */
|
||||
}
|
||||
|
||||
/* Table & Card Badge Styling (Unified) */
|
||||
@ -134,33 +142,27 @@
|
||||
|
||||
|
||||
/* ------------------------------------------- */
|
||||
/* 1. Base Spinner Styling */
|
||||
/* Spinner Styling for Resume Parsing */
|
||||
/* ------------------------------------------- */
|
||||
.kaats-spinner {
|
||||
animation: kaats-spinner-rotate 1.5s linear infinite; /* Faster rotation */
|
||||
width: 40px; /* Standard size */
|
||||
height: 40px;
|
||||
display: inline-block; /* Useful for table cells */
|
||||
animation: kaats-spinner-rotate 1.5s linear infinite;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.kaats-spinner .path {
|
||||
stroke: var(--kaauh-teal, #00636e); /* Use Teal color, fallback to dark teal */
|
||||
stroke: var(--kaauh-teal, #00636e);
|
||||
stroke-linecap: round;
|
||||
/* Optional: Add a lighter background circle for contrast */
|
||||
/* stroke-dashoffset will be reset by the dash animation */
|
||||
}
|
||||
|
||||
/* Optional: Background circle for better contrast (similar to Bootstrap) */
|
||||
.kaats-spinner circle {
|
||||
stroke: var(--kaauh-border, #e9ecef); /* Light gray background */
|
||||
stroke: var(--kaauh-border, #e9ecef);
|
||||
fill: none;
|
||||
stroke-width: 5; /* Keep stroke-width on both circles */
|
||||
stroke-width: 5;
|
||||
}
|
||||
|
||||
/* ------------------------------------------- */
|
||||
/* 2. Keyframe Animations */
|
||||
/* ------------------------------------------- */
|
||||
@keyframes kaats-spinner-rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
@ -228,7 +230,7 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label for="job_filter" class="form-label small text-muted">{% trans "Filter by Stages" %}</label>
|
||||
<label for="stage_filter" class="form-label small text-muted">{% trans "Filter by Stages" %}</label>
|
||||
<div class="d-flex gap-2">
|
||||
|
||||
<select name="stage" id="stage_filter" class="form-select form-select-sm">
|
||||
@ -265,15 +267,14 @@
|
||||
{# View Switcher - list_id must match the container ID #}
|
||||
{% include "includes/_list_view_switcher.html" with list_id="candidate-list" %}
|
||||
|
||||
{# Table View (Default) #}
|
||||
<div class="table-view">
|
||||
{# Table View (Default for Desktop) #}
|
||||
<div class="table-view active d-none d-lg-block">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" >{% trans "Name" %}</th>
|
||||
<th scope="col">{% trans "Email" %}</th>
|
||||
{% comment %} <th scope="col" style="width: 8%;">{% trans "Phone" %}</th> {% endcomment %}
|
||||
<th scope="col">{% trans "Job" %}</th>
|
||||
<th scope="col" >{% trans "Major" %}</th>
|
||||
<th scope="col" >{% trans "Stage" %}</th>
|
||||
@ -287,7 +288,6 @@
|
||||
<tr>
|
||||
<td class="fw-medium"><a href="{% url 'candidate_detail' candidate.slug %}" class="text-decoration-none link-secondary">{{ candidate.name }}<a></td>
|
||||
<td>{{ candidate.email }}</td>
|
||||
{% comment %} <td>{{ candidate.phone }}</td> {% endcomment %}
|
||||
<td> <span class="badge bg-primary"><a href="{% url 'job_detail' candidate.job.slug %}" class="text-decoration-none text-white">{{ candidate.job.title }}</a></span></td>
|
||||
<td>
|
||||
{% if candidate.is_resume_parsed %}
|
||||
@ -333,7 +333,7 @@
|
||||
<i class="fas fa-edit"></i>
|
||||
</a>
|
||||
<button type="button" class="btn btn-outline-danger" title="{% trans 'Delete' %}"
|
||||
data-bs-toggle="modal" data-bs-target="#deleteModal" {# Updated to standard Bootstrap usage #}
|
||||
data-bs-toggle="modal" data-bs-target="#deleteModal"
|
||||
data-delete-url="{% url 'candidate_delete' candidate.slug %}"
|
||||
data-item-name="{{ candidate.name }}">
|
||||
<i class="fas fa-trash-alt"></i>
|
||||
@ -348,29 +348,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# Card View #}
|
||||
<div class="card-view row"> {# Added 'row' class for grid structure #}
|
||||
{% for candidate in candidates %}
|
||||
<div class="col-md-6 col-lg-4 mb-4"> {# Column wrapper for grid #}
|
||||
{# Card View (Default for Mobile) #}
|
||||
<div class="card-view row g-4 d-lg-none">
|
||||
{% for candidate in applications %}
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<div class="card candidate-card h-100 shadow-sm">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="d-flex justify-content-between align-items-start mb-2">
|
||||
<h5 class="card-title flex-grow-1 me-3"><a href="{% url 'candidate_detail' candidate.slug %}" class="text-decoration-none text-primary-theme ">{{ candidate.name }}</a></h5>
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<h5 class="card-title flex-grow-1 me-3">
|
||||
<a href="{% url 'candidate_detail' candidate.slug %}" class="text-decoration-none text-primary-theme ">{{ candidate.name }}</a>
|
||||
</h5>
|
||||
<span class="badge bg-primary">{{ candidate.stage }}</span>
|
||||
</div>
|
||||
|
||||
<p class="card-text text-muted small">
|
||||
<i class="fas fa-envelope"></i> {{ candidate.email }}<br>
|
||||
<i class="fas fa-phone-alt"></i> {{ candidate.phone|default:"N/A" }}<br>
|
||||
<i class="fas fa-briefcase"></i> <span class="badge bg-primary"><a href="{% url 'job_detail' candidate.job.slug %}" class="text-decoration-none text-white">{{ candidate.job.title }}</a></span><br>
|
||||
<p class="card-text text-muted small flex-grow-1">
|
||||
<span class="d-block mb-1"><i class="fas fa-envelope"></i> {{ candidate.email }}</span>
|
||||
<span class="d-block mb-1"><i class="fas fa-phone-alt"></i> {{ candidate.phone|default:"N/A" }}</span>
|
||||
<span class="d-block mb-1"><i class="fas fa-calendar-alt"></i> {{ candidate.created_at|date:"d-m-Y" }}</span>
|
||||
<span class="d-block mt-2"><i class="fas fa-briefcase"></i>
|
||||
<span class="badge bg-primary"><a href="{% url 'job_detail' candidate.job.slug %}" class="text-decoration-none text-white">{{ candidate.job.title }}</a></span>
|
||||
</span>
|
||||
{% if candidate.hiring_agency %}
|
||||
<i class="fas fa-building"></i> <a href="{% url 'agency_detail' candidate.hiring_agency.slug %}" class="text-decoration-none">
|
||||
<span class="badge bg-info">{{ candidate.hiring_agency.name }}</span>
|
||||
</a>
|
||||
<span class="d-block mt-2"><i class="fas fa-building"></i>
|
||||
<a href="{% url 'agency_detail' candidate.hiring_agency.slug %}" class="text-decoration-none">
|
||||
<span class="badge bg-info">{{ candidate.hiring_agency.name }}</span>
|
||||
</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<div class="mt-auto pt-2 border-top">
|
||||
<div class="mt-auto pt-3 border-top">
|
||||
<div class="d-flex gap-2">
|
||||
<a href="{% url 'candidate_detail' candidate.slug %}" class="btn btn-sm btn-main-action">
|
||||
<i class="fas fa-eye"></i> {% trans "View" %}
|
||||
@ -412,4 +419,4 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
@ -48,7 +48,7 @@
|
||||
|
||||
<!-- Form Actions -->
|
||||
<div class="d-flex justify-content-between mt-4">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-times me-1"></i>Cancel
|
||||
</button>
|
||||
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h1 class="h3 mb-0">{{ title }}</h1>
|
||||
<a href="{% url 'source_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-arrow-left"></i> Back to Sources
|
||||
<i class="fas fa-arrow-left"></i> {% trans "Back to Sources" %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -115,7 +115,7 @@
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<div class="form-check">
|
||||
{{ form.is_active|add_class:"form-check-input" }}
|
||||
{{ form.is_active|add_class:"form-check-input bg-primary-theme" }}
|
||||
<label for="{{ form.is_active.id_for_label }}" class="form-check-label">
|
||||
{{ form.is_active.label }}
|
||||
</label>
|
||||
@ -137,19 +137,19 @@
|
||||
{% if source %}
|
||||
<div class="card bg-light mb-4">
|
||||
<div class="card-header">
|
||||
<h6 class="mb-0">API Credentials</h6>
|
||||
<h6 class="mb-0">{% trans "API Credentials" %}</h6>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">API Key</label>
|
||||
<label class="form-label">{% trans "API Key" %}</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" value="{{ source.api_key }}" readonly>
|
||||
<button type="button" class="btn btn-outline-secondary"
|
||||
hx-post="{% url 'copy_to_clipboard' %}"
|
||||
hx-vals='{"text": "{{ source.api_key }}"}'
|
||||
title="Copy to clipboard">
|
||||
title="{% trans 'Copy to clipboard' %}">
|
||||
<i class="fas fa-copy"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -157,7 +157,7 @@
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">API Secret</label>
|
||||
<label class="form-label">{% trans "API Secret" %}</label>
|
||||
<div class="input-group">
|
||||
<input type="password" class="form-control" value="{{ source.api_secret }}" readonly id="api-secret">
|
||||
<button type="button" class="btn btn-outline-secondary" onclick="toggleSecretVisibility()">
|
||||
@ -166,7 +166,7 @@
|
||||
<button type="button" class="btn btn-outline-secondary"
|
||||
hx-post="{% url 'copy_to_clipboard' %}"
|
||||
hx-vals='{"text": "{{ source.api_secret }}"}'
|
||||
title="Copy to clipboard">
|
||||
title="{% trans 'Copy to clipboard' %}">
|
||||
<i class="fas fa-copy"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -175,7 +175,7 @@
|
||||
</div>
|
||||
<div class="text-end">
|
||||
<a href="{% url 'generate_api_keys' source.pk %}" class="btn btn-warning">
|
||||
<i class="fas fa-key"></i> Generate New Keys
|
||||
<i class="fas fa-key"></i> {% trans "Generate New Keys" %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -184,7 +184,7 @@
|
||||
|
||||
<div class="d-flex justify-content-between">
|
||||
<a href="{% url 'source_list' %}" class="btn btn-outline-secondary">
|
||||
<i class="fas fa-times"></i> Cancel
|
||||
<i class="fas fa-times me-1"></i>{% trans "Cancel" %}
|
||||
</a>
|
||||
<button type="submit" class="btn btn-main-action">
|
||||
<i class="fas fa-save me-1"></i> {% trans "Save" %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user