Display NOT_RELEVANT status on Checks

Change-Id: I7cc66181daf24e25bf11479358d981bcdeefb624
diff --git a/gr-checks/gr-checks-all-statuses.js b/gr-checks/gr-checks-all-statuses.js
index bdaa06f..2aaed0b 100644
--- a/gr-checks/gr-checks-all-statuses.js
+++ b/gr-checks/gr-checks-all-statuses.js
@@ -44,7 +44,15 @@
  * @returns {boolean} if status is Unevaluated.
  */
 export function isUnevaluated(status) {
-  return isStatus(status, [Statuses.NOT_STARTED, Statuses.NOT_RELEVANT]);
+  return isStatus(status, [Statuses.NOT_STARTED]);
+}
+
+/**
+ * @param {string} status
+ * @returns {boolean} if status is Not Relevant
+ */
+export function isNotRelevant(status) {
+  return isStatus(status, [Statuses.NOT_RELEVANT]);
 }
 
 /**
diff --git a/gr-checks/gr-checks-status.js b/gr-checks/gr-checks-status.js
index 3a22f2e..557e81c 100644
--- a/gr-checks/gr-checks-status.js
+++ b/gr-checks/gr-checks-status.js
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 import {htmlTemplate} from './gr-checks-status_html.js';
-import {isUnevaluated, isInProgress, isRunning, isScheduled, isSuccessful, isFailed} from './gr-checks-all-statuses.js';
+import {isNotRelevant, isUnevaluated, isInProgress, isRunning, isScheduled, isSuccessful, isFailed} from './gr-checks-all-statuses.js';
 
 class GrChecksStatus extends Polymer.GestureEventListeners(
     Polymer.LegacyElementMixin(
@@ -43,6 +43,10 @@
     };
   }
 
+  _isNotRelevant(status) {
+    return isNotRelevant(status);
+  }
+
   _isUnevaluated(status) {
     return isUnevaluated(status);
   }
diff --git a/gr-checks/gr-checks-status_html.js b/gr-checks/gr-checks-status_html.js
index 0325b95..5cca639 100644
--- a/gr-checks/gr-checks-status_html.js
+++ b/gr-checks/gr-checks-status_html.js
@@ -36,6 +36,19 @@
         }
       </style>
     <span>
+      <template is="dom-if" if="[[_isNotRelevant(status)]]">
+        <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fill-rule="evenodd">
+            <path d="M0 0h18v18H0z"/>
+            <path d="M9 11.8a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6M9 2a7 7 0 1 0 0 14A7 7 0 0 0 9 2" fill="#9E9E9E"/>
+          </g>
+        </svg>
+        <template is="dom-if" if="[[showText]]">
+          <span>
+            Not relevant
+          </span>
+        </template>
+      </template>
       <template is="dom-if" if="[[_isUnevaluated(status)]]">
         <svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">