employee-list.component.ts 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. import { Component } from '@angular/core';
  2. export interface PeriodicElement {
  3. user: any;
  4. status: string;
  5. industry: string;
  6. country: string;
  7. company: string;
  8. }
  9. const ELEMENT_DATA: PeriodicElement[] = [
  10. {
  11. user: {
  12. name: 'Mai Ghoneim',
  13. img: 'assets/images/avatar.png',
  14. email: 'ebrahimnour186@gmail.com',
  15. position: 'Senior UI/UX Designer',
  16. },
  17. status: 'Employed',
  18. industry: 'Programming',
  19. country: '1 ST',
  20. company: 'Rabbit Technology',
  21. },
  22. {
  23. user: {
  24. name: 'Mai Ghoneim',
  25. img: 'assets/images/avatar.png',
  26. email: 'ebrahimnour186@gmail.com',
  27. position: 'Senior UI/UX Designer',
  28. },
  29. status: 'Employed',
  30. industry: 'Programming',
  31. country: '1 ST',
  32. company: 'Rabbit Technology',
  33. },
  34. {
  35. user: {
  36. name: 'Mai Ghoneim',
  37. img: 'assets/images/avatar.png',
  38. email: 'ebrahimnour186@gmail.com',
  39. position: 'Senior UI/UX Designer',
  40. },
  41. status: 'Employed',
  42. industry: 'Programming',
  43. country: '1 ST',
  44. company: 'Rabbit Technology',
  45. },
  46. {
  47. user: {
  48. name: 'Mai Ghoneim',
  49. img: 'assets/images/avatar.png',
  50. email: 'ebrahimnour186@gmail.com',
  51. position: 'Senior UI/UX Designer',
  52. },
  53. status: 'Employed',
  54. industry: 'Programming',
  55. country: '1 ST',
  56. company: 'Rabbit Technology',
  57. },
  58. ];
  59. @Component({
  60. selector: 'app-employee-list',
  61. templateUrl: './employee-list.component.html',
  62. styleUrls: ['./employee-list.component.scss'],
  63. })
  64. export class EmployeeListComponent {
  65. displayedColumns: string[] = [
  66. 'user',
  67. 'status',
  68. 'industry',
  69. 'country',
  70. 'company',
  71. ];
  72. dataSource = ELEMENT_DATA;
  73. }