#447 Not saved indicator for rows (waiting for API)

metasfresh · Mar 6, 2017 · d06967f · d06967f
1 parent e498e83
commit d06967f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/assets/css/table.css b/src/assets/css/table.css
@@ -82,11 +82,20 @@
     border-bottom: 2px solid #ddd;
 }
 
+.row-not-saved {
+    background-color: #FEDADA !important;
+    border-top: 2px solid #e78484;
+    border-bottom: 2px solid #e78484;
+}
 
 .row-selected {
     background-color: #d5e3ec !important;
 }
 
+.row-selected.row-not-saved {
+    background-color: #d6a4a4 !important;
+}
+
 .table-sub-summary-row {
     background-color: #fff !important;
     border-top: 1px solid $brand-color-secondary;

diff --git a/src/components/table/TableItem.js b/src/components/table/TableItem.js
@@ -193,7 +193,8 @@ class TableItem extends Component {
     render() {
         const {
             isSelected, fields, cols, onMouseDown, onDoubleClick, odd, handleRightClick,
-            indentSupported, contextType, item, lastSibling, includedDocuments
+            indentSupported, contextType, item, lastSibling, includedDocuments,
+            notSaved
         } = this.props;
 
         return (
@@ -207,7 +208,9 @@ class TableItem extends Component {
                     (item.processed ? 'row-disabled ': '') +
                     ((item.processed && lastSibling && !includedDocuments) ?
                         'row-boundary ': ''
-                    )
+                    ) +
+                    // TODO: waiting for API
+                    (notSaved ? 'row-not-saved ': '')
                 }
             >
                 {indentSupported &&