erp5_forge: add color in the commit tree

bt5/erp5_forge/SkinTemplateItem/portal_skins/erp5_vcs/gadget_vcs_status.css.css

+div[data-gadget-url$="gadget_vcs_status.html"] {
+  background-color: #FFFFFF;
+}
 div[data-gadget-url$="gadget_vcs_status.html"] li li {
   padding-left: 1em;
 }
@@ -22,6 +25,15 @@ div[data-gadget-url$="gadget_vcs_status.html"] li label.showhide {
 div[data-gadget-url$="gadget_vcs_status.html"] li label input {
   margin: 0 3pt;
 }
+div[data-gadget-url$="gadget_vcs_status.html"] li label.added {
+  color: #22CC22;
+}
+div[data-gadget-url$="gadget_vcs_status.html"] li label.modified {
+  color: #FF6600;
+}
+div[data-gadget-url$="gadget_vcs_status.html"] li label.removed {
+  color: red;
+}
 div[data-gadget-url$="gadget_vcs_status.html"] button {
   color: #212529;
   padding: 3pt;

bt5/erp5_forge/SkinTemplateItem/portal_skins/erp5_vcs/gadget_vcs_status.js.js

@@ -117,7 +117,9 @@
             'orange': 'modified',
             'red': 'removed'
           }[current_node.getAttribute('aCol')];
-          child_list.push(domsugar('label', [
+          child_list.push(domsugar('label', {
+            class: name
+          }, [
             domsugar('input', {
               type: 'checkbox',
               class: 'vcs_to_commit',
@@ -625,9 +627,9 @@
             parsed_value_dict = JSON.parse(gadget.state.value);
           if (gadget.state.editable) {
             result[gadget.state.key] = gadget.state.value;
-            result[gadget.state.added_key] = parsed_value_dict.added;
-            result[gadget.state.removed_key] = parsed_value_dict.removed;
-            result[gadget.state.modified_key] = parsed_value_dict.modified;
+            // result[gadget.state.added_key] = parsed_value_dict.added;
+            // result[gadget.state.removed_key] = parsed_value_dict.removed;
+            // result[gadget.state.modified_key] = parsed_value_dict.modified;
           }
           console.log('getContent', result);
           return result;

bt5/erp5_forge/SkinTemplateItem/portal_skins/erp5_vcs/gadget_vcs_status.less.bin

+@orange: #FF6600;
+@white: #FFFFFF;
+@green: #22CC22;
+@red: red;
+
 div[data-gadget-url$="gadget_vcs_status.html"] {
+  background-color: @white;
 
   li {
     li {
@@ -27,6 +33,15 @@ div[data-gadget-url$="gadget_vcs_status.html"] {
       input {
         margin: 0 3pt;
       }
+      &.added {
+        color: @green;
+      }
+      &.modified {
+        color: @orange;
+      }
+      &.removed {
+        color: @red;
+      }
     }
   }