Merge pull request #31 from takenet/feature/146441-adding-action-to-table

feat(component): adding action to blip table

Author: nicolasamaduro

src/components/blipTable/BlipTableView.html

@@ -28,6 +28,8 @@
                     </div>
                 </div>
             </th>
+            <th ng-if="$ctrl.tableAction"  class="action-icon">
+            </th>
 
             <div ng-transclude></div>
         </tr>
@@ -46,7 +48,7 @@
         </colgroup>
 
         <tbody>
-            <tr ng-repeat="item in $ctrl.tableData track by $index" ng-class="{'checked': item.checked}">
+            <tr ng-repeat="item in $ctrl.tableData track by $index" ng-class="{'checked': item.checked, 'hasTableAction': $ctrl.tableAction}">
                 <td class="tc adjust" ng-if="$ctrl.selectable">
                     <div class="flex items-center justify-center">
                         <blip-checkbox
@@ -59,6 +61,9 @@
                 <td class="{{column.rowClass}}" ng-repeat="column in $ctrl.columns" title="{{item[column.rowTitle]}}">
                     {{item[column.rowParam]}}
                 </td>
+                <td class="action-icon td-action-icon" ng-if="$ctrl.tableAction">                    
+                    <img icon-src="ArrowRight" ng-click="$ctrl.tableAction(item)"></img>
+                </td>
             </tr>
         </tbody>
 

src/components/blipTable/blipTable.component.ts

@@ -29,6 +29,7 @@ export class BlipTableController {
     public scrollable: boolean;
     public selectable: boolean;
     public allChecked: boolean;
+    public tableAction: any;
     public selected: any[];
 
     constructor(
@@ -131,6 +132,7 @@ export const BlipTableComponent = angular
         template,
         bindings: {
             tableData: '<',
+            tableAction: '<?',
         },
         transclude: true,
     })