From a8ab1241875dc70661044dbeab18645f7e474ec0 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Fri, 2 Feb 2024 12:00:01 +0530
Subject: [PATCH] Fixed: clickable items to have a pointer to have a better UX
 by defining a global pointer class and added it on the required
 components(#63)

---
 src/theme/variables.css      | 4 ++++
 src/views/BrokeringQuery.vue | 2 +-
 src/views/BrokeringRoute.vue | 4 ++--
 src/views/BrokeringRuns.vue  | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/theme/variables.css b/src/theme/variables.css
index b149d27..7b79dcc 100644
--- a/src/theme/variables.css
+++ b/src/theme/variables.css
@@ -262,6 +262,10 @@ http://ionicframework.com/docs/theming/ */
   text-align: center;
 }
 
+.pointer {
+  cursor: pointer;
+}
+
 @media (prefers-color-scheme: dark) {
   ion-chip > ion-icon {
     color: var(--ion-color-dark);
diff --git a/src/views/BrokeringQuery.vue b/src/views/BrokeringQuery.vue
index 266d650..55a583a 100644
--- a/src/views/BrokeringQuery.vue
+++ b/src/views/BrokeringQuery.vue
@@ -86,7 +86,7 @@
           <ion-item lines="none">
             <!-- TODO: add support to archive a rule, add rule status Desc, and add color option -->
             <ion-label>{{ translate("Rule Status") }}</ion-label>
-            <ion-badge v-if="selectedRoutingRule.statusId === 'RULE_DRAFT'" @click="updateRuleStatus(selectedRoutingRule.routingRuleId, 'RULE_ACTIVE')">{{ getStatusDesc(selectedRoutingRule.statusId) }}</ion-badge>
+            <ion-badge class="pointer" v-if="selectedRoutingRule.statusId === 'RULE_DRAFT'" @click="updateRuleStatus(selectedRoutingRule.routingRuleId, 'RULE_ACTIVE')">{{ getStatusDesc(selectedRoutingRule.statusId) }}</ion-badge>
             <ion-badge color="success" v-else>{{ getStatusDesc(selectedRoutingRule.statusId) }}</ion-badge>
           </ion-item>
           <section class="filters">
diff --git a/src/views/BrokeringRoute.vue b/src/views/BrokeringRoute.vue
index 67e00f1..4fd4a5e 100644
--- a/src/views/BrokeringRoute.vue
+++ b/src/views/BrokeringRoute.vue
@@ -23,7 +23,7 @@
               </ion-button>
             </ion-list-header>
             <ion-reorder-group @ionItemReorder="doReorder($event)" :disabled="false">
-              <ion-card v-for="(routing, index) in routingsForReorder" :key="routing.orderRoutingId" @click.prevent="redirect(routing)">
+              <ion-card class="pointer" v-for="(routing, index) in routingsForReorder" :key="routing.orderRoutingId" @click.prevent="redirect(routing)">
                 <ion-item lines="full">
                   <ion-label>
                     <h1>{{ routing.routingName }}</h1>
@@ -36,7 +36,7 @@
                   </ion-reorder>
                 </ion-item>
                 <ion-item lines="none">
-                  <ion-badge v-if="routing.statusId === 'ROUTING_DRAFT'" @click.stop="updateOrderRouting(routing, 'statusId', 'ROUTING_ACTIVE')">{{ getStatusDesc(routing.statusId) }}</ion-badge>
+                  <ion-badge class="pointer" v-if="routing.statusId === 'ROUTING_DRAFT'" @click.stop="updateOrderRouting(routing, 'statusId', 'ROUTING_ACTIVE')">{{ getStatusDesc(routing.statusId) }}</ion-badge>
                   <ion-badge v-else color="success">{{ getStatusDesc(routing.statusId) }}</ion-badge>
                   <ion-button fill="clear" color="medium" slot="end" @click.stop="updateOrderRouting(routing, 'statusId', 'ROUTING_ARCHIVED')">
                     {{ translate("Archive") }}
diff --git a/src/views/BrokeringRuns.vue b/src/views/BrokeringRuns.vue
index c5ab8b9..df839c3 100644
--- a/src/views/BrokeringRuns.vue
+++ b/src/views/BrokeringRuns.vue
@@ -22,7 +22,7 @@
       </main>
       <main v-else-if="groups.length">
         <section>
-          <ion-card v-for="group in groups" :key="group.routingGroupId" @click="redirect(group)">
+          <ion-card class="pointer" v-for="group in groups" :key="group.routingGroupId" @click="redirect(group)">
             <ion-card-header>
               <ion-card-title>
                 {{ group.groupName }}