From 245178f0d77bcf4bab459a982ebf4b5026dcadbd Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaro@ttx.sk>
Date: Wed, 20 Mar 2024 20:17:07 +0100
Subject: [PATCH] selected row, colored

---
 resources/js/Pages/IkeaRoot.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/resources/js/Pages/IkeaRoot.vue b/resources/js/Pages/IkeaRoot.vue
index eb09b14..630078e 100644
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -26,6 +26,7 @@ const screenWidth = ref(screen.width)
 const screenHeight = ref(screen.height)
 const hover = ref(true);
 const hoverImage = ref(null);
+const selectedRow = ref(null);
 
 const sdropdown = ref([
   { text: "Description", value: "typeName" },
@@ -400,6 +401,10 @@ const submit = () => {
   settingsStore.post(route("products.compare"));
 };
 
+const selectedRowClassNameFunction = (item) => {
+  if (item.code == itemCode.value) return 'selected-row';
+};
+
 
 </script>
 <template>
@@ -532,6 +537,7 @@ const submit = () => {
             :items="options_items"
             :search-field="searchField"
             :search-value="searchValue"
+            :body-row-class-name="selectedRowClassNameFunction"
             @click-row="showRow"
             :filter-options="filterOptions"
             alternating
@@ -655,6 +661,12 @@ const submit = () => {
   width: 128px;
 }
 
+.selected-row  {
+  --easy-table-body-row-background-color: #f56c6c;
+  --easy-table-body-row-font-color: #fff;
+  --easy-table-body-even-row-background-color: #f56c6c
+}
+
 :root .result-country {
   --easy-table-body-row-background-color: yellow;
   --easy-table-body-even-row-background-color: yellow;