[FIX] RECRUITMENT: Removed unwanted boolean fields from the recruitment form

This commit is contained in:
Horilla
2024-02-13 13:52:06 +05:30
parent 268b848ba4
commit bfa16b4591
2 changed files with 132 additions and 205 deletions

View File

@@ -1,100 +1,76 @@
{% load i18n %}
{% if form.non_field_errors %}
{% load i18n %} {% if form.non_field_errors %}
<ul class="errorlist">
{% for error in form.non_field_errors %}
{% for error in form.non_field_errors %}
<li>{{ error }}</li>
{% endfor %}
{% endfor %}
</ul>
{% endif %}
<form
hx-post="{% url 'recruitment-update-pipeline' form.instance.id %}"
hx-target="#recruitmentUpdate"
method="post"
class="oh-general__tab-target oh-profile-section"
hx-post="{% url 'recruitment-update-pipeline' form.instance.id %}"
hx-target="#recruitmentUpdate"
method="post"
class="oh-general__tab-target oh-profile-section"
>
{% csrf_token %}
<div>
{% csrf_token %}
<div class="row" id="recruitmentUpdateContainer">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Title" %} *</label>
{{form.title}} {{form.title.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Description" %} *</label>
{{form.description}} {{form.description.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<label class="oh-label" for="id_is_event_based">{% trans "Is Event Based?" %}</label>
<div class="w-100 d-flex" style="align-items: center;justify-content: center !important;">
<div class="oh-switch">{{form.is_event_based}}</div>
<div>
{% csrf_token %}
<div class="row" id="recruitmentUpdateContainer">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Title" %} <span class="text-danger">*</span></label>
{{form.title}} {{form.title.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for=""
>{% trans "Description" %} <span class="text-danger">*</span></label
>
{{form.description}} {{form.description.errors}}
</div>
<div
class="col-12 col-sm-12 col-md-12 col-lg-6"
id="openPositionUpdateContainer"
>
<label class="oh-label" for=""
>{% trans "Job Position" %} <span class="text-danger">*</span></label
>
{{form.open_positions}} {{form.open_positions.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Managers" %} <span class="text-danger">*</span></label>
{{form.recruitment_managers}}
{{form.recruitment_managers.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Start Date" %}</label>
{{form.start_date}} {{form.start_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "End Date" %}</label>
{{form.end_date}} {{form.end_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Vacancy" %}</label>
{{form.vacancy}} {{form.vacancy.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Company" %}</label>
{{form.company_id}} {{form.company_id.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<label
class="oh-label"
for="id_is_published"
title="{{form.is_published.help_text|safe}}"
>{% trans "Is Published?" %}</label
>
<div class="w-100 d-flex" style="align-items: center">
<div class="oh-switch">{{form.is_published}}</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<label class="oh-label" for="id_closed">{% trans "Is Closed?" %}</label>
<div class="w-100 d-flex" style="align-items: center;justify-content: center !important;">
<div class="oh-switch">{{form.closed}}</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<label class="oh-label" for="id_is_active">{% trans "Is Active?" %}</label>
<div class="w-100 d-flex" style="align-items: center;justify-content: center !important;">
<div class="oh-switch">{{form.is_active}}</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6" id="jobPositionUpdateContainer">
<label class="oh-label" for="">{% trans "Job Position" %}</label>
{{form.job_position_id}} {{form.job_position_id.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6" id="openPositionUpdateContainer">
<label class="oh-label" for="">{% trans "Job Position" %} *</label>
{{form.open_positions}} {{form.open_positions.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Managers" %} *</label>
{{form.recruitment_managers}} {{form.recruitment_managers.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Start Date" %}</label>
{{form.start_date}} {{form.start_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "End Date" %}</label>
{{form.end_date}} {{form.end_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Vacancy" %}</label>
{{form.vacancy}} {{form.vacancy.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Company" %}</label>
{{form.company_id}} {{form.company_id.errors}}
</div>
</div>
</div>
<div class="d-flex flex-row-reverse">
<button type="submit" class="mt-4 pl-5 pr-5 oh-btn oh-btn--secondary">
{% trans "Save" %}
</button>
</div>
<div class="d-flex flex-row-reverse">
<button type="submit" class="mt-4 pl-5 pr-5 oh-btn oh-btn--secondary">
{% trans "Save" %}
</button>
</div>
</form>
<script>
$(document).ready(function () {
function togglePosition() {
if ($("#recruitmentUpdateContainer #id_is_event_based").is(":checked")) {
$("#recruitmentUpdateContainer #jobPositionUpdateContainer").hide();
$("#recruitmentUpdateContainer #openPositionUpdateContainer").show();
}else{
$("#recruitmentUpdateContainer #jobPositionUpdateContainer").show();
$("#recruitmentUpdateContainer #openPositionUpdateContainer").hide();
}
}
togglePosition()
$("#recruitmentUpdateContainer #id_is_event_based").change(function (e) {
e.preventDefault();
togglePosition()
});
});
</script>

View File

@@ -1,123 +1,74 @@
{% load i18n %} {% if messages %}
<div class="oh-alert-container">
{% for message in messages %}
<div class="oh-alert oh-alert--animated {{message.tags}}">{{ message }}</div>
{% endfor %}
{% for message in messages %}
<div class="oh-alert oh-alert--animated {{message.tags}}">
{{ message }}
</div>
{% endfor %}
</div>
{% endif %}
<form hx-post="{% url 'recruitment-update' form.instance.id %}" class='oh-general__tab-target oh-profile-section'>
{% csrf_token %}
<div>
<form
hx-post="{% url 'recruitment-update' form.instance.id %}"
class="oh-general__tab-target oh-profile-section"
>
{% csrf_token %}
<div class="row" id="recruitmentUpdateContainer">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Title" %}</label>
{{form.title}} {{form.title.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Description" %}</label>
{{form.description}} {{form.description.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
<label class="oh-label" for="id_is_event_based" title="{{form.is_event_based.help_text|safe}}"
>{% trans "Is Event Based?" %}</label
>
<div
class="w-100 d-flex"
style="align-items: center; justify-content: center !important"
>
<div class="oh-switch">{{form.is_event_based}}</div>
<div>
{% csrf_token %}
<div class="row" id="recruitmentUpdateContainer">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Title" %} <span class="text-danger">*</span></label>
{{form.title}} {{form.title.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<label class="oh-label" for="">{% trans "Description" %} <span class="text-danger">*</span></label>
{{form.description}} {{form.description.errors}}
</div>
<div
class="col-12 col-sm-12 col-md-12 col-lg-6"
id="openPositionUpdateContainer"
>
<label class="oh-label" for=""
>{% trans "Job Position" %} <span class="text-danger">*</span></label
>
{{form.open_positions}} {{form.open_positions.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Managers" %} <span class="text-danger">*</span></label>
{{form.recruitment_managers}}
{{form.recruitment_managers.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Start Date" %}</label>
{{form.start_date}} {{form.start_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "End Date" %}</label>
{{form.end_date}} {{form.end_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Vacancy" %}</label>
{{form.vacancy}} {{form.vacancy.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Company" %}</label>
{{form.company_id}} {{form.company_id.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-4">
<label
class="oh-label"
for="id_is_published"
title="{{form.is_published.help_text|safe}}"
>{% trans "Is Published?" %}</label
>
<div class="w-100 d-flex" style="align-items: center">
<div class="oh-switch">{{form.is_published}}</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
<label class="oh-label" for="id_closed" title="{{form.closed.help_text|safe}}" >{% trans "Is Closed?" %}</label>
<div
class="w-100 d-flex"
style="align-items: center; justify-content: center !important"
>
<div class="oh-switch">{{form.closed}}</div>
</div>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
<label class="oh-label" for="id_is_active" title="{{form.is_active.help_text|safe}}"
>{% trans "Is Active?" %}</label
>
<div
class="w-100 d-flex"
style="align-items: center; justify-content: center !important"
>
<div class="oh-switch">{{form.is_active}}</div>
</div>
</div><div class="col-12 col-sm-12 col-md-12 col-lg-3">
<label class="oh-label" for="id_is_published"
>{% trans "Is Published?" %}</label
>
<div
class="w-100 d-flex"
style="align-items: center; justify-content: center !important"
>
<div class="oh-switch">{{form.is_published}}</div>
</div>
</div>
<div
class="col-12 col-sm-12 col-md-12 col-lg-6"
id="jobPositionUpdateContainer"
>
<label class="oh-label" for="">{% trans "Job Position" %}</label>
{{form.job_position_id}} {{form.job_position_id.errors}}
</div>
<div
class="col-12 col-sm-12 col-md-12 col-lg-6"
id="openPositionUpdateContainer"
>
<label class="oh-label" for="">{% trans "Job Position" %}</label>
{{form.open_positions}} {{form.open_positions.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Managers" %}</label>
{{form.recruitment_managers}} {{form.recruitment_managers.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Start Date" %}</label>
{{form.start_date}} {{form.start_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "End Date" %}</label>
{{form.end_date}} {{form.end_date.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Vacancy" %}</label>
{{form.vacancy}} {{form.vacancy.errors}}
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
<label class="oh-label" for="">{% trans "Company" %}</label>
{{form.company_id}} {{form.company_id.errors}}
</div>
</div>
</div>
<div class="d-flex flex-row-reverse">
<button type="submit" class="mt-4 pl-5 pr-5 oh-btn oh-btn--secondary">
{% trans "Save" %}
</button>
</div>
<div class="d-flex flex-row-reverse">
<button type="submit" class="mt-4 pl-5 pr-5 oh-btn oh-btn--secondary">
{% trans "Save" %}
</button>
</div>
</form>
<script>
$(document).ready(function () {
$("#recruitmentUpdateContainer #id_description").hide();
function togglePosition() {
if ($("#updateFormContainer #id_is_event_based").is(":checked")) {
$("#updateFormContainer #jobPositionUpdateContainer").hide();
$("#updateFormContainer #openPositionUpdateContainer").show();
} else {
$("#updateFormContainer #jobPositionUpdateContainer").show();
$("#updateFormContainer #openPositionUpdateContainer").hide();
}
}
togglePosition();
$("#updateFormContainer #id_is_event_based").change(function (e) {
e.preventDefault();
togglePosition();
});
});
</script>