added new end of life

public/js/pages/WarehouseArticle/WarehouseArticle.css

@@ -1,38 +1,43 @@
-/* style.css */
+.end-of-life {
+    background-color: #f8d7da !important;
+}
+
 .warehouse-article-prices > div,
 .warehouse-article-distributor > div {
     display: grid;
-    grid-template-columns: repeat(3, minmax(150px, 1fr)) 120px; /* Defines 4 columns */
-    gap: 12px; /* Use gap for spacing */
-    margin-bottom: 8px; /* Add small gap between rows */
+    grid-template-columns: repeat(3, minmax(150px, 1fr)) 120px;
+    gap: 12px;
+    margin-bottom: 8px;
 }
 
 .warehouse-article-prices .form-group,
 .warehouse-article-distributor .form-group {
-    margin-bottom: 0; /* Keep inputs tight in grid cells */
+    margin-bottom: 0;
 }
 
 @media (max-width: 992px) {
     .warehouse-article-prices > div,
     .warehouse-article-distributor > div {
-        display: block; /* Stack items vertically */
-        border: 1px solid #eee; /* Lighter border */
+        display: block;
+        border: 1px solid #eee;
         padding: 10px;
         margin-bottom: 10px;
     }
 
     .warehouse-article-prices > div > *,
     .warehouse-article-distributor > div > * {
-        display: block; /* Ensure children are block */
-        margin-bottom: 10px !important; /* Add space between stacked items */
+        display: block;
+        margin-bottom: 10px !important;
     }
-    .warehouse-article-prices > div > div:last-child, /* Target button container */
+
+    .warehouse-article-prices > div > div:last-child,
     .warehouse-article-distributor > div > div:last-child {
-        text-align: right; /* Keep buttons aligned right */
-        margin-bottom: 0 !important; /* Remove extra margin below buttons */
+        text-align: right;
+        margin-bottom: 0 !important;
     }
-    .warehouse-article-prices > div > div:last-child > *, /* Target buttons inside */
+
+    .warehouse-article-prices > div > div:last-child > *,
     .warehouse-article-distributor > div > div:last-child > * {
-        margin-left: 5px; /* Add small space between buttons */
+        margin-left: 5px;
     }
 }

public/js/pages/WarehouseArticle/WarehouseArticle.js

@@ -1,3 +1,7 @@
+window.TT_CONFIG.CRUD_CONFIG.customRowClass = (row) => {
+    if (row.isEndOfLife) return 'end-of-life';
+}
+
 async function handleApiResponse(responsePromise) {
     const res = await responsePromise;
     if (!res.data.success) {