@eturnity/eturnity_reusable_components 7.24.3-EPDM-10528.0 → 7.24.3-EPDM-7509.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.24.3-EPDM-10528.0",
+  "version": "7.24.3-EPDM-7509.2",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tables/mainTable/index.vue

@@ -18,6 +18,8 @@
           v-else
           :cellPaddings="cellPaddings"
           :tableCursor="tableCursor"
+          @mouseover="setHovers($event)"
+          @mouseleave="setHovers($event)"
         >
           <slot />
         </table-container>
@@ -121,8 +123,8 @@ const TableContainer = styled('table', containerAttrs)`
   }
 
   tbody {
-    tr {
-      &:hover {
+    tr, td {
+      &:hover, &.hover {
         background-color: ${(props) => props.theme.colors.white};
         cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
 
@@ -425,6 +427,31 @@ export default {
     }
   },
   methods: {
+    setHovers(event) {
+      if (event.target.tagName !== 'TABLE') {
+        console.log('over', event)
+        let hoveredCell = event.target
+        console.log(hoveredCell.tagName)
+
+        if (hoveredCell.tagName !== 'TD') {
+          let currentParentElement = hoveredCell.parentElement
+          while (currentParentElement.tagName !== 'TR') {
+            console.log(currentParentElement.tagName)
+            if (currentParentElement.tagName === 'TD') hoveredCell = currentParentElement
+            currentParentElement = currentParentElement.parentElement
+          }
+        }
+
+        if (hoveredCell) {
+          const rowChildren = Array.from(hoveredCell.parentElement.children)
+          const rowList = Array.from(document.querySelectorAll('tr'))
+          rowList.forEach((el) => {
+            const cells = Array.from(el.children)
+            cells[rowChildren.indexOf(hoveredCell)].classList.add('hover')
+          })
+        }
+      }
+    },
     observeTableHeight() {
       if (!this.$refs.tableRef) return