SONAR-9802 Apply UI feedback

* Add tooltips on health status

* Replace boolean icons with black check and close icons

* Move log level warning next to the title of the card

* Hide Plugins section

* Retrieve correctly log levels when sections are missing.

* Display State fields as Health status

* Update IT

3 files changed, 49 insertions, 7 deletions

diff --git a/server/sonar-web/src/main/js/components/icons-components/CheckIcon.tsx b/server/sonar-web/src/main/js/components/icons-components/CheckIcon.tsx
new file mode 100644
index 00000000000..487fac702cf
--- /dev/null
+++ b/server/sonar-web/src/main/js/components/icons-components/CheckIcon.tsx
@@ -0,0 +1,41 @@
+/*
+ * 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';
+
+interface Props {
+  className?: string;
+  size?: number;
+}
+
+export default function CheckIcon({ className, size = 16 }: Props) {
+  return (
+    <svg
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 16"
+      width={size}
+      height={size}>
+      <path
+        style={{ fill: 'currentColor' }}
+        d="M14.92 4.804q0 0.357-0.25 0.607l-7.679 7.679q-0.25 0.25-0.607 0.25t-0.607-0.25l-4.446-4.446q-0.25-0.25-0.25-0.607t0.25-0.607l1.214-1.214q0.25-0.25 0.607-0.25t0.607 0.25l2.625 2.634 5.857-5.866q0.25-0.25 0.607-0.25t0.607 0.25l1.214 1.214q0.25 0.25 0.25 0.607z"
+      />;
+    </svg>
+  );
+}
diff --git a/server/sonar-web/src/main/js/components/icons-components/CloseIcon.js b/server/sonar-web/src/main/js/components/icons-components/CloseIcon.tsx
index 7fb48b8b3f2..5ab53930909 100644
--- a/server/sonar-web/src/main/js/components/icons-components/CloseIcon.js
+++ b/server/sonar-web/src/main/js/components/icons-components/CloseIcon.tsx
@@ -17,15 +17,14 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-// @flow
-import React from 'react';
+import * as React from 'react';
 
-/*::
-type Props = { className?: string, size?: number };
-*/
+interface Props {
+  className?: string;
+  size?: number;
+}
 
-export default function CloseIcon({ className, size = 16 } /*: Props */) {
-  /* eslint-disable max-len */
+export default function CloseIcon({ className, size = 16 }: Props) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/server/sonar-web/src/main/js/components/icons-components/icons.js b/server/sonar-web/src/main/js/components/icons-components/icons.js
index c50065921f4..407323488ae 100644
--- a/server/sonar-web/src/main/js/components/icons-components/icons.js
+++ b/server/sonar-web/src/main/js/components/icons-components/icons.js
@@ -23,6 +23,7 @@ import _BubblesIcon from './BubblesIcon';
 import _BugIcon from './BugIcon';
 import _ChangeIcon from './ChangeIcon';
 import _ChartLegendIcon from './ChartLegendIcon';
+import _CheckIcon from './CheckIcon';
 import _CloseIcon from './CloseIcon';
 import _CodeSmellIcon from './CodeSmellIcon';
 import _DeleteIcon from './DeleteIcon';
@@ -45,6 +46,7 @@ export const BubblesIcon = _BubblesIcon;
 export const BugIcon = _BugIcon;
 export const ChangeIcon = _ChangeIcon;
 export const ChartLegendIcon = _ChartLegendIcon;
+export const CheckIcon = _CheckIcon;
 export const CloseIcon = _CloseIcon;
 export const CodeSmellIcon = _CodeSmellIcon;
 export const DeleteIcon = _DeleteIcon;