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

[FIX] view type with fiter-recruitment

Browse Source
This commit is contained in:
Horilla
2023-09-06 16:23:22 +05:30
parent 4cff0b986a
commit 0fcb05c8f3
2 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
recruitment/templates/candidate/candidate_nav.html
View File

@@ -37,6 +37,7 @@ x-data="{searchShow: false}"
hx-trigger="keyup changed delay:.2s"
hx-target="#section"
class="oh-input oh-input__icon"
hx-vals = '{"view":"{{request.GET.view}}"}'
aria-label="Search Input"
/>
</div>
@@ -44,7 +45,7 @@ x-data="{searchShow: false}"
<li class="oh-view-type candidate-view-type" data-view='list'>
<a
id = 'list'
hx-get="{% url 'candidate-view-list' %}"
hx-get="{% url 'search-candidate' %}?view=list"
hx-target='#section'
class="oh-btn oh-btn--view "
><ion-icon name="list-outline"></ion-icon
@@ -53,7 +54,7 @@ x-data="{searchShow: false}"
<li class="oh-view-type candidate-view-type" data-view='card'>
<a
id="card"
hx-get="{% url 'candidate-view-card' %}"
hx-get="{% url 'search-candidate' %}?view=card"
hx-target='#section'
class="oh-btn oh-btn--view"
><ion-icon name="grid-outline"></ion-icon
@@ -140,9 +141,7 @@ x-data="{searchShow: false}"
</section>
<script>
$('#candidate-search').keyup(function (e) {
$('.candidate-view-type').attr('hx-vals',`{"search":"${$(this).val()}"}`)
});
function candidateFilter(element) {
var search = $('#candidate-search').val();
@@ -155,12 +154,15 @@ x-data="{searchShow: false}"
queryObject['search'] = search
queryObject['view'] = view
stringQueyObject = JSON.stringify(queryObject)
$('#list').attr('hx-vals', stringQueyObject);
$('#card').attr('hx-vals', stringQueyObject);
// $('#list').attr('hx-vals', stringQueyObject);
// $('#card').attr('hx-vals', stringQueyObject);
}
$(document).ready(function () {
$('#candidate-search').keyup(function (e) {
$('.candidate-view-type').attr('hx-vals',`{"search":"${$(this).val()}"}`)
});
$(".candidate-view-type").click(function (e) {
let view = $(this).attr("data-view");
let view = $(this).attr("data-view");
var currentURL = window.location.href;
if (view != undefined){
if (/\?view=[^&]+/.test(currentURL)) {
@@ -171,12 +173,12 @@ x-data="{searchShow: false}"
newURL = currentURL + separator + "view="+view;
}
history.pushState({}, "", newURL);
$('#candidate-search').attr('hx-vals',`{"view":"${view}"}`);
$('#filterButton').attr('data-view',view);
// $('#candidate-search').attr('hx-vals',`{"view":"${view}"}`);
// $('#filterForm').attr("hx-vals", `{"view":"${view}"}`);
}
});
});
</script>
<script src="{% static '/candidate/bulk.js' %}"></script>

5
recruitment/views/search.py
View File

@@ -116,6 +116,9 @@ def candidate_filter_view(request):
"""
This method is used for filter,pagination and search candidate.
"""
templete = "candidate/candidate_card.html"
if request.GET.get('view') == 'list':
templete= "candidate/candidate_list.html"
previous_data = request.environ["QUERY_STRING"]
filter_obj = CandidateFilter(
request.GET, queryset=Candidate.objects.filter(is_active=True)
@@ -125,7 +128,7 @@ def candidate_filter_view(request):
page_obj = paginator.get_page(page_number)
return render(
request,
"candidate/candidate_card.html",
templete,
{"data": page_obj, "pd": previous_data},
)