Merge pull request #445 from cal-smith/issue#310

fix(table): make the checkbox label configurable

Author: zvonimirfras

src/i18n/en.json

@@ -118,11 +118,11 @@
 		"END_OF_DATA": "You've reached the end of your content",
 		"SCROLL_TOP": "Scroll to top",
 		"CHECKBOX_HEADER": "Select all rows",
-		"CHECKBOX_ROW": "Select row",
+		"CHECKBOX_ROW": "Select {{value}}",
 		"EXPAND_BUTTON": "Expand row",
 		"SORT_DESCENDING": "Sort rows by this header in descending order",
-		"SORT_ASCENDING": "Sort rows by this header in ascending order"
-
+		"SORT_ASCENDING": "Sort rows by this header in ascending order",
+		"ROW": "row"
 	},
 	"TABLE_TOOLBAR": {
 		"ACTION_BAR": "Table Action Bar"

src/table/table.component.ts

@@ -347,7 +347,7 @@ import { I18n } from "./../i18n/i18n.module";
 						(click)="setCheckboxIndex()">
 						<ibm-checkbox
 							inline="true"
-							[attr.aria-label]="checkboxRowLabel | async"
+							[aria-label]="checkboxRowLabel | i18nReplace:getSelectionLabelValue(row) | async"
 							[size]="size !== ('lg' ? 'sm' : 'md')"
 							[(ngModel)]="model.rowsSelected[i]"
 							(change)="onRowCheckboxChange(i)">
@@ -650,6 +650,18 @@ export class Table implements AfterViewInit {
 	 */
 	@Input() footerTemplate: TemplateRef<any>;
 
+	/**
+	 * Used to populate the row selection checkbox label with a useful value if set.
+	 *
+	 * Example:
+	 * ```
+	 * <ibm-table [selectionLabelColumn]="0"></ibm-table>
+	 * <!-- results in aria-label="Select first column value"
+	 * (where "first column value" is the value of the first column in the row -->
+	 * ```
+	 */
+	@Input() selectionLabelColumn: number;
+
 	/**
 	 * Emits an index of the column that wants to be sorted.
 	 *
@@ -952,4 +964,11 @@ export class Table implements AfterViewInit {
 	setExpandIndex(event) {
 		this.columnIndex = 0;
 	}
+
+	getSelectionLabelValue(row: TableItem[]) {
+		if (!this.selectionLabelColumn) {
+			return { value: this.i18n.get().TABLE.ROW };
+		}
+		return { value: row[this.selectionLabelColumn].data };
+	}
 }