nestict/ihrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[ADD] Help text in recruitment

Browse Source
This commit is contained in:
Horilla
2023-09-13 16:55:21 +05:30
parent acbbf267ad
commit 3483399ed5
11 changed files with 119 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
recruitment/static/pipeline/search.js
View File

@@ -1,70 +1,90 @@
function closeTag(event) {
console.log(event.target);
$(".oh-filter-tag.filter-field").remove();
$("#pipelineSearch").val("");
$("#pipelineSearch").trigger("keyup");
$("#job_pos_id").val("");
$("#select2-job_pos_id-container").text("------------------");
}
$(document).ready(function () {
$("#pipelineSearch").keyup(function (e) {
e.preventDefault();
var search = $(this).val().toLowerCase();
$(".candidate-container div.change-cand").each(function () {
var candidate = $(this).attr("data-candidate");
if (candidate.toLowerCase().includes(search)) {
$(this).show();
} else {
$(this).hide();
}
let stageId = $(this).parent().attr("data-stage-id");
var count = $(this).parent().find(".candidate:visible").length;
badge = $(`#stageCount${stageId}`).html(count);
$(`#stageCount${stageId}`).attr("title",`${count} candidates`)
});
});
function count_element () {
let stage = $(".recruitment_items")
let count = $(".stage_count")
let nos = []
for(i=0;i<stage.length;i++){
nos.push($(stage[i]).find("[data-candidate]:visible").length)
}
$("#pipelineSearch").keyup(function (e) {
e.preventDefault();
var search = $(this).val().toLowerCase();
$(".candidate-container div.change-cand").each(function () {
var candidate = $(this).attr("data-candidate");
if (candidate.toLowerCase().includes(search)) {
$(this).show();
} else {
$(this).hide();
}
let stageId = $(this).parent().attr("data-stage-id");
var count = $(this).parent().find(".candidate:visible").length;
badge = $(`#stageCount${stageId}`).html(count);
$(`#stageCount${stageId}`).attr("title", `${count} candidates`);
});
$(".oh-filter-tag.filter-field").remove();
if (search != "") {
$(".oh-filter-tag-container.filter-value").append(
'<span class="oh-filter-tag filter-field" onclick="closeTag(event)">Search : ' +
search +
'<button class="oh-filter-tag__close" id="close"><ion-icon name="close-outline" role="img" class="md hydrated" aria-label="close outline"></ion-icon></button></span>'
);
}
});
function count_element() {
let stage = $(".recruitment_items");
let count = $(".stage_count");
let nos = [];
for (i = 0; i < stage.length; i++) {
nos.push($(stage[i]).find("[data-candidate]:visible").length);
}
$.each(nos, function(index, value1) {
var value2 = count[index];
console.log(value2);
$(value2).text(value1);
$(value2).attr('title',`${value1} candidates`)
});
}
$.each(nos, function (index, value1) {
var value2 = count[index];
console.log(value2);
$(value2).text(value1);
$(value2).attr("title", `${value1} candidates`);
});
}
function job_Position (){
let search = $("#job_pos_id").val().toLowerCase()
if (search != "") {
job = $("[data-job-position]:visible")
job.each(function () {
var candidate = $(this).attr("data-job-position");
if (candidate.toLowerCase().includes(search)) {
$(this).show();
} else {
$(this).hide();
}
});
}
function job_Position() {
let search = $("#job_pos_id").val().toLowerCase();
$(".oh-filter-tag.filter-field").remove();
if (search != "") {
job = $("[data-job-position]:visible");
job.each(function () {
var candidate = $(this).attr("data-job-position");
if (candidate.toLowerCase().includes(search)) {
$(this).show();
} else {
$(this).hide();
}
});
$(".oh-filter-tag-container.filter-value").append(
'<span class="oh-filter-tag filter-field" onclick="closeTag(event)">Job position : ' +
search +
'<button class="oh-filter-tag__close" id="close"><ion-icon name="close-outline" role="img" class="md hydrated" aria-label="close outline"></ion-icon></button></span>'
);
}
}
}
$("#filter_item").on("click",function(){
var candidate = $("[data-job-position]");
candidate.each(function () {
$(this).show();
})
$(".pipeline_items").each(function () {
$(this).removeClass("d-none");
});
job_Position();
count_element();
})
$(".oh-tabs__tab").on("click",function (){
$(".pipeline_items").each(function () {
$(this).removeClass("d-none");
});
job_Position();
count_element();
})
$("#filter_item").on("click", function () {
var candidate = $("[data-job-position]");
candidate.each(function () {
$(this).show();
});
$(".pipeline_items").each(function () {
$(this).removeClass("d-none");
});
job_Position();
count_element();
});
$(".oh-tabs__tab").on("click", function () {
$(".pipeline_items").each(function () {
$(this).removeClass("d-none");
});
job_Position();
count_element();
});
});

2
recruitment/templates/candidate/candidate_card.html
View File

