forked from horilla-opensource/horilla
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[UPDT] LEAVE: Added hx request to load export form for leave request
- Loading branch information
1 parent
1c8d2fa
commit 522372f
Showing
3 changed files
with
544 additions
and
627 deletions.
There are no files selected for viewing
289 changes: 154 additions & 135 deletions
289
leave/templates/leave/leave_request/leave_requests_export_filter.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,141 +1,160 @@ | ||
{% load i18n %} | ||
<div class="oh-dropdown__filter-body"> | ||
<div class="oh-accordion"> | ||
<div | ||
class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');" | ||
> | ||
{% trans "Excel columns" %} | ||
</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"> | ||
<input type="checkbox" id="select-all-fields" /> {% trans "Select All" %} | ||
</label> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
{% for field in excel_column.selected_fields %} | ||
<div class="col-sm-4 col-md-4 col-lg-4"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label"> {{ field|capfirst }} </label> | ||
</div> | ||
</div> | ||
{% endfor %} | ||
</div> | ||
</div> | ||
</div> | ||
<div class="oh-accordion"> | ||
<div | ||
class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');" | ||
> | ||
{% trans "Leave Request" %} | ||
</div> | ||
<div class="oh-accordion-body"> | ||
<div class="row"> | ||
<div class="col-sm-12 col-md-12 col-lg-12"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.leave_type_id.id_for_label }}">{% trans "Leave Type" %}</label> | ||
{{export_filter.leave_type_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.start_date.id_for_label }}">{% trans "Start Date" %}</label> | ||
{{export_filter.start_date}} | ||
</div> | ||
</div> | ||
<div class="oh-modal__dialog-header pb-0"> | ||
<h2 class="oh-modal__dialog-title" id="leaveRequestsExportLavel"> | ||
{% trans "Export Leave Requests" %} | ||
</h2> | ||
<button class="oh-modal__close" aria-label="Close"> | ||
<ion-icon name="close-outline"></ion-icon> | ||
</button> | ||
</div> | ||
<div class="oh-modal__dialog-body" id="leaveRequestsExportModalBody"> | ||
<form action="{%url 'leave-requests-info-export' %}" method="get" id="leaveRequestsExportForm" | ||
onsubmit="event.stopPropagation();$(this).parents().find('.oh-modal--show').last().toggleClass('oh-modal--show');" | ||
class="oh-profile-section" | ||
> | ||
{% csrf_token %} | ||
<div class="oh-dropdown__filter-body"> | ||
<div class="oh-accordion"> | ||
<div class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"> | ||
{% trans "Excel columns" %} | ||
</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"> | ||
<input type="checkbox" id="select-all-fields" /> {% trans "Select All" %} | ||
</label> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.end_date.id_for_label }}">{% trans "End Date" %}</label> | ||
{{export_filter.end_date}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.status.id_for_label }}">{% trans "Status" %}</label> | ||
{{export_filter.status}} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="oh-accordion"> | ||
<div | ||
class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');" | ||
> | ||
{% trans "Work Info" %} | ||
</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="{{ export_filter.employee_id__employee_work_info__company_id.id_for_label }}">{% trans "Company" %}</label> | ||
{{export_filter.employee_id__employee_work_info__company_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__reporting_manager_id.id_for_label }}">{% trans "Reporting Manager" %}</label> | ||
{{export_filter.employee_id__employee_work_info__reporting_manager_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__department_id.id_for_label }}">{% trans "Department" %}</label> | ||
{{export_filter.employee_id__employee_work_info__department_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__job_position_id.id_for_label }}">{% trans "Job Position" %}</label> | ||
{{export_filter.employee_id__employee_work_info__job_position_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__shift_id.id_for_label }}">{% trans "Shift" %}</label> | ||
{{export_filter.employee_id__employee_work_info__shift_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__work_type_id.id_for_label }}">{% trans "Work Type" %}</label> | ||
{{export_filter.employee_id__employee_work_info__work_type_id}} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="oh-accordion"> | ||
<div | ||
class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');" | ||
> | ||
{% trans "Advanced" %} | ||
</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="{{ export_filter.from_date.id_for_label }}">{% trans "From Date" %}</label> | ||
{{export_filter.from_date}} | ||
</div> | ||
<div class="row"> | ||
{% for field in excel_column.selected_fields %} | ||
<div class="col-sm-4 col-md-4 col-lg-4"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label"> {{ field|capfirst }} </label> | ||
</div> | ||
</div> | ||
{% endfor %} | ||
</div> | ||
</div> | ||
</div> | ||
<div class="oh-accordion"> | ||
<div class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"> | ||
{% trans "Leave Request" %} | ||
</div> | ||
<div class="oh-accordion-body"> | ||
<div class="row"> | ||
<div class="col-sm-12 col-md-12 col-lg-12"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.leave_type_id.id_for_label }}">{% trans "Leave Type" %}</label> | ||
{{export_filter.leave_type_id}} | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.start_date.id_for_label }}">{% trans "Start Date" %}</label> | ||
{{export_filter.start_date}} | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.end_date.id_for_label }}">{% trans "End Date" %}</label> | ||
{{export_filter.end_date}} | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.status.id_for_label }}">{% trans "Status" %}</label> | ||
{{export_filter.status}} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="oh-accordion"> | ||
<div class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"> | ||
{% trans "Work Info" %} | ||
</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="{{ export_filter.employee_id__employee_work_info__company_id.id_for_label }}">{% trans "Company" %}</label> | ||
{{export_filter.employee_id__employee_work_info__company_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__reporting_manager_id.id_for_label }}">{% trans "Reporting Manager" %}</label> | ||
{{export_filter.employee_id__employee_work_info__reporting_manager_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__department_id.id_for_label }}">{% trans "Department" %}</label> | ||
{{export_filter.employee_id__employee_work_info__department_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__job_position_id.id_for_label }}">{% trans "Job Position" %}</label> | ||
{{export_filter.employee_id__employee_work_info__job_position_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__shift_id.id_for_label }}">{% trans "Shift" %}</label> | ||
{{export_filter.employee_id__employee_work_info__shift_id}} | ||
</div> | ||
</div> | ||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.employee_id__employee_work_info__work_type_id.id_for_label }}">{% trans "Work Type" %}</label> | ||
{{export_filter.employee_id__employee_work_info__work_type_id}} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="oh-accordion"> | ||
<div class="oh-accordion-header" | ||
onclick="event.stopImmediatePropagation();$(this).parent().toggleClass('oh-accordion--show');"> | ||
{% trans "Advanced" %} | ||
</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="{{ export_filter.from_date.id_for_label }}">{% trans "From Date" %}</label> | ||
{{export_filter.from_date}} | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.to_date.id_for_label }}">{% trans "To Date" %}</label> | ||
{{export_filter.to_date}} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="col-sm-12 col-md-12 col-lg-6"> | ||
<div class="oh-input-group"> | ||
<label class="oh-label" for="{{ export_filter.to_date.id_for_label }}">{% trans "To Date" %}</label> | ||
{{export_filter.to_date}} | ||
</div> | ||
<div class="oh-modal__dialog-footer p-0 pt-4"> | ||
<button class="oh-btn oh-btn--secondary oh-btn--shadow"> | ||
{% trans "Export" %} | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</form> | ||
</div> |
Oops, something went wrong.