797 lines
35 KiB
HTML
797 lines
35 KiB
HTML
{% load attendancefilters %} {% load basefilters %} {% load static %}
|
|
{% load i18n %} {% include 'filter_tags.html' %}
|
|
|
|
<div class="oh-tabs__contents oh-tabs__content--active" id="view-container">
|
|
<div class="oh-tabs__content oh-tabs__content--active" id="shift_request">
|
|
<div class="oh-card">
|
|
{% for shift_request_list in data %}
|
|
<div class="oh-accordion-meta">
|
|
<div class="oh-accordion-meta__item">
|
|
<div class="oh-accordion-meta__header" onclick='$(this).toggleClass("oh-accordion-meta__header--show");'>
|
|
<span class="oh-accordion-meta__title pt-3 pb-3">
|
|
<div class="oh-tabs__input-badge-container">
|
|
<span
|
|
class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round mr-1"
|
|
>
|
|
{{shift_request_list.list.paginator.count}}
|
|
</span>
|
|
{{shift_request_list.grouper}}
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="oh-accordion-meta__body d-none">
|
|
<div class="oh-sticky-table oh-sticky-table--no-overflow mb-5">
|
|
<!-- start of sticky table -->
|
|
<div class="oh-sticky-table">
|
|
<div class="oh-sticky-table__table oh-table--sortable">
|
|
<div class="oh-sticky-table__thead">
|
|
<div class="oh-sticky-table__tr">
|
|
<div class="oh-sticky-table__th" style="width:10px">
|
|
<div class="centered-div">
|
|
<input
|
|
type="checkbox"
|
|
class="oh-input oh-input__checkbox all-shift-requests"
|
|
title='{% trans "Select All" %}'
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__th">
|
|
{% trans "Employee" %}
|
|
</div>
|
|
<div class="oh-sticky-table__th">{% trans "Requested Shift" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Previous/Current Shift" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Requested Date" %}</div>
|
|
<div class="oh-sticky-table__th" >{% trans "Requested Till" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Description" %}</div>
|
|
<div class="oh-sticky-table__th" style="width:115px;">{% trans "Comment" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Actions" %}</div>
|
|
{% if perms.base.change_shiftrequest and shift_request.approved == False or request.user|is_reportingmanager %}
|
|
<div class="oh-sticky-table__th oh-sticky-table__right ">{% trans "Confirmation" %}</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% for shift_request in shift_request_list.list %}
|
|
<div class="oh-sticky-table__tbody">
|
|
<div class="oh-sticky-table__tr"
|
|
draggable="true"
|
|
hx-get="{% url 'shift-request-details' shift_request.id %}?instances_ids={{requests_ids}}"
|
|
hx-target="#shiftRequestDetailTarget"
|
|
data-toggle='oh-modal-toggle'
|
|
data-target = '#shiftRequestDetailModal'
|
|
>
|
|
<div class="oh-sticky-table__sd
|
|
{% if shift_request.approved %} row-status--yellow
|
|
{% elif shift_request.canceled %} row-status--red
|
|
{% endif %}"
|
|
onclick="event.stopPropagation();"
|
|
>
|
|
<div class="centered-div">
|
|
<input
|
|
type="checkbox"
|
|
id="{{shift_request.id}}"
|
|
onchange="highlightRow($(this))"
|
|
class="oh-input employee-checkbox oh-input__checkbox all-shift-requests-row"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__td">
|
|
<div class="oh-profile oh-profile--md">
|
|
<div class="oh-profile__avatar mr-1">
|
|
<img src="{{shift_request.employee_id.get_avatar}}" class="oh-profile__image" alt="Username">
|
|
</div>
|
|
<span class="oh-profile__name oh-text--dark">{{shift_request.employee_id}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.shift_id}}</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.previous_shift_id}}</div>
|
|
<div class="oh-sticky-table__td dateformat_changer">{{shift_request.requested_date}}</div>
|
|
<div class="oh-sticky-table__td dateformat_changer">{{shift_request.requested_till}}</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.description}}</div>
|
|
|
|
<div class="oh-sticky-table__td" onclick="event.stopPropagation();">
|
|
|
|
<button type="button" hx-get="{% url 'view-shift-comment' shift_request.id %}" hx-target="#commentContainer"
|
|
data-target = '#activitySidebar' title="View Comment" class="oh-btn oh-btn--light oh-activity-sidebar__open w-100" style="flex: 1 0 auto; width:20px;height: 40.68px; padding: 0;" onclick="event.stopPropagation()">
|
|
<ion-icon name="newspaper-outline" role="img" class="md hydrated" aria-label="newspaper outline"></ion-icon>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="oh-sticky-table__td" onclick="event.stopPropagation();">
|
|
<div class="oh-btn-group" >
|
|
{% if shift_request.approved == False and not shift_request.canceled %}
|
|
<a hx-get="{% url 'shift-request-update' shift_request.id %}" hx-target='#shiftRequestModalUpdateBody' data-toggle="oh-modal-toggle" data-target='#shiftRequestModalUpdate' class="oh-btn oh-btn--light-bkg w-50" title="{% trans 'Edit' %}"><ion-icon name="create-outline"></ion-icon></a>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="create-outline" ></ion-icon></button></td>
|
|
{% endif %}
|
|
{% if shift_request.approved == False %}
|
|
<form action="{% url 'shift-request-delete' shift_request.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post'>
|
|
{% csrf_token %}
|
|
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
|
|
</form>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="trash-outline"></ion-icon></button></td>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if perms.base.change_shiftrequest or request.user|is_reportingmanager %}
|
|
<div class="oh-sticky-table__td oh-sticky-table__right" onclick="event.stopPropagation();">
|
|
<div class="oh-btn-group" >
|
|
{% if shift_request.approved == False and shift_request.canceled == False%}
|
|
<a href="{% url 'shift-request-approve' shift_request.id %}"
|
|
title="{% trans 'Approve' %}"
|
|
onclick="return confirm('{% trans "Do you want to approve this request?" %}')"
|
|
class="oh-btn oh-btn--success w-100">
|
|
<ion-icon class="me-1" name="checkmark-outline"></ion-icon>
|
|
</a>
|
|
{% else %}
|
|
<a href="#" title="{% trans 'Approve' %}"
|
|
class="oh-btn oh-btn--success oh-btn--disabled w-100">
|
|
<ion-icon class="me-1" name="checkmark-outline"></ion-icon>
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if shift_request.canceled == False %}
|
|
<a
|
|
href="{% url 'shift-request-cancel' shift_request.id %}"
|
|
title="{% trans 'Reject' %}"
|
|
onclick="return confirm('{% trans "Do you want to reject this request?" %}')"
|
|
class="oh-btn oh-btn--danger w-100">
|
|
<ion-icon class="me-1" name="close-circle-outline"></ion-icon>
|
|
</a>
|
|
{% else %}
|
|
<a type="submit" href="#" title="{% trans 'Reject' %}"
|
|
class="oh-btn oh-btn--danger oh-btn--disabled
|
|
w-100" >
|
|
<ion-icon class="me-1" name="close-circle-outline"></ion-icon>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<!-- end of sticky table -->
|
|
</div>
|
|
<div class="oh-pagination">
|
|
<span class="oh-pagination__page">
|
|
{% trans "Page" %} {{ shift_request_list.list.number }}
|
|
{%trans "of" %} {{shift_request_list.list.paginator.num_pages }}.
|
|
</span>
|
|
<nav class="oh-pagination__nav">
|
|
<div class="oh-pagination__input-container me-3">
|
|
<span class="oh-pagination__label me-1"
|
|
>{% trans "Page" %}</span
|
|
>
|
|
<input
|
|
type="number"
|
|
name="{{shift_request_list.dynamic_name}}"
|
|
class="oh-pagination__input"
|
|
value="{{shift_request_list.list.number}}"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}"
|
|
hx-target="#view-container"
|
|
min="1"
|
|
/>
|
|
<span class="oh-pagination__label"
|
|
>{% trans "of" %}
|
|
{{shift_request_list.list.paginator.num_pages}}</span
|
|
>
|
|
</div>
|
|
<ul class="oh-pagination__items">
|
|
{% if shift_request_list.list.has_previous %}
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}=1"
|
|
class="oh-pagination__link"
|
|
>{% trans "First" %}</a
|
|
>
|
|
</li>
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.previous_page_number }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Previous" %}</a
|
|
>
|
|
</li>
|
|
{% endif %} {% if shift_request_list.list.has_next %}
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.next_page_number }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Next" %}</a
|
|
>
|
|
</li>
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.paginator.num_pages }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Last" %}</a
|
|
>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="oh-pagination">
|
|
<span class="oh-pagination__page">
|
|
{% trans "Page" %} {{ data.number }} {% trans "of" %} {{ data.paginator.num_pages }}.
|
|
</span>
|
|
<nav class="oh-pagination__nav">
|
|
<div class="oh-pagination__input-container me-3">
|
|
<span class="oh-pagination__label me-1">{% trans "Page" %}</span>
|
|
<input type="number" name="page" class="oh-pagination__input" value="{{data.number}}"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}" hx-target="#view-container" min="1" />
|
|
<span class="oh-pagination__label">{% trans "of" %} {{data.paginator.num_pages}}</span>
|
|
</div>
|
|
<ul class="oh-pagination__items">
|
|
{% if data.has_previous %}
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container' hx-get="{% url 'shift-request-search' %}?{{pd}}&page=1"
|
|
class="oh-pagination__link">{% trans "First" %}</a>
|
|
</li>
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ data.previous_page_number }}"
|
|
class="oh-pagination__link">{% trans "Previous" %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if data.has_next %}
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ data.next_page_number }}"
|
|
class="oh-pagination__link">{% trans "Next" %}</a>
|
|
</li>
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ data.paginator.num_pages }}"
|
|
class="oh-pagination__link">{% trans "Last" %}</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="oh-tabs__content" id="allocated_shift">
|
|
<div class="oh-card">
|
|
{% for shift_request_list in allocated_data %}
|
|
<div class="oh-accordion-meta">
|
|
<div class="oh-accordion-meta__item">
|
|
<div class="oh-accordion-meta__header" onclick='$(this).toggleClass("oh-accordion-meta__header--show");'>
|
|
<span class="oh-accordion-meta__title pt-3 pb-3">
|
|
<div class="oh-tabs__input-badge-container">
|
|
<span
|
|
class="oh-badge oh-badge--secondary oh-badge--small oh-badge--round mr-1"
|
|
>
|
|
{{shift_request_list.list.paginator.count}}
|
|
</span>
|
|
{{shift_request_list.grouper}}
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="oh-accordion-meta__body d-none">
|
|
<div class="oh-sticky-table oh-sticky-table--no-overflow mb-5">
|
|
<!-- start of sticky table -->
|
|
<div class="oh-sticky-table">
|
|
<div class="oh-sticky-table__table oh-table--sortable">
|
|
<div class="oh-sticky-table__thead">
|
|
<div class="oh-sticky-table__tr">
|
|
<div class="oh-sticky-table__th" style="width:10px">
|
|
<div class="centered-div">
|
|
<input
|
|
type="checkbox"
|
|
class="oh-input oh-input__checkbox all-shift-requests"
|
|
title='{% trans "Select All" %}'
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__th">
|
|
{% trans "Employee" %}
|
|
</div>
|
|
<div class="oh-sticky-table__th">
|
|
{% trans "Allocated Employee" %}
|
|
</div>
|
|
<div class="oh-sticky-table__th">
|
|
{% trans "User Availability" %}
|
|
</div>
|
|
<div class="oh-sticky-table__th">{% trans "Requested Shift" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Previous/Current Shift" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Requested Date" %}</div>
|
|
<div class="oh-sticky-table__th" >{% trans "Requested Till" %}</div>
|
|
<div class="oh-sticky-table__th">{% trans "Description" %}</div>
|
|
<div class="oh-sticky-table__th" style="width:115px;">{% trans "Comment" %}</div>
|
|
{% if perms.base.change_shiftrequest and shift_request.approved == False or request.user|is_reportingmanager %}
|
|
<div class="oh-sticky-table__th">{% trans "Actions" %}</div>
|
|
{% endif %}
|
|
<div class="oh-sticky-table__th oh-sticky-table__right">{% trans "Confirmation" %}</div>
|
|
</div>
|
|
</div>
|
|
{% for shift_request in shift_request_list.list %}
|
|
<div class="oh-sticky-table__tbody">
|
|
<div class="oh-sticky-table__tr"
|
|
draggable="true"
|
|
hx-get="{% url 'shift-allocation-request-details' shift_request.id %}?instances_ids={{allocated_ids}}"
|
|
hx-target="#shiftRequestDetailTarget"
|
|
data-toggle='oh-modal-toggle'
|
|
data-target = '#shiftRequestDetailModal'
|
|
>
|
|
<div class="oh-sticky-table__sd
|
|
{% if shift_request.approved %} row-status--yellow
|
|
{% elif shift_request.canceled %} row-status--red
|
|
{% endif %}"
|
|
onclick="event.stopPropagation();"
|
|
>
|
|
<div class="centered-div">
|
|
<input
|
|
type="checkbox"
|
|
id="{{shift_request.id}}"
|
|
onchange="highlightRow($(this))"
|
|
class="oh-input employee-checkbox oh-input__checkbox all-shift-requests-row"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__td">
|
|
<div class="oh-profile oh-profile--md">
|
|
<div class="oh-profile__avatar mr-1">
|
|
<img src="{{shift_request.employee_id.get_avatar}}" class="oh-profile__image" alt="Username">
|
|
</div>
|
|
<span class="oh-profile__name oh-text--dark">{{shift_request.employee_id}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__td">
|
|
<div class="oh-profile oh-profile--md">
|
|
<div class="oh-profile__avatar mr-1">
|
|
<img src="{{shift_request.reallocate_to.get_avatar}}" class="oh-profile__image" alt="Username">
|
|
</div>
|
|
<span class="oh-profile__name oh-text--dark">{{shift_request.reallocate_to}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="oh-sticky-table__td">
|
|
{% if shift_request.reallocate_approved == True %}
|
|
<div class="d-flex align-items-center">
|
|
<span class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--success "></span><span class=" link-success ">{% trans "Available" %}</span>
|
|
</div>
|
|
{% elif shift_request.reallocate_canceled == True %}
|
|
<div class="d-flex align-items-center">
|
|
<span class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--danger "></span><span class=" link-danger ">{% trans "Not Available" %}</span>
|
|
</div>
|
|
{% else %}
|
|
<div class="d-flex align-items-center">
|
|
<span class="oh-dot oh-dot--small me-1 oh-dot--color" style="background-color:grey;"></span><span class=" link-secondary ">{% trans "Not Marked" %}</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.shift_id}}</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.previous_shift_id}}</div>
|
|
<div class="oh-sticky-table__td dateformat_changer">{{shift_request.requested_date}}</div>
|
|
<div class="oh-sticky-table__td dateformat_changer">{{shift_request.requested_till}}</div>
|
|
<div class="oh-sticky-table__td">{{shift_request.description}}</div>
|
|
|
|
<div class="oh-sticky-table__td" onclick="event.stopPropagation();">
|
|
|
|
<button type="button" hx-get="{% url 'view-shift-comment' shift_request.id %}" hx-target="#commentContainer"
|
|
data-target = '#activitySidebar' title="View Comment" class="oh-btn oh-btn--light oh-activity-sidebar__open w-100" style="flex: 1 0 auto; width:20px;height: 40.68px; padding: 0;" onclick="event.stopPropagation()">
|
|
<ion-icon name="newspaper-outline" role="img" class="md hydrated" aria-label="newspaper outline"></ion-icon>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
{% if request.user|is_reportingmanager %}
|
|
<div class="oh-sticky-table__td" onclick="event.stopPropagation();">
|
|
<div class="oh-btn-group" >
|
|
{% if shift_request.approved == False and not shift_request.canceled %}
|
|
<a hx-get="{% url 'shift-allocation-request-update' shift_request.id %}" hx-target='#shiftRequestModalUpdateBody' data-toggle="oh-modal-toggle" data-target='#shiftRequestModalUpdate' class="oh-btn oh-btn--light-bkg w-50" title="{% trans 'Edit' %}"><ion-icon name="create-outline"></ion-icon></a>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="create-outline" ></ion-icon></button></td>
|
|
{% endif %}
|
|
{% if shift_request.approved == False and shift_request.canceled == False %}
|
|
<form action="{% url 'shift-request-delete' shift_request.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post' class="w-50">
|
|
{% csrf_token %}
|
|
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
|
|
</form>
|
|
{% elif perms.base.change_shiftrequest or request.user|is_reportingmanager %}
|
|
<form action="{% url 'shift-request-delete' shift_request.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post' class="w-50">
|
|
{% csrf_token %}
|
|
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
|
|
</form>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="trash-outline"></ion-icon></button></td>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="oh-sticky-table__td oh-sticky-table__right" onclick="event.stopPropagation();">
|
|
|
|
<div class="oh-btn-group" >
|
|
|
|
{% if request.user.employee_get == shift_request.reallocate_to %}
|
|
{% if shift_request.approved == True or shift_request.canceled == True or shift_request.reallocate_approved == True %}
|
|
<button class='oh-btn oh-btn--success w-100' disabled>
|
|
<ion-icon name="checkmark-outline"></ion-icon>
|
|
</button></td>
|
|
{% else %}
|
|
<a href="/shift-allocation-request-approve/{{shift_request.id}}/" onclick="return confirm('{% trans "Are you available for this shift reallocation?" %}')" class='oh-btn oh-btn--success w-100' title='{% trans "Available" %}'>
|
|
<ion-icon name="checkmark-outline"></ion-icon>
|
|
</a></td>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if perms.base.change_shiftrequest or request.user|is_reportingmanager %}
|
|
{% if shift_request.approved == False and shift_request.canceled == False %}
|
|
<a href="/shift-request-approve/{{shift_request.id}}/" onclick="return confirm('{% trans "Do you want to approve this request?" %}')" class='oh-btn oh-btn--success w-100' title='{% trans "Approve" %}'>
|
|
<ion-icon class="me-1" name="checkmark-outline"></ion-icon>
|
|
</a>
|
|
|
|
{% else %}
|
|
<button class='oh-btn oh-btn--success w-100' disabled>
|
|
<ion-icon class="me-1" name="checkmark-outline"></ion-icon>
|
|
</button></td>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if request.user.employee_get == shift_request.reallocate_to %}
|
|
{% if shift_request.reallocate_canceled == True or shift_request.approved == True %}
|
|
<button class='oh-btn oh-btn--danger w-100' disabled>
|
|
<ion-icon name="close-circle-outline"></ion-icon>
|
|
</button></td>
|
|
{% else %}
|
|
<a href="/shift-allocation-request-cancel/{{shift_request.id}}/" onclick="return confirm('{% trans "Are you not available for this shift reallocation?" %}')" class='oh-btn oh-btn--danger w-100' title='{% trans "Not available" %}'>
|
|
<ion-icon name="close-circle-outline"></ion-icon>
|
|
</a></td>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if request.user.employee_get == shift_request.employee_id and not request.user|is_reportingmanager %}
|
|
|
|
{% if shift_request.approved == False and not shift_request.canceled %}
|
|
<a hx-get="{% url 'shift-allocation-request-update' shift_request.id %}" hx-target='#shiftRequestModalUpdateBody' data-toggle="oh-modal-toggle" data-target='#shiftRequestModalUpdate' class="oh-btn oh-btn--light-bkg w-50" title="{% trans 'Edit' %}"><ion-icon name="create-outline"></ion-icon></a>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="create-outline" ></ion-icon></button></td>
|
|
{% endif %}
|
|
{% if shift_request.approved == False and shift_request.canceled == False %}
|
|
<form action="{% url 'shift-request-delete' shift_request.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post' class="w-50">
|
|
{% csrf_token %}
|
|
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
|
|
</form>
|
|
{% elif perms.base.change_shiftrequest or request.user|is_reportingmanager %}
|
|
<form action="{% url 'shift-request-delete' shift_request.id %}" onsubmit="return confirm('{% trans "Are you sure you want to delete this shift request?" %}');" method='post' class="w-50">
|
|
{% csrf_token %}
|
|
<button type='submit' class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100" title="{% trans 'Remove' %}"><ion-icon name="trash-outline"></ion-icon></button>
|
|
</form>
|
|
{% else %}
|
|
<button class="oh-btn oh-btn--light-bkg w-50" disabled><ion-icon name="trash-outline"></ion-icon></button></td>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
|
|
{% if request.user|is_reportingmanager %}
|
|
{% if shift_request.canceled == True %}
|
|
<button disabled class='oh-btn oh-btn--danger w-100'>
|
|
<ion-icon class="me-1" name="close-circle-outline"></ion-icon>
|
|
</button></td>
|
|
{% else %}
|
|
<a href="/shift-allocation-request-cancel/{{shift_request.id}}/" onclick="return confirm('{% trans "Do you want to cancel this request?" %}')" class='oh-btn oh-btn--danger w-100' title='{% trans "Reject" %}'>
|
|
<ion-icon class="me-1" name="close-circle-outline"></ion-icon>
|
|
</a></td>
|
|
{% endif %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<!-- end of sticky table -->
|
|
</div>
|
|
|
|
<div class="oh-pagination">
|
|
<span class="oh-pagination__page">
|
|
{% trans "Page" %} {{ shift_request_list.list.number }}
|
|
{%trans "of" %} {{shift_request_list.list.paginator.num_pages }}.
|
|
</span>
|
|
<nav class="oh-pagination__nav">
|
|
<div class="oh-pagination__input-container me-3">
|
|
<span class="oh-pagination__label me-1"
|
|
>{% trans "Page" %}</span
|
|
>
|
|
<input
|
|
type="number"
|
|
name="{{shift_request_list.dynamic_name}}"
|
|
class="oh-pagination__input"
|
|
value="{{shift_request_list.list.number}}"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}"
|
|
hx-target="#view-container"
|
|
min="1"
|
|
/>
|
|
<span class="oh-pagination__label"
|
|
>{% trans "of" %}
|
|
{{shift_request_list.list.paginator.num_pages}}</span
|
|
>
|
|
</div>
|
|
<ul class="oh-pagination__items">
|
|
{% if shift_request_list.list.has_previous %}
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}=1"
|
|
class="oh-pagination__link"
|
|
>{% trans "First" %}</a
|
|
>
|
|
</li>
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.previous_page_number }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Previous" %}</a
|
|
>
|
|
</li>
|
|
{% endif %} {% if shift_request_list.list.has_next %}
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.next_page_number }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Next" %}</a
|
|
>
|
|
</li>
|
|
<li
|
|
class="oh-pagination__item oh-pagination__item--wide"
|
|
>
|
|
<a
|
|
hx-target="#view-container"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&{{shift_request_list.dynamic_name}}={{ shift_request_list.list.paginator.num_pages }}"
|
|
class="oh-pagination__link"
|
|
>{% trans "Last" %}</a
|
|
>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="oh-pagination">
|
|
<span class="oh-pagination__page">
|
|
{% trans "Page" %} {{ allocated_data.number }} {% trans "of" %} {{ allocated_data.paginator.num_pages }}.
|
|
</span>
|
|
<nav class="oh-pagination__nav">
|
|
<div class="oh-pagination__input-container me-3">
|
|
<span class="oh-pagination__label me-1">{% trans "Page" %}</span>
|
|
<input type="number" name="page" class="oh-pagination__input" value="{{allocated_data.number}}"
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}" hx-target="#view-container" min="1" />
|
|
<span class="oh-pagination__label">{% trans "of" %} {{allocated_data.paginator.num_pages}}</span>
|
|
</div>
|
|
<ul class="oh-pagination__items">
|
|
{% if allocated_data.has_previous %}
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container' hx-get="{% url 'shift-request-search' %}?{{pd}}&page=1"
|
|
class="oh-pagination__link">{% trans "First" %}</a>
|
|
</li>
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ allocated_data.previous_page_number }}"
|
|
class="oh-pagination__link">{% trans "Previous" %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if allocated_data.has_next %}
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ allocated_data.next_page_number }}"
|
|
class="oh-pagination__link">{% trans "Next" %}</a>
|
|
</li>
|
|
<li class="oh-pagination__item oh-pagination__item--wide">
|
|
<a hx-target='#view-container'
|
|
hx-get="{% url 'shift-request-search' %}?{{pd}}&page={{ allocated_data.paginator.num_pages }}"
|
|
class="oh-pagination__link">{% trans "Last" %}</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- start of comment modal -->
|
|
<div
|
|
class="oh-modal"
|
|
id="shiftcommentModal"
|
|
role="dialog"
|
|
aria-labelledby="emptagModal"
|
|
aria-hidden="true"
|
|
>
|
|
<div class="oh-modal__dialog">
|
|
<div class="oh-modal__dialog-header">
|
|
<h2 class="oh-modal__dialog-title" id="createModalTitle">
|
|
{% trans "Add Comment" %}
|
|
</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="shiftRequestCommentForm"></div>
|
|
</div>
|
|
</div>
|
|
<!-- end of comment modal -->
|
|
|
|
|
|
<script src="{% static '/base/actions.js' %}"></script>
|
|
<script>
|
|
function addingShiftIds() {
|
|
var ids = JSON.parse($("#selectedShifts").attr("data-ids") || "[]");
|
|
var selectedCount = 0;
|
|
|
|
$(".all-shift-requests-row").each(function () {
|
|
if ($(this).is(":checked")) {
|
|
ids.push(this.id);
|
|
} else {
|
|
var index = ids.indexOf(this.id);
|
|
if (index > -1) {
|
|
ids.splice(index, 1);
|
|
}
|
|
}
|
|
});
|
|
|
|
ids = makeShiftListUnique(ids);
|
|
selectedCount = ids.length;
|
|
|
|
getCurrentLanguageCode(function (code) {
|
|
languageCode = code;
|
|
var message = rowMessages[languageCode];
|
|
$("#selectedShifts").attr("data-ids", JSON.stringify(ids));
|
|
if (selectedCount === 0) {
|
|
$("#selectedShowShifts").css("display", "none");
|
|
$("#exportShifts").css("display", "none");
|
|
$("#unselectAllShifts").css("display", "none");
|
|
|
|
} else {
|
|
$("#exportShifts").css("display", "inline-flex");
|
|
$("#unselectAllShifts").css("display", "inline-flex");
|
|
$("#selectedShowShifts").css("display", "inline-flex");
|
|
$("#selectedShowShifts").text(selectedCount + " - " + message);
|
|
}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
$(".all-shift-requests-row").change(function () {
|
|
if ($('.all-shift-requests').is(":checked")) {
|
|
$(".all-shift-requests").prop("checked", false);
|
|
}
|
|
addingShiftIds();
|
|
});
|
|
|
|
$(".all-shift-requests").change(function () {
|
|
addingShiftIds();
|
|
});
|
|
|
|
tickShiftCheckboxes();
|
|
|
|
$("#selectAllShifts").click(function () {
|
|
$("#selectedShifts").attr("data-clicked", 1);
|
|
$("#selectedShowShifts").removeAttr("style");
|
|
var savedFilters = JSON.parse(localStorage.getItem("savedFilters"));
|
|
|
|
if (savedFilters && savedFilters["filterData"] !== null) {
|
|
var filter = savedFilters["filterData"];
|
|
$.ajax({
|
|
url: '{% url "shift-select-filter" %}',
|
|
data: { page: "all", filter: JSON.stringify(filter) },
|
|
type: "GET",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
var employeeIds = response.employee_ids;
|
|
var selectedCount = employeeIds.length;
|
|
for (var i = 0; i < employeeIds.length; i++) {
|
|
var empId = employeeIds[i];
|
|
$("#" + empId).prop("checked", true);
|
|
}
|
|
$("#selectedShifts").attr("data-ids", JSON.stringify(employeeIds));
|
|
|
|
count = makeShiftListUnique(employeeIds);
|
|
tickShiftCheckboxes(count);
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Error:", error);
|
|
},
|
|
});
|
|
} else {
|
|
$.ajax({
|
|
url: '{% url "shift-select" %}',
|
|
data: { page: "all" },
|
|
type: "GET",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
var employeeIds = response.employee_ids;
|
|
var selectedCount = employeeIds.length;
|
|
for (var i = 0; i < employeeIds.length; i++) {
|
|
var empId = employeeIds[i];
|
|
$("#" + empId).prop("checked", true);
|
|
}
|
|
var previousIds = $("#selectedShifts").attr("data-ids");
|
|
$("#selectedShifts").attr(
|
|
"data-ids",
|
|
JSON.stringify(
|
|
Array.from(
|
|
new Set([...employeeIds, ...JSON.parse(previousIds)])
|
|
)
|
|
)
|
|
);
|
|
count = makeShiftListUnique(employeeIds);
|
|
tickShiftCheckboxes(count);
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Error:", error);
|
|
},
|
|
});
|
|
}
|
|
});
|
|
|
|
$("#unselectAllShifts").click(function () {
|
|
$("#selectedShifts").attr("data-clicked", 0);
|
|
$.ajax({
|
|
url: '{% url "shift-select" %}',
|
|
data: { page: "all", filter: "{}" },
|
|
type: "GET",
|
|
dataType: "json",
|
|
success: function (response) {
|
|
var employeeIds = response.employee_ids;
|
|
for (var i = 0; i < employeeIds.length; i++) {
|
|
var empId = employeeIds[i];
|
|
$("#" + empId).prop("checked", false);
|
|
$(".all-shift-requests").prop("checked", false);
|
|
}
|
|
var ids = JSON.parse($("#selectedShifts").attr("data-ids") || "[]");
|
|
var uniqueIds = makeListUnique(ids);
|
|
toggleHighlight(uniqueIds);
|
|
$("#selectedShifts").attr("data-ids", JSON.stringify([]));
|
|
|
|
count = [];
|
|
tickShiftCheckboxes(count);
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Error:", error);
|
|
},
|
|
});
|
|
});
|
|
$("#exportShifts").click(function (e) {
|
|
exportShiftRequests();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|