From fcd01d6668061d364e3f4bf90838087d968a5b18 Mon Sep 17 00:00:00 2001
From: tdonovancsra <timothy.donovan@csra.com>
Date: Thu, 28 Sep 2017 07:45:56 -0400
Subject: [PATCH] Update to comments for 508 compliance with translation
 (#2386)

* 508 fixes to bring the comments table into compliance. The <thead> element must be visible to users and <th> must display text that indicates what resides in the columns below.

* Updated to properly use the i18 translation
---
 .../src/components/comment-list.component.html                | 4 ++--
 .../src/components/comment-list.component.scss                | 3 ---
 ng2-components/ng2-activiti-tasklist/src/i18n/en.json         | 2 ++
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.html b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.html
index 786d9aafbf..c7ec14ce51 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.html
+++ b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.html
@@ -3,7 +3,7 @@
     (rowClick)="selectComment($event)" *ngIf="hasComments()">
 
     <data-columns>
-        <data-column key="createdBy">
+        <data-column key="createdBy" title="{{'TASK_DETAILS.COMMENTS.CREATED_BY_HEADER' | translate }}">
             <ng-template let-entry="$implicit">
                 <div id="comment-user-icon"
                 class="adf-comment-img-container">
@@ -18,7 +18,7 @@
                 </div>
             </ng-template>
         </data-column>
-        <data-column key="message">
+        <data-column key="message" title="{{'TASK_DETAILS.COMMENTS.MESSAGE_HEADER' | translate }}">
             <ng-template let-entry="$implicit">
                 <div class="adf-comment-contents">
                     <div id="comment-user" class="adf-comment-user-name">
diff --git a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
index 513354ee50..2d2898c48b 100644
--- a/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
+++ b/ng2-components/ng2-activiti-tasklist/src/components/comment-list.component.scss
@@ -53,9 +53,6 @@
         }
 
         &-datatable /deep/ table {
-            thead {
-                display: none;
-            }
             border: none !important;
             tbody td {
                 padding: 0px !important;
diff --git a/ng2-components/ng2-activiti-tasklist/src/i18n/en.json b/ng2-components/ng2-activiti-tasklist/src/i18n/en.json
index fa24322bd4..f7eae8fd87 100644
--- a/ng2-components/ng2-activiti-tasklist/src/i18n/en.json
+++ b/ng2-components/ng2-activiti-tasklist/src/i18n/en.json
@@ -46,6 +46,8 @@
             "NONE": "No comments",
             "ADD": "Add a comment",
             "HEADER": "Comments",
+            "CREATED_BY_HEADER": "Created by",
+            "MESSAGE_HEADER": "Message",
             "DIALOG": {
                 "TITLE": "New comment",
                 "LABELS": {