From ba8375f18618b429a4ce1c4498fd30fdd967e839 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Mon, 11 Dec 2023 11:42:28 +0530
Subject: [PATCH 1/5] Implemented: Added Pointer on Hover for Completed items
 icon(#271)

---
 src/views/PurchaseOrderDetail.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index 6cd4a563..8d4e8687 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -109,7 +109,7 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" />
+          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="visible"/>
         </ion-item>
         
         <ion-card v-for="(item, index) in getPOItems('completed')" v-show="showCompletedItems && item.orderItemStatusId === 'ITEM_COMPLETED'" :key="index">
@@ -411,5 +411,8 @@ ion-thumbnail {
     grid: "receive progressbar history ordered" /  max-content 1fr max-content max-content;
     padding-left: var(--spacer-sm);
   }
+  .visible{
+      cursor: pointer;
+  }
 }
 </style>

From 056c58f776b6bdf5bae0b5db0a6dab6b5cd1b52c Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Mon, 11 Dec 2023 15:00:35 +0530
Subject: [PATCH 2/5] Imporved: Name of the class

---
 src/views/PurchaseOrderDetail.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index 8d4e8687..0eb46afd 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -109,7 +109,7 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="visible"/>
+          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="hover-pointer"/>
         </ion-item>
         
         <ion-card v-for="(item, index) in getPOItems('completed')" v-show="showCompletedItems && item.orderItemStatusId === 'ITEM_COMPLETED'" :key="index">
@@ -411,8 +411,8 @@ ion-thumbnail {
     grid: "receive progressbar history ordered" /  max-content 1fr max-content max-content;
     padding-left: var(--spacer-sm);
   }
-  .visible{
-      cursor: pointer;
+  .hover-pointer{
+    cursor: pointer;
   }
 }
 </style>

From d6efb943795e381c3d5552e95c31fd97d9cc7e78 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Mon, 11 Dec 2023 15:14:04 +0530
Subject: [PATCH 3/5] Improved: Name of the class and Indentation issues

---
 src/views/PurchaseOrderDetail.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index 0eb46afd..53f18f9d 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -109,7 +109,7 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="hover-pointer"/>
+          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="pointer"/>
         </ion-item>
         
         <ion-card v-for="(item, index) in getPOItems('completed')" v-show="showCompletedItems && item.orderItemStatusId === 'ITEM_COMPLETED'" :key="index">
@@ -411,7 +411,7 @@ ion-thumbnail {
     grid: "receive progressbar history ordered" /  max-content 1fr max-content max-content;
     padding-left: var(--spacer-sm);
   }
-  .hover-pointer{
+  .pointer{
     cursor: pointer;
   }
 }

From 0edc660e7f7f73f12b56fccdccc546d5734d6a02 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Wed, 13 Dec 2023 11:42:33 +0530
Subject: [PATCH 4/5] Improved: Added Pointer on Hover for Completed items
 icon(#271)

---
 src/views/PurchaseOrderDetail.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index 53f18f9d..f1f9d009 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -109,7 +109,9 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="pointer"/>
+          <ion-button @click="showCompletedItems = !showCompletedItems" fill="clear">
+            <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" />
+          </ion-button>
         </ion-item>
         
         <ion-card v-for="(item, index) in getPOItems('completed')" v-show="showCompletedItems && item.orderItemStatusId === 'ITEM_COMPLETED'" :key="index">
@@ -411,8 +413,5 @@ ion-thumbnail {
     grid: "receive progressbar history ordered" /  max-content 1fr max-content max-content;
     padding-left: var(--spacer-sm);
   }
-  .pointer{
-    cursor: pointer;
-  }
 }
 </style>

From a62fd74d5b70459bb37aa3fbdf9bac5c7f015f72 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Wed, 13 Dec 2023 14:15:08 +0530
Subject: [PATCH 5/5] Implemented: Condition on Button from Icon

---
 src/views/PurchaseOrderDetail.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
index f1f9d009..1f0fa612 100644
--- a/src/views/PurchaseOrderDetail.vue
+++ b/src/views/PurchaseOrderDetail.vue
@@ -109,8 +109,8 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-button @click="showCompletedItems = !showCompletedItems" fill="clear">
-            <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" />
+          <ion-button v-if="getPOItems('completed').length" @click="showCompletedItems = !showCompletedItems" fill="clear">
+            <ion-icon :icon="showCompletedItems ? eyeOutline : eyeOffOutline"/>
           </ion-button>
         </ion-item>