Highlighted the name of product when quantity is less

simplcommerce · Jan 12, 2024 · f65d7e5 · f65d7e5
1 parent a6bf271
commit f65d7e5
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/src/Modules/SimplCommerce.Module.Inventory/wwwroot/admin/stock/stock-form.html b/src/Modules/SimplCommerce.Module.Inventory/wwwroot/admin/stock/stock-form.html
@@ -46,22 +46,22 @@ <h2>{{::vm.translate.get('Stock management for warehouse')}} <strong>{{ vm.selec
             <th ng-show="!vm.isLoading" colspan="6">{{vm.tableStateRef.pagination.totalItemCount | number:0}} {{::vm.translate.get('records found')}}</th>
         </tr>
     </thead>
-    <tbody ng-show="!vm.isLoading">
-        <tr ng-repeat="item in vm.stocks">
-            <td>{{item.productName}}</td>
-            <td>{{item.productSku}}</td>
-            <td class="text-right">{{item.quantity}}</td>
-            <td>
-                <input class="form-control text-right" ng-model="item.adjustedQuantity" />
-            </td>
-            <td>
-                <input class="form-control" ng-model="item.note" />
-            </td>
-            <td>
-                <a ui-sref="stock-history({warehouseId: vm.selectedWarehouse.id, productId : item.productId})">{{::vm.translate.get('View History')}}</a>
-            </td>
-        </tr>
-    </tbody>
+<tbody ng-show="!vm.isLoading">
+    <tr ng-repeat="item in vm.stocks" style="{{item.quantity < 2 ? 'background-color: yellow;' : ''}}">
+        <td style="{{item.quantity < 2 ? 'background-color: yellow;' : ''}}">{{item.productName}}</td>
+        <td style="{{item.quantity < 2 ? 'background-color: yellow;' : ''}}">{{item.productSku}}</td>
+        <td class="text-right" style="{{item.quantity < 2 ? 'background-color: yellow;' : ''}}">{{item.quantity}}</td>
+        <td>
+            <input class="form-control text-right" ng-model="item.adjustedQuantity" />
+        </td>
+        <td>
+            <input class="form-control" ng-model="item.note" />
+        </td>
+        <td>
+            <a ui-sref="stock-history({warehouseId: vm.selectedWarehouse.id, productId : item.productId})">{{::vm.translate.get('View History')}}</a>
+        </td>
+    </tr>
+</tbody>
     <tbody ng-show="vm.isLoading">
         <tr>
             <td colspan="6" class="text-center">Loading ... </td>