@@ -45,7 +45,7 @@
</a>
<div class="oh-kanban-card__dots">
<div class="oh-dropdown" x-data="{show: false}">
<button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show">
<button class="oh-btn oh-btn--transparent text-muted p-3" @click="show = !show" title={% trans "Actions" %}>
<ion-icon name="ellipsis-vertical-sharp" title="{% trans 'Options' %}" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
</button>
<div class="oh-dropdown__menu oh-dropdown__menu--dark-border oh-dropdown__menu--right" x-show="show" @click.outside="show = false" style="display: none;">

6
recruitment/templates/candidate/candidate_list.html
View File

@@ -20,7 +20,7 @@
<div class="oh-sticky-table__th" >
<div class="d-flex">
<div class="">
<input type="checkbox" class="all-candidate oh-input oh-input__checkbox mt-1 mr-2"
<input type="checkbox" class="all-candidate oh-input oh-input__checkbox mt-1 mr-2" title="Select All"
id = "Allcandidate"/>
</div>
<div hx-target='#section' hx-get="{% url 'search-candidate' %}?{{pd}}&orderby=name&view=list">
@@ -88,10 +88,10 @@
</form>
{% else %}
<form action="{% url 'rec-candidate-archive' cand.id %}" onsubmit="return confirm('{% trans "Do you want to un-archive this candidate" %}')" method='post'>
<form action="{% url 'rec-candidate-archive' cand.id %}" title="Un Archive" onsubmit="return confirm('{% trans "Do you want to un-archive this candidate" %}')" method='post'>
{% csrf_token %}
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
><ion-icon name="archive" title="Un Archive"></ion-icon></button>
><ion-icon name="archive"></ion-icon></button>
</form>
{% endif %}
{% endif %}

12
recruitment/templates/candidate/candidate_view.html
View File

