Show taints in Node view

app/components/taints-section/component.js

@@ -0,0 +1,31 @@
+import Component from '@ember/component';
+import ManageLabels from 'shared/mixins/manage-labels';
+import layout from './template';
+
+export default Component.extend(ManageLabels, {
+  layout,
+
+  sortBy:           'key',
+  descending:       false,
+
+  headers: [
+    {
+      name:           'key',
+      sort:           ['key'],
+      translationKey: 'taintsSection.key',
+      width:          200,
+    },
+    {
+      name:           'value',
+      sort:           ['value'],
+      translationKey: 'taintsSection.value',
+      width:          200,
+    },
+    {
+      name:           'effect',
+      sort:           ['effect'],
+      translationKey: 'taintsSection.effect',
+      width:          200,
+    },
+  ],
+});

app/components/taints-section/template.hbs

@@ -0,0 +1,38 @@
+{{#accordion-list-item
+     title=(t 'taintsSection.title')
+     detail=(t 'taintsSection.detail' resourceType=resourceType)
+     expandAll=expandAll
+     expand=(action expandFn)
+     componentName='sortable-table'
+     as | parent |
+}}
+  {{#component parent.intent
+       classNames="grid fixed mb-0 sortable-table"
+       bulkActions=false
+       rowActions=false
+       paging=false
+       search=true
+       sortBy=sortBy
+       stickyHeader=false
+       descending=descending
+       headers=headers
+       body=taints
+       as |sortable kind row|
+  }}
+    {{#if (eq kind "row")}}
+      <tr>
+        <td data-title="{{t 'annotationsSection.key'}}" >{{row.key}}</td>
+        <td data-title="{{t 'annotationsSection.value'}}" >{{row.value}}</td>
+        <td data-title="{{t 'annotationsSection.effect'}}" >{{row.effect}}</td>
+      </tr>
+    {{else if (eq kind "norows")}}
+      <tr>
+        <td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'taintsSection.noData'}}</td>
+      </tr>
+    {{else if (eq kind "nomatch")}}
+      <tr>
+        <td colspan="{{sortable.fullColspan}}" class="text-center text-muted pt-20 pb-20">{{t 'taintsSection.noMatch'}}</td>
+      </tr>
+    {{/if}}
+  {{/component}}
+{{/accordion-list-item}}

app/node/template.hbs

@@ -90,5 +90,12 @@
         expandFn=expandFn
       }}
     </div>
+    <div class="mt-20">
+      {{taints-section
+        taints=model.node.taints
+        expandAll=al.expandAll
+        expandFn=expandFn
+      }}
+    </div>
   {{/accordion-list}}
 </section>

translations/en-us.yaml

@@ -1688,6 +1688,15 @@ annotationsSection:
   noData: No Annotations
   noMatch: No annotations match the current search
 
+taintsSection:
+  title: Taints
+  detail: Taints of current node.
+  key: Key
+  value: Value
+  effect: Effect
+  noData: No taints
+  noMatch: No taints match the current search
+
 billingInfo:
   header: Billing Info
   addNew: Add Payment Method

translations/zh-hans.yaml

@@ -1678,6 +1678,15 @@ annotationsSection:
   noData: 没有注释
   noMatch: 没有符合当前搜索的注释
 
+taintsSection:
+  title: Taints
+  detail: 当前主机的Taints。
+  key: 键
+  value: 值
+  effect: 影响
+  noData: 没有Taints
+  noMatch: 没有符合当前搜索的Taints
+
 billingInfo:
   header: 账单信息
   addNew: 添加支付方式