[UPDT] ATTENDANCE: Updated attendance module empty page

This commit is contained in:
Horilla
2025-05-09 12:21:36 +05:30
parent 950f4d2903
commit 647b88d373
9 changed files with 81 additions and 143 deletions

View File

@@ -53,7 +53,7 @@
</div>
</div>
<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
<section class="oh-wrapper oh-main__topbar">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">
<a href="{% url 'attendance-view' %}" class="text-dark">
@@ -88,20 +88,14 @@
</div>
</section>
<div class="oh-wrapper-main">
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style="width: 190px; height: 200px" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">
{% trans "There are no attendance records to display." %}
</h5>
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance records to display." %}</p>
</div>
</div>
<span id="dynamicCreateBatchAttendanceSpan" hx-get="{% url 'create-batch-attendance' %}"
data-target="#dynamicCreateModal" data-toggle="oh-modal-toggle" hx-target="#dynamicCreateModalTarget"
hx-include="#attendanceRequestForm,#attendanceUpdateForm,#attendanceCreateForm"></span>

View File

@@ -1,13 +1,9 @@
{% load static %}{% load i18n %} {% include 'filter_tags.html' %}
<div class="oh-wrapper-main">
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style="width: 190px; height: 200px" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">
{% blocktrans with month_name=month_name %}The attendances for this employee in {{ month_name }} has not been validated.{% endblocktrans %}
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-404">
<img style="width: 190px; height: 200px" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">
{% blocktrans with month_name=month_name %}The attendances for this employee in {{ month_name }} has not been validated.{% endblocktrans %}
</div>
</div>

View File

@@ -2,46 +2,33 @@
{% load static %}
{% load i18n %}
{% load basefilters %}
<section class="oh-wrapper oh-main__topbar" x-data="{searchShow: false}">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Hour Account" %}</h1>
</div>
<div class="oh-main__titlebar oh-main__titlebar--right">
<div class="oh-main__titlebar-button-container">
{% if perms.attendance.add_attendanceovertime or request.user|is_reportingmanager %}
<div class="oh-btn-group ml-2">
<div class="oh-dropdown" >
<button class="oh-btn oh-btn--secondary"
data-toggle="oh-modal-toggle"
data-target="#objectCreateModal"
hx-get="{% url 'attendance-overtime-create' %}"
hx-target="#objectCreateModalTarget"
>
<ion-icon name="add-sharp" class="mr-2"></ion-icon>
{% trans "Create" %}
</button>
</div>
<section class="oh-wrapper oh-main__topbar">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Hour Account" %}</h1>
</div>
{% endif %}
<div class="oh-main__titlebar oh-main__titlebar--right">
<div class="oh-main__titlebar-button-container">
{% if perms.attendance.add_attendanceovertime or request.user|is_reportingmanager %}
<div class="oh-btn-group ml-2">
<div class="oh-dropdown">
<button class="oh-btn oh-btn--secondary" data-toggle="oh-modal-toggle"
data-target="#objectCreateModal" hx-get="{% url 'attendance-overtime-create' %}"
hx-target="#objectCreateModalTarget">
<ion-icon name="add-sharp" class="mr-2"></ion-icon>
{% trans "Create" %}
</button>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</section>
<div
class="oh-wrapper-main"
>
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
<h5 class="oh-404__subtitle">{% trans "There are no attendance records to display." %}</h5>
</div>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance records to display." %}</p>
</div>
</main>
</div>
</div>
{% endblock %}

View File

@@ -1,21 +1,17 @@
{% extends 'index.html' %}{% block content %}
{% load static %}
{% load i18n %}
<section class="oh-wrapper oh-main__topbar " x-data="{searchShow: false}">
<section class="oh-wrapper oh-main__topbar">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Attendance Activity" %}</h1>
</div>
</section>
<div class="oh-wrapper-main">
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">{% trans "There are no attendance activity records to display." %}</h5>
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance activity records to display." %}</p>
</div>
</div>
{% endblock %}

View File

@@ -194,17 +194,12 @@
</div>
</div>
{% else %}
<div class="oh-wrapper-main">
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">{% trans "No group result found!" %}</h5>
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "No group result found." %}</p>
</div>
</div>
{% endif %}

View File

@@ -246,18 +246,12 @@
</div>
{% else %}
<div
class="oh-wrapper-main"
>
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
<h5 class="oh-404__subtitle">{% trans "No group result found!" %}</h5>
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "No group result found." %}</p>
</div>
</div>
{% endif %}
<script>

View File

@@ -1,25 +1,18 @@
{% extends 'index.html' %}{% block content %}
{% load static %}
{% load i18n %}
<section class="oh-wrapper oh-main__topbar " x-data="{searchShow: false}">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Late Come/Early Out" %}</h1>
</div>
<section class="oh-wrapper oh-main__topbar">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "Late Come/Early Out" %}</h1>
</div>
</section>
<div
class="oh-wrapper-main"
>
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
<h5 class="oh-404__subtitle">{% trans "There are no attendance records to display." %}</h5>
</div>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance records to display." %}</p>
</div>
</main>
</div>
</div>
{% endblock %}

View File

@@ -1,25 +1,17 @@
{% extends 'index.html' %}{% block content %}
{% load static %}
{% load i18n %}
<section class="oh-wrapper oh-main__topbar " x-data="{searchShow: false}">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "My Attendances" %}</h1>
</div>
<section class="oh-wrapper oh-main__topbar ">
<div class="oh-main__titlebar oh-main__titlebar--left">
<h1 class="oh-main__titlebar-title fw-bold">{% trans "My Attendances" %}</h1>
</div>
</section>
<div
class="oh-wrapper-main"
>
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}" class="oh-404__image mb-4" alt="Page not found. 404."/>
<h5 class="oh-404__subtitle">{% trans "There are no attendance records to display." %}</h5>
</div>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance records to display." %}</p>
</div>
</main>
</div>
</div>
{% endblock %}

View File

@@ -1,5 +1,4 @@
{% extends 'index.html' %} {% block content %}{% load static %}
{% load i18n %} {% load basefilters %}
<style>
.oh-modal_close--custom {
@@ -13,7 +12,6 @@
}
</style>
<div class="oh-modal" id="validateAttendanceRequest" role="dialog" aria-labelledby="validateAttendanceRequest"
aria-hidden="true">
<div class="oh-modal__dialog">
@@ -63,18 +61,11 @@
</div>
</section>
<div class="oh-wrapper-main">
<main :class="sidebarOpen ? 'oh-main__sidebar-visible' : ''">
<div class="oh-wrapper">
<div class="oh-404">
<img style=" width: 190px;height: 200px;" src="{% static 'images/ui/present.png' %}"
class="oh-404__image mb-4" alt="Page not found. 404." />
<h5 class="oh-404__subtitle">{% trans "There are no attendance records to display." %}</h5>
</div>
</div>
</main>
<div class="oh-wrapper">
<div class="oh-empty">
<img src="{% static 'images/ui/search.svg' %}" class="oh-404__image" alt="Page not found. 404." />
<h1 class="oh-empty__title">{% trans "No Records found." %}</h1>
<p class="oh-empty__subtitle">{% trans "There are no attendance requests to display." %}</p>
</div>
</div>
</div>
{% endblock content %}