@@ -1,5 +1,6 @@
{% extends 'index.html' %}
{% block content %}
{% load i18n %}
<style>
.hired-cand{
border-left: solid 4px yellowgreen !important;
@@ -13,6 +14,17 @@
</style>
<div class="oh-wrapper">
{% include 'candidate/candidate_nav.html' %}
<div class="d-flex flex-row-reverse">
<span class="m-3" >
<span class="oh-dot oh-dot--small me-1" style="background-color:rgba(128, 128, 128, 0.482)"></span>
{% trans "Not-Hired" %}
</span>
<span class="m-3">
<span class="oh-dot oh-dot--small me-1" style="background-color:yellowgreen"></span>
{% trans "Hired" %}
</span>
</div>
<div id="section" hx-target="#section" hx-swap="innerHTML">
{% if view_type == 'list' %}
{% include 'candidate/candidate_list.html' %}

3
recruitment/templates/pipeline/form/candidate_drop_down_form.html
View File

@@ -3,8 +3,9 @@
<button
class="oh-btn oh-btn--secondary-outline oh-stop-prop oh-accordion-meta__btn"
@click="open = !open"
title="Add Candidates"
>
<ion-icon class="" name="add-outline"></ion-icon>
<ion-icon class="" name="add-outline" ></ion-icon>
</button>
<div
class="oh-dropdown__menu oh-dropdown__menu--top-align oh-dropdown__filter p-4"

3
recruitment/templates/pipeline/pipeline.html
View File

@@ -92,6 +92,7 @@
class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
@click="open = !open"
@click.outside="open = false"
title="{% trans "Actions" %}"
>
<ion-icon name="ellipsis-vertical"></ion-icon>
</button>
@@ -186,7 +187,7 @@
style="text-decoration: none;width: 400px !important;"
href="{% url 'candidate-view-individual' cand.id %}"
>
<ion-icon name="move"></ion-icon>
<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">
<img

5
recruitment/templates/pipeline/pipeline_card.html
View File

@@ -67,7 +67,7 @@
<div class="oh-kanban__head-actions oh-kanban__dropdown" >
<div class="oh-kanban__head-actions oh-kanban__dropdown">
<button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle">
<button class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle" title = {% trans "Actions" %}>
<ion-icon name="ellipsis-vertical-sharp" role="img" class="md hydrated" aria-label="ellipsis vertical sharp"></ion-icon>
</button>
<div class="oh-dropdown oh-kanban__dropdown-menu d-none">
@@ -91,7 +91,7 @@
</div>
{% if perms.recruitment.add_candidate or request.user|is_stagemanager %}
<div class="oh-dropdown" x-data="{open: false}">
<a class="" @click="open = !open">
<a class="" @click="open = !open" title="Add Candidates">
<ion-icon name="add-sharp" role="img" class="md hydrated mt-1" aria-label="add sharp"></ion-icon>
</a>
<div
@@ -187,6 +187,7 @@
<div class="oh-kanban__card-actions oh-kanban__dropdown">
<button
class="oh-btn oh-btn--small oh-btn--transparent oh-kanban__btn oh-kanban__dropdown-toggle"
title={% trans "Actions" %}
>
<ion-icon
name="ellipsis-vertical-sharp"

1
recruitment/templates/pipeline/pipeline_tabs.html
View File

@@ -20,6 +20,7 @@
class="oh-btn oh-stop-prop oh-btn--transparent oh-accordion-meta__btn"
@click="open = !open"
@click.outside="open = false"
title={% trans "Actions" %}
>
<ion-icon
name="ellipsis-vertical"

10
recruitment/templates/recruitment/recruitment_component.html
View File

@@ -75,8 +75,8 @@
<div class="oh-sticky-table__sd oh-permission-table--toggle" data-toggle-count>
<div class="d-flex align-items-center">
<button class="oh-permission-table__collapse me-2">
<ion-icon class="oh-permission-table__collapse-down" title="Reveal" name="chevron-down-outline"></ion-icon>
<ion-icon class="oh-permission-table__collapse-up" title="Collapse" name="chevron-up-outline"></ion-icon>
<span title="{% trans "Reveal" %}"><ion-icon class="oh-permission-table__collapse-down" name="chevron-down-outline"></ion-icon></span>
<span title="{% trans "Collapse" %}"><ion-icon class="oh-permission-table__collapse-up" name="chevron-up-outline"></ion-icon></span>
</button>
<span class="oh-permission-table__user">{{rec}}</span>
</div>
@@ -97,7 +97,7 @@
>{{manager.employee_first_name|truncatechars:4}}</span
>
</div>
<a hx-post="{% url 'remove-recruitment-manager' manager.id rec.id %}?{{pd}}&page={{data.number}}" hx-target="#recruitment-container"class="oh-user-panel__remove">
<a hx-post="{% url 'remove-recruitment-manager' manager.id rec.id %}?{{pd}}&page={{data.number}}" title="{% trans "Remove" %}" hx-target="#recruitment-container"class="oh-user-panel__remove">
<ion-icon name="close-outline"></ion-icon>
</a>
</span>
@@ -146,7 +146,7 @@
</div>
<div class="oh-sticky-table__td">
<div class="oh-btn-group">
<a href="#" class="oh-btn oh-btn--light-bkg w-100" onclick="copyLink(window.location.origin+'/recruitment/application-form?recruitmentId={{rec.id}}')">
<a href="#" class="oh-btn oh-btn--light-bkg w-100" onclick="copyLink(window.location.origin+'/recruitment/application-form?recruitmentId={{rec.id}}')" title="{% trans "Share Link" %}">
<ion-icon name="share-social-outline"></ion-icon>
</a>
{% if perms.recruitment.change_recruitment %}
@@ -190,7 +190,7 @@ aria-hidden="true"
<h5 class="oh-modal__dialog-title" id="updateRecruitmentModalLabel"
>{% trans "Edit Recruitment" %}</span
>
<button class="oh-modal__close" aria-label="Close" >
<button class="oh-modal__close" aria-label="Close"title="{% trans "Close" %}" >
<ion-icon name="close-outline"></ion-icon>
</button>
</div>

8
recruitment/templates/stage/stage_component.html
View File

@@ -53,8 +53,8 @@
<div class="oh-sticky-table__sd oh-permission-table--toggle" data-toggle-count>
<div class="d-flex align-items-center">
<button class="oh-permission-table__collapse me-2">
<ion-icon class="oh-permission-table__collapse-down" title="Reveal" name="chevron-down-outline"></ion-icon>
<ion-icon class="oh-permission-table__collapse-up" title="Collapse" name="chevron-up-outline"></ion-icon>
<span title="{% trans "Reveal" %}"><ion-icon class="oh-permission-table__collapse-down" name="chevron-down-outline"></ion-icon></span>
<span title="{% trans "Collapse" %}"><ion-icon class="oh-permission-table__collapse-up" name="chevron-up-outline"></ion-icon></span>
</button>
<span class="oh-permission-table__user">{{stage}}</span>
</div>
@@ -74,7 +74,7 @@
>{{manager.employee_first_name|truncatechars:6}}.</span
>
</div>
<button hx-post="{% url 'rec-remove-stage-manager' manager.id stage.id %}?{{pd}}&page={{data.number}}" hx-target='#stage-container' class="oh-user-panel__remove">
<button hx-post="{% url 'rec-remove-stage-manager' manager.id stage.id %}?{{pd}}&page={{data.number}}" hx-target='#stage-container' class="oh-user-panel__remove" title="{% trans "Remove" %}">
<ion-icon name="close-outline"></ion-icon>
</button>
@@ -136,7 +136,7 @@
<h5 class="oh-modal__dialog-title" id="updateStageModalLabel"
>{% trans "Edit Stage" %}</span
>
<button class="oh-modal__close" aria-label="Close" >
<button class="oh-modal__close" aria-label="Close" title="Close" >
<ion-icon name="close-outline"></ion-icon>
</button>
</div>

1
recruitment/templates/survey/survey-card.html
View File

@@ -19,6 +19,7 @@
<button
class="oh-btn oh-btn--transparent text-muted p-3"
@click="show = !show"
title={% trans "Actions" %}
>
<ion-icon name="ellipsis-vertical-sharp"></ion-icon>
</button>