import { Component } from '@angular/core';
import { SmartTableData } from 'ng2-smart-table';

@Component({
  selector: 'app-custom-actions',
  templateUrl: './custom-actions.component.html',
})
export class CustomActionsComponent {
  settings = {
    actions: {
      columnTitle: 'Actions',
      custom: [
        { name: 'edit', title: '<i class="fa fa-edit"></i>' },
        { name: 'delete', title: '<i class="fa fa-trash"></i>' },
      ],
      add: false,
    },
    columns: {
      id: {
        title: 'ID',
        type: 'number',
      },
      name: {
        title: 'Name',
        type: 'string',
      },
    },
  };

  source: SmartTableData = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
  ];

  onCustomAction(event) {
    switch (event.action) {
      case 'edit':
        console.log('Edit', event.data);
        break;
      case 'delete':
        console.log('Delete', event.data);
        break;
    }
  }
}