154 lines
9.7 KiB
HTML
154 lines
9.7 KiB
HTML
{% load i18n %}
|
|
<section class="oh-main__topbar" x-data="{searchShow: false}">
|
|
<div class="oh-main__titlebar oh-main__titlebar--left">
|
|
<h1 class="oh-main__titlebar-title fw-bold mb-0">
|
|
{{model.get_verbose_name}}
|
|
</h1>
|
|
|
|
<a class="oh-main__titlebar-search-toggle" role="button" aria-label="Toggle Search"
|
|
@click="searchShow = !searchShow">
|
|
<ion-icon name="search-outline" class="oh-main__titlebar-serach-icon"></ion-icon>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="oh-main__titlebar oh-main__titlebar--right">
|
|
<form hx-get='{% url "skill-zone-filter" %}' id="filterForm" hx-target='#skill_zone_container' class="d-flex">
|
|
<div class="oh-input-group oh-input__search-group"
|
|
:class="searchShow ? 'oh-input__search-group--show' : ''">
|
|
<ion-icon name="search-outline" class="oh-input-group__icon oh-input-group__icon--left"></ion-icon>
|
|
<input type="text" class="oh-input oh-input__icon" aria-label="Search Input"
|
|
placeholder="{% trans 'Search' %}" name="search" hx-get="{% url 'skill-zone-filter' %}"
|
|
onkeyup="$('.filterButton').click()" />
|
|
</div>
|
|
|
|
<div class="oh-main__titlebar-button-container">
|
|
<div class="oh-dropdown" x-data="{open: false}">
|
|
<button class="oh-btn ml-2" @click="open = !open" onclick="event.preventDefault()">
|
|
<ion-icon name="filter" class="mr-1"></ion-icon>{% trans "Filter" %}<div id="filterCount"></div>
|
|
</button>
|
|
|
|
<div class="oh-dropdown__menu oh-dropdown__menu--right oh-dropdown__filter p-4" x-show="open"
|
|
style="display: none" @click.outside="open = false">
|
|
<div class="oh-dropdown__filter-body">
|
|
<div class="oh-accordion">
|
|
<div class="oh-accordion-header">{% trans "Candidate Filter" %}</div>
|
|
<div class="oh-accordion-body">
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.candidate_id.id_for_label}}">{{f.form.candidate_id.label}}</label>
|
|
{{f.form.candidate_id}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.candidate_id__recruitment_id.id_for_label}}">{{f.form.candidate_id__recruitment_id.label}}</label>
|
|
{{f.form.candidate_id__recruitment_id}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.candidate_id__job_position_id.id_for_label}}">{{f.form.candidate_id__job_position_id.label}}</label>
|
|
{{f.form.candidate_id__job_position_id}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6 mb-2">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.candidate_id__rejected_candidate__reject_reason_id.id_for_label}}">
|
|
{% trans "Reject Reason" %}
|
|
</label>
|
|
{{f.form.candidate_id__rejected_candidate__reject_reason_id}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.scheduled_from.id_for_label}}">{{f.form.scheduled_from.label}}</label>
|
|
{{f.form.scheduled_from}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.scheduled_till.id_for_label}}">{{f.form.scheduled_till.label}}</label>
|
|
{{f.form.scheduled_till}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.probation_end_from.id_for_label}}">{{f.form.probation_end_from.label}}</label>
|
|
{{f.form.probation_end_from}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.probation_end_till.id_for_label}}">{{f.form.probation_end_till.label}}</label>
|
|
{{f.form.probation_end_till}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.portal_sent.id_for_label}}">{{f.form.portal_sent.label}}</label>
|
|
{{f.form.portal_sent}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.joining_set.id_for_label}}">{{f.form.joining_set.label}}</label>
|
|
{{f.form.joining_set}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-6 mb-2">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.candidate_id__offer_letter_status.id_for_label}}">{{f.form.candidate_id__offer_letter_status.label}}</label>
|
|
{{f.form.candidate_id__offer_letter_status}}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-12 col-md-12 col-lg-6">
|
|
<div class="oh-input-group">
|
|
<label class="oh-label"
|
|
for="{{f.form.is_active.id_for_label}}">{{f.form.is_active.label}}</label>
|
|
{{f.form.is_active}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="oh-dropdown__filter-footer">
|
|
<button class="oh-btn oh-btn--secondary oh-btn--small w-100 filterButton" type="submit">
|
|
{% trans "Filter" %}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="oh-btn-group ml-2"></div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="oh-btn-group ml-2">
|
|
<a class="oh-btn oh-btn--secondary oh-btn--shadow" data-toggle="oh-modal-toggle"
|
|
data-target="#objectCreateModal" hx-get="{% url 'skill-zone-create' %}"
|
|
hx-target="#objectCreateModalTarget">
|
|
<ion-icon name="add-outline" class="me-1"></ion-icon>
|
|
{% trans "Create" %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|