74 lines
3.2 KiB
HTML
74 lines
3.2 KiB
HTML
{% load i18n %}
|
|
|
|
{% if requests %}
|
|
<div class="oh-sticky-table h-100">
|
|
<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">{% 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"></div>
|
|
</div>
|
|
</div>
|
|
{% for shift_request in requests %}
|
|
<div class="oh-sticky-table__tbody">
|
|
<div
|
|
class="oh-sticky-table__tr"
|
|
hx-get="{% url 'shift-request-details' shift_request.id %}?instances_ids={{requests_ids}}&dashboard=true"
|
|
hx-target="#smallModalTarget"
|
|
data-toggle="oh-modal-toggle"
|
|
data-target="#smallModal"
|
|
>
|
|
<div class="oh-sticky-table__sd">
|
|
<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"
|
|
onclick="event.stopPropagation();"
|
|
>
|
|
<div class="oh-btn-group float-end">
|
|
<a
|
|
href="/shift-request-approve/{{shift_request.id}}/"
|
|
onclick="return confirm('{% trans "Do you want to approve this shift request?" %}')"
|
|
class="oh-btn oh-btn--info"
|
|
title="Approve"
|
|
><ion-icon name="checkmark-outline"></ion-icon
|
|
></a>
|
|
|
|
<a
|
|
href="/shift-request-cancel/{{shift_request.id}}/"
|
|
onclick="return confirm('{% trans "Do you want to cancel this request?" %}')"
|
|
class="oh-btn oh-btn--danger"
|
|
title="cancel"
|
|
><ion-icon name="close-outline"></ion-icon
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div style="height: 380px; display:flex;align-items: center;justify-content: center;" class="">
|
|
<div style="" class="">
|
|
<img style="display: block;width: 70px;margin: 20px auto ;" src="/static/images/ui/joiningchart.png" class="" alt=""/>
|
|
<h3 style="font-size:16px" class="oh-404__subtitle">{% trans "No data Found..." %}</h3>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|