From d3afa9fcfa0b0e0ee3e52d52b38f1d808536138e Mon Sep 17 00:00:00 2001
From: Horilla <teamhorilla@gmail.com>
Date: Tue, 5 Sep 2023 12:29:06 +0530
Subject: [PATCH] [ADD]leave tab on employee individual views

---
 .../employee/profile/profile_view.html        |  5 +-
 .../templates/employee/view/individual.html   |  3 +-
 employee/templates/leave-tab.html             | 54 +++++++++++++++++++
 3 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 employee/templates/leave-tab.html

diff --git a/employee/templates/employee/profile/profile_view.html b/employee/templates/employee/profile/profile_view.html
index 306deb07b..36d4ff33d 100644
--- a/employee/templates/employee/profile/profile_view.html
+++ b/employee/templates/employee/profile/profile_view.html
@@ -5,8 +5,7 @@
     <div class="oh-card mt-4 mb-5">
       <div class="d-flex flex-row-reverse " >
         <a href="{% url 'edit-profile' %}" class="">
-          <ion-icon name="pencil" ></ion-icon>
-        </a>
+          <img src="/static/images/ui/edit_btn.png" style="width: 25px; height: auto;" title="Edit">        </a>
       </div>
       <div class="row">
         <div class="col-12 col-sm-12 col-md-12 col-lg-4">
@@ -485,7 +484,7 @@
           class="oh-general__tab-target oh-profile__info-tab  mb-4 d-none"
           id="leave"
         >
-          <!-- #2 -->
+          {% include 'leave-tab.html' %}
         </div>
         <div
           class="oh-general__tab-target oh-profile__info-tab  mb-4 d-none"
diff --git a/employee/templates/employee/view/individual.html b/employee/templates/employee/view/individual.html
index 9c0eefb23..f02f06a38 100644
--- a/employee/templates/employee/view/individual.html
+++ b/employee/templates/employee/view/individual.html
@@ -484,12 +484,11 @@
             </div>
           </div>
 
-
           <div
           class="oh-general__tab-target oh-profile__info-tab  mb-4 d-none"
           id="leave"
         >
-          <!-- #2 -->
+        {% include "leave-tab.html" %}
         </div>
         <div
           class="oh-general__tab-target oh-profile__info-tab  mb-4 d-none"
diff --git a/employee/templates/leave-tab.html b/employee/templates/leave-tab.html
new file mode 100644
index 000000000..1194c742c
--- /dev/null
+++ b/employee/templates/leave-tab.html
@@ -0,0 +1,54 @@
+{% load i18n %}
+<style>
+    .row-status--orange {
+      border-left: 4px solid orange;
+      border-radius: 5px;
+    }
+    .row-status--gray {
+      border-left: 4px solid gray;
+      border-radius: 5px;
+    }
+    .row-status--yellow {
+      border-left: 4px solid yellowgreen;
+      border-radius: 5px;
+    }
+  </style>
+
+  <div class="oh-sticky-table mt-4">
+    <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 "Leave Type" %}</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 "Requested days" %}</div>
+                <div class="oh-sticky-table__th">{% trans "Status" %}</div>
+            </div>
+        </div>
+        <div class="oh-sticky-table__tbody">
+            {% for leave_request in employee.leaverequest_set.all %}
+            <div class="oh-sticky-table__tr" draggable="true">
+                <div class="oh-sticky-table__sd {% if leave_request.status == "requested" %}row-status--orange {% elif leave_request.status == "cancelled" %} row-status--gray {% elif leave_request.status == "approved" %} row-status--yellow{% endif %}" data-toggle="oh-modal-toggle" data-target="#tableTimeOff"
+                  hx-get="{% url 'user-request-one' leave_request.id %}" hx-target="#userRequestView">
+                    <div class="oh-profile oh-profile--md">
+                        <div class="oh-profile__avatar mr-1">
+                            {% if leave_request.leave_type_id.icon %}
+                            <img src="{{leave_request.leave_type_id.icon.url}}" class="oh-profile__image"
+                                alt="Leave Type Icon" />
+                            {% else%}
+                            <img src="https://ui-avatars.com/api/?name={{leave_request.leave_type_id}}&background=random"
+                                class="oh-profile__image" alt="Leave type icon" />
+                            {% endif %}
+                        </div>
+                        <span class="oh-profile__name oh-text--dark">{{leave_request.leave_type_id}}</span>
+                    </div>
+                </div>
+                <div class="oh-sticky-table__td">{{leave_request.start_date}}</div>
+                <div class="oh-sticky-table__td">{{leave_request.end_date}}</div>
+                <div class="oh-sticky-table__td">{{leave_request.requested_days}}</div>
+                <div class="oh-sticky-table__td">{{leave_request.get_status_display}}</div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
\ No newline at end of file