1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- import { Component } from '@angular/core';
- export interface PeriodicElement {
- user: any;
- status: string;
- industry: string;
- country: string;
- company: string;
- }
- const ELEMENT_DATA: PeriodicElement[] = [
- {
- user: {
- name: 'Mai Ghoneim',
- img: 'assets/images/avatar.png',
- email: 'ebrahimnour186@gmail.com',
- position: 'Senior UI/UX Designer',
- },
- status: 'Employed',
- industry: 'Programming',
- country: '1 ST',
- company: 'Rabbit Technology',
- },
- {
- user: {
- name: 'Mai Ghoneim',
- img: 'assets/images/avatar.png',
- email: 'ebrahimnour186@gmail.com',
- position: 'Senior UI/UX Designer',
- },
- status: 'Employed',
- industry: 'Programming',
- country: '1 ST',
- company: 'Rabbit Technology',
- },
- {
- user: {
- name: 'Mai Ghoneim',
- img: 'assets/images/avatar.png',
- email: 'ebrahimnour186@gmail.com',
- position: 'Senior UI/UX Designer',
- },
- status: 'Employed',
- industry: 'Programming',
- country: '1 ST',
- company: 'Rabbit Technology',
- },
- {
- user: {
- name: 'Mai Ghoneim',
- img: 'assets/images/avatar.png',
- email: 'ebrahimnour186@gmail.com',
- position: 'Senior UI/UX Designer',
- },
- status: 'Employed',
- industry: 'Programming',
- country: '1 ST',
- company: 'Rabbit Technology',
- },
- ];
- @Component({
- selector: 'app-employee-list',
- templateUrl: './employee-list.component.html',
- styleUrls: ['./employee-list.component.scss'],
- })
- export class EmployeeListComponent {
- displayedColumns: string[] = [
- 'user',
- 'status',
- 'industry',
- 'country',
- 'company',
- ];
- dataSource = ELEMENT_DATA;
- }
|