style: highlight custom headers

L-Chris · Jul 14, 2020 · df674ae · df674ae
1 parent ce3a14c
commit df674ae
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/biz/webui/htdocs/js/index.js b/biz/webui/htdocs/js/index.js
diff --git a/biz/webui/htdocs/src/css/base.css b/biz/webui/htdocs/src/css/base.css
@@ -171,3 +171,7 @@ body .cm-s-cobalt span.cm-number {
 .w-not-allowed {
   cursor: not-allowed;
 }
+
+.w-bold {
+  font-weight: bold!important;
+}
diff --git a/biz/webui/htdocs/src/js/props-editor.js b/biz/webui/htdocs/src/js/props-editor.js
@@ -11,7 +11,11 @@ var MAX_NAME_LEN = 128;
 var MAX_VALUE_LEN = 36 * 1024;
 var MAX_COUNT = 160;
 var index = MAX_COUNT;
+var W2_HEADER_RE = /^x-whistle-/;
 
+var highlight = function(name) {
+  return name === 'x-forwarded-for' || W2_HEADER_RE.test(name);
+};
 var PropsEditor = React.createClass({
   getInitialState: function() {
     return {};
@@ -259,7 +263,7 @@ var PropsEditor = React.createClass({
                 var item = modal[name];
                 return (
                   <tr key={name}>
-                    <th>{item.name}</th>
+                    <th className={isHeader && highlight(item.name) ? 'w-bold' : undefined}>{item.name}</th>
                     <td>
                       <pre>
                         {item.data ? <span className="glyphicon glyphicon-file"></span> : undefined}