[UPDT] EMPLOYEE: Update icons on tabs
This commit is contained in:
Horilla
@@ -1,61 +1,69 @@
|
||||
{% load i18n %}
|
||||
<!-- Sticky Table for own objective-->
|
||||
|
||||
<div class="p-3 d-flex justify-content-end">
|
||||
{% if requests %}
|
||||
<button href="#" class="oh-btn oh-btn--secondary"
|
||||
hx-get="{% url 'asset-request-tab' employee %}" hx-target="#asset_target">
|
||||
{% trans "View requests to Approve" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if assets %}
|
||||
<div class="oh-sticky-table">
|
||||
<div class="oh-sticky-table__table ">
|
||||
<div class="oh-sticky-table__thead">
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__th">{% trans "Asset" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Status" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Assigned Date" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__tbody">
|
||||
{% for asset in assets %}
|
||||
{% if asset.asset_id.asset_status == "In use" %}
|
||||
<!-- asset request looping -->
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__sd">
|
||||
<div class="oh-profile oh-profile--md">
|
||||
<div class="oh-profile__avatar mr-1">
|
||||
<img src="https://ui-avatars.com/api/?name={{asset.asset_id.asset_name}}&background=random" class="oh-profile__image"
|
||||
alt="" />
|
||||
</div>
|
||||
<span class="oh-profile__name oh-text--dark">{{asset.asset_id.asset_name}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<span class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--warning"></span>
|
||||
<span class="link-warning">
|
||||
{{asset.asset_id.asset_status}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<span class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--success"></span>
|
||||
<span class="link-success">
|
||||
{{asset.assigned_date}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="d-flex justify-content-center align-items-center" style="height:40vh">
|
||||
<h5 class="oh-404__subtitle">{% trans "No assets have been allocated." %}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- End of Sticky Table -->
|
||||
<!-- Sticky Table for own objective-->
|
||||
|
||||
<div class="p-3 d-flex justify-content-end">
|
||||
{% if requests %}
|
||||
<button
|
||||
href="#"
|
||||
class="oh-btn oh-btn--secondary"
|
||||
hx-get="{% url 'asset-request-tab' employee %}"
|
||||
hx-target="#asset_target"
|
||||
>
|
||||
{% trans "View requests to Approve" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if assets %}
|
||||
<div class="oh-sticky-table">
|
||||
<div class="oh-sticky-table__table">
|
||||
<div class="oh-sticky-table__thead">
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__th">{% trans "Asset" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Status" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Assigned Date" %}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__tbody">
|
||||
{% for asset in assets %} {% if asset.asset_id.asset_status == "In use" %}
|
||||
<!-- asset request looping -->
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__sd">
|
||||
<div class="oh-profile oh-profile--md">
|
||||
<div class="oh-profile__avatar mr-1">
|
||||
<img
|
||||
src="https://ui-avatars.com/api/?name={{asset.asset_id.asset_name}}&background=random"
|
||||
class="oh-profile__image"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span class="oh-profile__name oh-text--dark"
|
||||
>{{asset.asset_id.asset_name}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<span
|
||||
class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--warning"
|
||||
></span>
|
||||
<span class="link-warning"> {{asset.asset_id.asset_status}} </span>
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
<span
|
||||
class="oh-dot oh-dot--small me-1 oh-dot--color oh-dot--success"
|
||||
></span>
|
||||
<span class="link-success"> {{asset.assigned_date}} </span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %} {% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div
|
||||
class="d-flex justify-content-center align-items-center"
|
||||
style="height: 40vh"
|
||||
>
|
||||
<h5 class="oh-404__subtitle">{% trans "No assets have been allocated." %}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- End of Sticky Table -->
|
||||
|
||||
@@ -1,17 +1,42 @@
|
||||
{% load i18n %}
|
||||
{% load static %}
|
||||
{% load basefilters %}
|
||||
{% load attendancefilters %}
|
||||
<div class="oh-wrapper mt-4">
|
||||
<div class="oh-tabs">
|
||||
<ul class="oh-tabs__tablist">
|
||||
<li class="oh-tabs__tab oh-tabs__tab--active" data-target="#attendance_tab_1">
|
||||
{% trans "Requested Attendances" %}
|
||||
<div>
|
||||
<img
|
||||
src="{% static 'images/ui/attendance-request.png' %}"
|
||||
alt=""
|
||||
style="width: 25px; height: 25px; margin-right: 3px"
|
||||
/>
|
||||
{% trans "Requested Attendances" %}
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="oh-tabs__tab" data-target="#attendance_tab_3">
|
||||
{% trans "Validate Attendance" %}
|
||||
<div>
|
||||
<img
|
||||
src="{% static 'images/ui/attendance-check.png' %}"
|
||||
alt=""
|
||||
style="width: 25px; height: 25px; margin-right: 3px"
|
||||
/>
|
||||
{% trans "Validate Attendance" %}
|
||||
</div>
|
||||
|
||||
</li>
|
||||
<li class="oh-tabs__tab" data-target="#attendance_tab_2">
|
||||
{% trans "Hour Account" %}
|
||||
<div>
|
||||
<img
|
||||
src="{% static 'images/ui/hour-glass.png' %}"
|
||||
alt=""
|
||||
style="width: 25px; height: 25px; margin-right: 3px"
|
||||
/>
|
||||
{% trans "Hour Account" %}
|
||||
</div>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<div class="oh-tabs__contents" id="view-container">
|
||||
|
||||
@@ -7,75 +7,74 @@
|
||||
}
|
||||
</style>
|
||||
{% if contracts %}
|
||||
<div class="oh-sticky-table height-adj">
|
||||
<div class="oh-sticky-table__table">
|
||||
<div class="oh-sticky-table__thead">
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__th">{% trans "Contract" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Start Date" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "End Date" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Wage Type" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Basic Salary" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Filing Status" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Status" %}</div>
|
||||
<div class="oh-sticky-table__th oh-sticky-table__right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__tbody">
|
||||
{% for contract in contracts %}
|
||||
|
||||
<div class="oh-sticky-table__tr" draggable="true" data-toggle="oh-modal-toggle" data-target = "#ContractModal" hx-get="{% url 'single-contract-view' contract.id %}" hx-target = "#OneContractTarget">
|
||||
<div class="oh-sticky-table__sd {% if contract.contract_status == "active" %} row-status--yellow {% elif contract.contract_status == 'draft' %} row-status--purple {% elif contract.contract_status == 'expired' %} row-status--red {% elif contract.contract_status == 'terminated' %} row-status--black {% endif %}">{{ contract.contract_name }}</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.contract_start_date}}</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{% if contract.contract_end_date %}{{ contract.contract_end_date}}{% endif %}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{{ contract.get_wage_type_display}}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.wage}}</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.filing_status}}</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{{ contract.get_contract_status_display}}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td oh-sticky-table__right">
|
||||
<div class="oh-btn-group">
|
||||
<a
|
||||
onclick="event.stopPropagation()"
|
||||
class="oh-btn oh-btn--light-bkg w-100"
|
||||
href="{% url 'update-contract' contract.id %}"
|
||||
title='{% trans "Update" %}'
|
||||
>
|
||||
<ion-icon
|
||||
name="create-outline"
|
||||
role="img"
|
||||
class="md hydrated"
|
||||
style="color: blue"
|
||||
aria-label="create outline"
|
||||
></ion-icon>
|
||||
</a>
|
||||
<a
|
||||
onclick = "event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this Contract?' %}`)"
|
||||
class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
|
||||
href="{% url 'delete-contract' contract.id %}"
|
||||
title='{% trans "Delete" %}'
|
||||
>
|
||||
<ion-icon
|
||||
name="trash-outline"
|
||||
role="img"
|
||||
class="md hydrated"
|
||||
aria-label="trash outline"
|
||||
></ion-icon>
|
||||
</a>
|
||||
<div class="oh-sticky-table height-adj">
|
||||
<div class="oh-sticky-table__table">
|
||||
<div class="oh-sticky-table__thead">
|
||||
<div class="oh-sticky-table__tr">
|
||||
<div class="oh-sticky-table__th">{% trans "Contract" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Start Date" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "End Date" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Wage Type" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Basic Salary" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Filing Status" %}</div>
|
||||
<div class="oh-sticky-table__th">{% trans "Status" %}</div>
|
||||
<div class="oh-sticky-table__th oh-sticky-table__right"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-sticky-table__tbody">
|
||||
{% for contract in contracts %}
|
||||
|
||||
<div class="oh-sticky-table__tr" draggable="true" data-toggle="oh-modal-toggle" data-target = "#ContractModal" hx-get="{% url 'single-contract-view' contract.id %}" hx-target = "#OneContractTarget">
|
||||
<div class="oh-sticky-table__sd {% if contract.contract_status == "active" %} row-status--yellow {% elif contract.contract_status == 'draft' %} row-status--purple {% elif contract.contract_status == 'expired' %} row-status--red {% elif contract.contract_status == 'terminated' %} row-status--black {% endif %}">{{ contract.contract_name }}</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.contract_start_date}}</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{% if contract.contract_end_date %}{{ contract.contract_end_date}}{% endif %}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{{ contract.get_wage_type_display}}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.wage}}</div>
|
||||
<div class="oh-sticky-table__td">{{ contract.filing_status}}</div>
|
||||
<div class="oh-sticky-table__td">
|
||||
{{ contract.get_contract_status_display}}
|
||||
</div>
|
||||
<div class="oh-sticky-table__td oh-sticky-table__right">
|
||||
<div class="oh-btn-group">
|
||||
<a
|
||||
onclick="event.stopPropagation()"
|
||||
class="oh-btn oh-btn--light-bkg w-100"
|
||||
href="{% url 'update-contract' contract.id %}"
|
||||
title='{% trans "Update" %}'
|
||||
>
|
||||
<ion-icon
|
||||
name="create-outline"
|
||||
role="img"
|
||||
class="md hydrated"
|
||||
style="color: blue"
|
||||
aria-label="create outline"
|
||||
></ion-icon>
|
||||
</a>
|
||||
<a
|
||||
onclick = "event.preventDefault();event.stopPropagation(); confirm(`{% trans 'Do you want to delete this Contract?' %}`)"
|
||||
class="oh-btn oh-btn--danger-outline oh-btn--light-bkg w-100"
|
||||
href="{% url 'delete-contract' contract.id %}"
|
||||
title='{% trans "Delete" %}'
|
||||
>
|
||||
<ion-icon
|
||||
name="trash-outline"
|
||||
role="img"
|
||||
class="md hydrated"
|
||||
aria-label="trash outline"
|
||||
></ion-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="d-flex justify-content-center align-items-center" style="height:40vh">
|
||||
<h5 class="oh-404__subtitle">{% trans "There are no contracts at the moment." %}</h5>
|
||||
</div>
|
||||
<div class="d-flex justify-content-center align-items-center" style="height:40vh">
|
||||
<h5 class="oh-404__subtitle">{% trans "There are no contracts at the moment." %}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
@@ -1,382 +1,387 @@
|
||||
{% load i18n %}
|
||||
{% load i18n %} {% load static %}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-lg-4">
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2"
|
||||
>{% trans "Personal Information" %}</span
|
||||
>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "Date of Birth" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.dob}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="transgender-outline"></ion-icon>
|
||||
<span>{% trans "Gender" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{% trans employee.get_gender_display %}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
<span>{% trans "Address" %}</span>
|
||||
</span>
|
||||
<p class="oh-profile__info-value mb-0">
|
||||
{{employee.address}}
|
||||
</p>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="flag-outline"></ion-icon>
|
||||
<span>{% trans "Country" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.country}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="compass-outline"></ion-icon>
|
||||
<span>{% trans "State" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.state}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="planet-outline"></ion-icon>
|
||||
<span>{% trans "City" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.city}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="book-outline"></ion-icon>
|
||||
<span>{% trans "Qualification" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.qualification}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Experience" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.experience}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="link-outline"></ion-icon>
|
||||
<span>{% trans "Maritial Status" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.get_marital_status_display}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="person-circle-outline"></ion-icon>
|
||||
<span>{% trans "Children" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.children}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="call-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="people-circle-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact Name" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact_name}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="finger-print-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact Relation" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact_relation}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-lg-8">
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="col-sm-12 col-md-12 col-lg-4">
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2">
|
||||
{% trans "Personal Information" %}
|
||||
</span>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "Date of Birth" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">{{employee.dob}}</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="transgender-outline"></ion-icon>
|
||||
<span>{% trans "Gender" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{% trans employee.get_gender_display %}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="home-outline"></ion-icon>
|
||||
<span>{% trans "Address" %}</span>
|
||||
</span>
|
||||
<p class="oh-profile__info-value mb-0">{{employee.address}}</p>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="flag-outline"></ion-icon>
|
||||
<span>{% trans "Country" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"> {{employee.country}} </span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="compass-outline"></ion-icon>
|
||||
<span>{% trans "State" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"> {{employee.state}} </span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="planet-outline"></ion-icon>
|
||||
<span>{% trans "City" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"> {{employee.city}} </span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="book-outline"></ion-icon>
|
||||
<span>{% trans "Qualification" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.qualification}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Experience" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.experience}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="link-outline"></ion-icon>
|
||||
<span>{% trans "Maritial Status" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.get_marital_status_display}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="person-circle-outline"></ion-icon>
|
||||
<span>{% trans "Children" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"> {{employee.children}} </span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="call-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="people-circle-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact Name" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact_name}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="finger-print-outline"></ion-icon>
|
||||
<span>{% trans "Emergency Contact Relation" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.emergency_contact_relation}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md-12 col-lg-8">
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="oh-tabs">
|
||||
<ul class="oh-tabs__tablist">
|
||||
<li class="oh-tabs__tab oh-tabs__tab--active" data-target="#tab_1">
|
||||
<div>
|
||||
<img
|
||||
src="{% static 'images/ui/work-info.png' %}"
|
||||
alt=""
|
||||
style="width: 25px; height: 25px; margin-right: 3px"
|
||||
/>
|
||||
{% trans "Work Information" %}
|
||||
</div>
|
||||
</li>
|
||||
<li class="oh-tabs__tab" data-target="#tab_2">
|
||||
<div>
|
||||
<img
|
||||
src="{% static 'images/ui/contract.png' %}"
|
||||
alt=""
|
||||
style="width: 25px; height: 25px; margin-right: 3px"
|
||||
/>
|
||||
{% trans "Contract details" %}
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="oh-tabs__contents" id="view-container">
|
||||
<div class="oh-tabs__content oh-tabs__content--active" id="tab_1">
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2"
|
||||
>{% trans "Work Information" %}</span
|
||||
>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="construct-outline"></ion-icon>
|
||||
<span>{% trans "Department" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.department_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="time-outline"></ion-icon>
|
||||
<span>{% trans "Shift Information" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.shift_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<div class="oh-tabs">
|
||||
<ul class="oh-tabs__tablist">
|
||||
<li class="oh-tabs__tab oh-tabs__tab--active" data-target="#tab_1">
|
||||
{% trans "Work Information" %}
|
||||
</li>
|
||||
<li class="oh-tabs__tab" data-target="#tab_2">
|
||||
{% trans "Contract details" %}
|
||||
</li>
|
||||
</ul>
|
||||
<div class="oh-tabs__contents" id="view-container">
|
||||
<div class="oh-tabs__content oh-tabs__content--active" id="tab_1">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Employee Type" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.employee_type_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2"
|
||||
>{% trans "Work Information" %}</span
|
||||
>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="construct-outline"></ion-icon>
|
||||
<span>{% trans "Department" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.department_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="time-outline"></ion-icon>
|
||||
<span>{% trans "Shift Information" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.shift_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Employee Type" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.employee_type_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="person-circle-outline"></ion-icon>
|
||||
<span>{% trans "Reporting Manager" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.reporting_manager_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Work Location" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.location}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "End Date" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.contract_end_date}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Job Position" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.job_position_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="time-outline"></ion-icon>
|
||||
<span>{% trans "Work Type" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.work_type_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="cash-outline"></ion-icon>
|
||||
<span>{% trans "Salary" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.basic_salary}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Company" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.company_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "Start Date" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.date_joining}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-tabs__content" id="tab_2">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="person-circle-outline"></ion-icon>
|
||||
<span>{% trans "Reporting Manager" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.reporting_manager_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
{% include "tabs/contract-tab.html" %}
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Work Location" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.location}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "End Date" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.contract_end_date}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="oh-modal" id="ContractModal" role="dialog" aria-labelledby="ContractModal" aria-hidden="true">
|
||||
<div class="oh-modal__dialog" style="max-width: 550px" id="OneContractTarget"></div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="briefcase-outline"></ion-icon>
|
||||
<span>{% trans "Job Position" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.job_position_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="time-outline"></ion-icon>
|
||||
<span>{% trans "Work Type" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.work_type_id}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="cash-outline"></ion-icon>
|
||||
<span>{% trans "Salary" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.basic_salary}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Company" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.company_id}}</span
|
||||
>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2"
|
||||
>{% trans "Bank Information" %}</span
|
||||
>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Bank Name" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.bank_name}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="location-outline"></ion-icon>
|
||||
<span>{% trans "Branch" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.branch}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="map-outline"></ion-icon>
|
||||
<span>{% trans "Bank Address" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.address}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="information-outline"></ion-icon>
|
||||
<span>{% trans "Bank Code" %} #1</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.any_other_code1}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon
|
||||
name="information-circle-outline"
|
||||
></ion-icon>
|
||||
<span>{% trans "Account Number" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.account_number}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="information-outline"></ion-icon>
|
||||
<span>{% trans "Bank Code" %} #2</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.any_other_code2}}</span
|
||||
>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="flag-outline"></ion-icon>
|
||||
<span>{% trans "Country" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_bank_details.country}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="calendar-outline"></ion-icon>
|
||||
<span>{% trans "Start Date" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value"
|
||||
>{{employee.employee_work_info.date_joining}}</span
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-tabs__content" id="tab_2">
|
||||
{% include "tabs/contract-tab.html" %}
|
||||
|
||||
<div
|
||||
class="oh-modal"
|
||||
id="ContractModal"
|
||||
role="dialog"
|
||||
aria-labelledby="ContractModal"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<div
|
||||
class="oh-modal__dialog"
|
||||
style="max-width: 550px"
|
||||
id="OneContractTarget"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oh-card oh-card--margin">
|
||||
<div class="oh-card__header">
|
||||
<span class="oh-card__title oh-card__title--sm fw-bold me-2"
|
||||
>{% trans "Bank Information" %}</span
|
||||
>
|
||||
</div>
|
||||
<div class="oh-card__body mt-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="business-outline"></ion-icon>
|
||||
<span>{% trans "Bank Name" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.bank_name}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="location-outline"></ion-icon>
|
||||
<span>{% trans "Branch" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.branch}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="map-outline"></ion-icon>
|
||||
<span>{% trans "Bank Address" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.address}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="information-outline"></ion-icon>
|
||||
<span>{% trans "Bank Code" %} #1</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.any_other_code1}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6">
|
||||
<ul class="oh-profile__card-info-list">
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="information-circle-outline"></ion-icon>
|
||||
<span>{% trans "Account Number" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.account_number}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="information-outline"></ion-icon>
|
||||
<span>{% trans "Bank Code" %} #2</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.any_other_code2}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="oh-profile__card-info-item">
|
||||
<span class="oh-profile__info-label mb-1">
|
||||
<ion-icon name="flag-outline"></ion-icon>
|
||||
<span>{% trans "Country" %}</span>
|
||||
</span>
|
||||
<span class="oh-profile__info-value">
|
||||
{{employee.employee_bank_details.country}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(".oh-tabs__tab[data-target]").click(function (e) {
|
||||
e.preventDefault();
|
||||
var newActiveTab = $(this).attr('data-target')
|
||||
$(".oh-tabs__content--active").toggleClass('oh-tabs__content--active');
|
||||
$(".oh-tabs__tab--active").toggleClass('oh-tabs__tab--active');
|
||||
$(`[data-target="${newActiveTab}"]`).toggleClass("oh-tabs__tab--active");
|
||||
$(newActiveTab).toggleClass("oh-tabs__content--active");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
$(document).ready(function () {
|
||||
$(".oh-tabs__tab[data-target]").click(function (e) {
|
||||
e.preventDefault();
|
||||
var newActiveTab = $(this).attr("data-target");
|
||||
$(".oh-tabs__content--active").toggleClass("oh-tabs__content--active");
|
||||
$(".oh-tabs__tab--active").toggleClass("oh-tabs__tab--active");
|
||||
$(`[data-target="${newActiveTab}"]`).toggleClass("oh-tabs__tab--active");
|
||||
$(newActiveTab).toggleClass("oh-tabs__content--active");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
BIN
static/images/ui/attendance-check.png
Normal file
BIN
static/images/ui/attendance-check.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
static/images/ui/attendance-request.png
Normal file
BIN
static/images/ui/attendance-request.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
static/images/ui/hour-glass.png
Normal file
BIN
static/images/ui/hour-glass.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
static/images/ui/work-info.png
Normal file
BIN
static/images/ui/work-info.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Reference in New Issue
Block a user