1 files changed, 64 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx
new file mode 100644
index 00000000000..4717af5957f
--- /dev/null
+++ b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx
@@ -0,0 +1,64 @@
+/*
+ * SonarQube
+ * Copyright (C) 2009-2017 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+import * as React from 'react';
+import { translate } from '../../../helpers/l10n';
+import { Component } from '../types';
+
+interface Props {
+  baseComponent?: Component;
+  rootComponent: Component;
+}
+
+export default function ComponentsHeader({ baseComponent, rootComponent }: Props) {
+  const isPortfolio = rootComponent.qualifier === 'VW' || rootComponent.qualifier === 'SVW';
+  const isApplication = rootComponent.qualifier === 'APP';
+
+  const columns = isPortfolio
+    ? [
+        translate('metric_domain.Releasability'),
+        translate('metric_domain.Reliability'),
+        translate('metric_domain.Security'),
+        translate('metric_domain.Maintainability'),
+        translate('metric', 'ncloc', 'name')
+      ]
+    : [
+        isApplication && translate('metric.alert_status.name'),
+        translate('metric', 'ncloc', 'name'),
+        translate('metric', 'bugs', 'name'),
+        translate('metric', 'vulnerabilities', 'name'),
+        translate('metric', 'code_smells', 'name'),
+        translate('metric', 'coverage', 'name'),
+        translate('metric', 'duplicated_lines_density', 'short_name')
+      ].filter(Boolean) as string[];
+
+  return (
+    <thead>
+      <tr className="code-components-header">
+        <th className="thin nowrap">&nbsp;</th>
+        <th>&nbsp;</th>
+        {columns.map(column =>
+          <th key={column} className="thin nowrap text-right code-components-cell">
+            {baseComponent && column}
+          </th>
+        )}
+      </tr>
+    </thead>
+  );
+}