first commit
This commit is contained in:
meninjar
963
_mockApis/components/table/basicTables.ts
Executable file
963
_mockApis/components/table/basicTables.ts
Executable file
@@ -0,0 +1,963 @@
|
||||
|
||||
import type { basicTable1, basicTable2, basicTable3, basicTable4, basicTable5, tableDark, tableDensity, tableFixedHeader, heightTable, tableAction } from '@/types/components/table/index';
|
||||
/*import tabler icons*/
|
||||
import { PlusIcon, EditIcon, TrashIcon, CheckIcon, XIcon, ArrowBackUpIcon } from 'vue-tabler-icons';
|
||||
import img1 from '@/assets/images/profile/user-11.jpg';
|
||||
import img2 from '@/assets/images/profile/user-8.jpg';
|
||||
import img3 from '@/assets/images/profile/user-3.jpg';
|
||||
import img4 from '@/assets/images/profile/user-4.jpg';
|
||||
import img5 from '@/assets/images/profile/user-5.jpg';
|
||||
import img6 from '@/assets/images/profile/user-6.jpg';
|
||||
import img7 from '@/assets/images/profile/user-7.jpg';
|
||||
import img8 from '@/assets/images/profile/user-10.jpg';
|
||||
import img9 from '@/assets/images/profile/user-15.jpg';
|
||||
import authimg1 from '@/assets/images/blog/blog-img1.jpg';
|
||||
import authimg2 from '@/assets/images/blog/blog-img2.jpg';
|
||||
import authimg3 from '@/assets/images/blog/blog-img3.jpg';
|
||||
import authimg4 from '@/assets/images/blog/blog-img4.jpg';
|
||||
import authimg5 from '@/assets/images/blog/blog-img5.jpg';
|
||||
|
||||
/*Basic Table 1*/
|
||||
const basicTableData1: basicTable1[] = [
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'Sunil Joshi',
|
||||
post: 'Web Designer',
|
||||
pname: 'Elite Admin',
|
||||
status: 'Active',
|
||||
statuscolor: 'success',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'error',
|
||||
text: 'S'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'secondary ',
|
||||
text: 'D'
|
||||
}
|
||||
],
|
||||
budget: '$3.9'
|
||||
},
|
||||
{
|
||||
avatar: img2,
|
||||
name: 'Andrew McDownland',
|
||||
post: 'Project Manager',
|
||||
pname: 'Real Homes WP Template',
|
||||
status: 'Pending',
|
||||
statuscolor: 'warning',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'N'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'warning ',
|
||||
text: 'X'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
color: 'primary ',
|
||||
text: 'A'
|
||||
}
|
||||
],
|
||||
budget: '$24.5k'
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
pname: 'MedicalPro WP Template',
|
||||
status: 'Completed',
|
||||
statuscolor: 'primary',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'X'
|
||||
}
|
||||
],
|
||||
budget: '$12.8k'
|
||||
},
|
||||
{
|
||||
avatar: img7,
|
||||
name: 'Nirav Joshi',
|
||||
post: 'Frontend Engineer',
|
||||
pname: 'Hosting Press HTML',
|
||||
status: 'Active',
|
||||
statuscolor: 'success',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'primary',
|
||||
text: 'X'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'error',
|
||||
text: 'Y'
|
||||
}
|
||||
],
|
||||
budget: '$2.4k'
|
||||
},
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Micheal Doe',
|
||||
post: 'Content Writer',
|
||||
pname: 'Helping Hands WP Template',
|
||||
status: 'Cancel',
|
||||
statuscolor: 'error',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'S'
|
||||
}
|
||||
],
|
||||
budget: '$9.3k'
|
||||
}
|
||||
];
|
||||
|
||||
/*Basic Table 2*/
|
||||
const basicTableData2: basicTable2[] = [
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Olivia Rhye',
|
||||
post: 'Xtreme admin',
|
||||
status: 'active',
|
||||
statuscolor: 'primary',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img8,
|
||||
name: 'Barbara Steele',
|
||||
post: 'Adminpro admin',
|
||||
status: 'cancel',
|
||||
statuscolor: 'error',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img3
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Leonard Gordon',
|
||||
post: 'Monster admin',
|
||||
status: 'active',
|
||||
statuscolor: 'primary',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img3
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Evelyn Pope',
|
||||
post: 'Materialpro admin',
|
||||
status: 'pending',
|
||||
statuscolor: 'success',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img3
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Tommy Garza',
|
||||
post: 'Elegant admin',
|
||||
status: 'cancel',
|
||||
statuscolor: 'error',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img6
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img5
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img9,
|
||||
name: 'Isabel Vasquez',
|
||||
post: 'Modernize admin',
|
||||
status: 'pending',
|
||||
statuscolor: 'success',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img4
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img2
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
/*Basic Table 3*/
|
||||
const basicTableData3: basicTable3[] = [
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Olivia Rhye',
|
||||
handle: '@rhye',
|
||||
status: 'active',
|
||||
statuscolor: 'success',
|
||||
statusoffline:false,
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Design',
|
||||
statuscolor: 'primary'
|
||||
},
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'secondary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img9,
|
||||
name: 'Barbara Steele',
|
||||
handle: '@steele',
|
||||
status: 'offline',
|
||||
statusoffline:true,
|
||||
statuscolor: 'dark',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'secondary'
|
||||
},
|
||||
{
|
||||
status: 'Operations',
|
||||
statuscolor: 'error'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Leonard Gordon',
|
||||
handle: '@gordon',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Finance',
|
||||
statuscolor: 'primary'
|
||||
},
|
||||
{
|
||||
status: 'Customer Success',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Evelyn Pope',
|
||||
handle: '@pope',
|
||||
status: 'offline',
|
||||
statusoffline:true,
|
||||
statuscolor: 'dark',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Operations',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'Design',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Tommy Garza',
|
||||
handle: '@garza',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'secondary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img9,
|
||||
name: 'Isabel Vasquez',
|
||||
handle: '@vasquez',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Customer Success',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
/*Basic Table 4*/
|
||||
const basicTableData4: basicTable4[] = [
|
||||
{
|
||||
invoice: 'INV-3066',
|
||||
status: 'paid',
|
||||
statuscolor: 'primary',
|
||||
statusicon: CheckIcon,
|
||||
avatar: img8,
|
||||
name: 'Olivia Rhye',
|
||||
handle: 'olivia@ui.com',
|
||||
progress: 60
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3067',
|
||||
status: 'cancelled',
|
||||
statuscolor: 'error',
|
||||
statusicon: XIcon,
|
||||
avatar: img4,
|
||||
name: 'Barbara Steele',
|
||||
handle: 'steele@ui.com',
|
||||
progress: 30
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3068',
|
||||
status: 'paid',
|
||||
statuscolor: 'primary',
|
||||
statusicon: CheckIcon,
|
||||
avatar: img3,
|
||||
name: 'Leonard Gordon',
|
||||
handle: 'olivia@ui.com',
|
||||
progress: 45
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3069',
|
||||
status: 'refunded',
|
||||
statuscolor: 'secondary',
|
||||
statusicon: ArrowBackUpIcon,
|
||||
avatar: img4,
|
||||
name: 'Evelyn Pope',
|
||||
handle: 'steele@ui.com',
|
||||
progress: 37
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3070',
|
||||
status: 'cancelled',
|
||||
statuscolor: 'error',
|
||||
statusicon: XIcon,
|
||||
avatar: img5,
|
||||
name: 'Tommy Garza',
|
||||
handle: 'olivia@ui.com',
|
||||
progress: 87
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3071',
|
||||
status: 'refunded',
|
||||
statuscolor: 'secondary',
|
||||
statusicon: ArrowBackUpIcon,
|
||||
avatar: img9,
|
||||
name: 'Isabel Vasquez',
|
||||
handle: 'steele@ui.com',
|
||||
progress: 32
|
||||
}
|
||||
];
|
||||
|
||||
/*Basic Table 5*/
|
||||
const basicTableData5: basicTable5[] = [
|
||||
{
|
||||
avatar: authimg1,
|
||||
name: 'Top Authors',
|
||||
handle: 'Successful Fellas',
|
||||
users: '4300 Users',
|
||||
courses: [
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'PHP',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg2,
|
||||
name: 'Popular Authors',
|
||||
handle: 'Most Successful',
|
||||
users: '1200 Users',
|
||||
courses: [
|
||||
{
|
||||
status: 'Bootstrap',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg3,
|
||||
name: 'New Users',
|
||||
handle: 'Awesome Users',
|
||||
users: '2000 Users',
|
||||
courses: [
|
||||
{
|
||||
status: 'Reactjs',
|
||||
statuscolor: 'success'
|
||||
},
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg4,
|
||||
name: 'Active Customers',
|
||||
handle: 'Best Customers',
|
||||
users: '1500 Users',
|
||||
courses: [
|
||||
{
|
||||
status: 'Bootstrap',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg5,
|
||||
name: 'Bestseller Template',
|
||||
handle: 'Amazing Templates',
|
||||
users: '9500 Users',
|
||||
courses: [
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'Reactjs',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
];
|
||||
|
||||
|
||||
/*Dark Table*/
|
||||
const darkTableData: tableDark[] = [
|
||||
{
|
||||
avatar: img6,
|
||||
name: 'Andrew McDownland',
|
||||
post: 'Project Manager',
|
||||
pname: 'Real Homes WP Template',
|
||||
status: 'Pending',
|
||||
statuscolor: 'warning',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'N'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'warning ',
|
||||
text: 'X'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
color: 'primary ',
|
||||
text: 'A'
|
||||
}
|
||||
],
|
||||
budget: '$24.5k'
|
||||
},
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
pname: 'MedicalPro WP Template',
|
||||
status: 'Completed',
|
||||
statuscolor: 'primary',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'X'
|
||||
}
|
||||
],
|
||||
budget: '$12.8k'
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Nirav Joshi',
|
||||
post: 'Frontend Engineer',
|
||||
pname: 'Hosting Press HTML',
|
||||
status: 'Active',
|
||||
statuscolor: 'success',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'primary',
|
||||
text: 'X'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'error',
|
||||
text: 'Y'
|
||||
}
|
||||
],
|
||||
budget: '$2.4k'
|
||||
},
|
||||
{
|
||||
avatar: img6,
|
||||
name: 'Sunil Joshi',
|
||||
post: 'Web Designer',
|
||||
pname: 'Elite Admin',
|
||||
status: 'Active',
|
||||
statuscolor: 'success',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'error',
|
||||
text: 'S'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'secondary ',
|
||||
text: 'D'
|
||||
}
|
||||
],
|
||||
budget: '$3.9'
|
||||
},
|
||||
{
|
||||
avatar: img2,
|
||||
name: 'Micheal Doe',
|
||||
post: 'Content Writer',
|
||||
pname: 'Helping Hands WP Template',
|
||||
status: 'Cancel',
|
||||
statuscolor: 'error',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'S'
|
||||
}
|
||||
],
|
||||
budget: '$9.3k'
|
||||
},
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'John Deo',
|
||||
post: 'Web Designer',
|
||||
pname: 'Elite Admin',
|
||||
status: 'Active',
|
||||
statuscolor: 'success',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'primary',
|
||||
text: 'R'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
color: 'secondary ',
|
||||
text: 'D'
|
||||
}
|
||||
],
|
||||
budget: '$3.9'
|
||||
}
|
||||
];
|
||||
|
||||
/*Density Table*/
|
||||
const tableDensityData: tableDensity[] = [
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Isabel Vasquez',
|
||||
post: 'Modernize admin',
|
||||
status: 'pending',
|
||||
statuscolor: 'success',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img6
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'Olivian Rhye',
|
||||
post: 'Xtreme admin',
|
||||
status: 'active',
|
||||
statuscolor: 'primary',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Leonard Gordon',
|
||||
post: 'Monster admin',
|
||||
status: 'active',
|
||||
statuscolor: 'primary',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img3
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Evelyn Pope',
|
||||
post: 'Materialpro admin',
|
||||
status: 'pending',
|
||||
statuscolor: 'success',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img3
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img2,
|
||||
name: 'Barko Steele',
|
||||
post: 'Adminpro admin',
|
||||
status: 'cancel',
|
||||
statuscolor: 'error',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img3
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Tommy Garza',
|
||||
post: 'Elegant admin',
|
||||
status: 'cancel',
|
||||
statuscolor: 'error',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img6
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img5
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
/*Fixed Header Table*/
|
||||
const tableFixedHeaderData: tableFixedHeader[] = [
|
||||
{
|
||||
avatar: img2,
|
||||
name: 'Barko Steele',
|
||||
handle: '@steele',
|
||||
status: 'offline',
|
||||
statusoffline:true,
|
||||
statuscolor: 'dark',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'success'
|
||||
},
|
||||
{
|
||||
status: 'Operations',
|
||||
statuscolor: 'error'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img3,
|
||||
name: 'Leonard Gordon',
|
||||
handle: '@gordon',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Finance',
|
||||
statuscolor: 'info'
|
||||
},
|
||||
{
|
||||
status: 'Customer Success',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'Olivian Rhye',
|
||||
handle: '@rhye',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Design',
|
||||
statuscolor: 'info'
|
||||
},
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'primary'
|
||||
},
|
||||
{
|
||||
status: 'Material',
|
||||
statuscolor: 'success'
|
||||
},
|
||||
{
|
||||
status: 'Account',
|
||||
statuscolor: 'info'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
avatar: img4,
|
||||
name: 'Evelyn Pope',
|
||||
handle: '@pope',
|
||||
status: 'offline',
|
||||
statusoffline:true,
|
||||
statuscolor: 'dark',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Operations',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'Design',
|
||||
statuscolor: 'info'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img5,
|
||||
name: 'Tommy Garza',
|
||||
handle: '@garza',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'olivia@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Product',
|
||||
statuscolor: 'warning'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img6,
|
||||
name: 'Imak Vasquez',
|
||||
handle: '@vasquez',
|
||||
status: 'active',
|
||||
statusoffline:false,
|
||||
statuscolor: 'success',
|
||||
email: 'steele@ui.com',
|
||||
teams: [
|
||||
{
|
||||
status: 'Customer Success',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
/*Height Table*/
|
||||
const heightTableData: heightTable[] = [
|
||||
{
|
||||
avatar: authimg3,
|
||||
name: 'New Users',
|
||||
handle: 'Awesome Users',
|
||||
users: '2000 Users',
|
||||
email: 'mark@ui.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Reactjs',
|
||||
statuscolor: 'success'
|
||||
},
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg4,
|
||||
name: 'Active Customers',
|
||||
handle: 'Best Customers',
|
||||
users: '1500 Users',
|
||||
email: 'deo@ui.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Bootstrap',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg1,
|
||||
name: 'Top Authors',
|
||||
handle: 'Successful Fellas',
|
||||
users: '4300 Users',
|
||||
email: 'olivia@ui.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'PHP',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg2,
|
||||
name: 'Popular Authors',
|
||||
handle: 'Most Successful',
|
||||
users: '1200 Users',
|
||||
email: 'john@doe.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Bootstrap',
|
||||
statuscolor: 'primary'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg5,
|
||||
name: 'Bestseller Template',
|
||||
handle: 'Amazing Templates',
|
||||
users: '9500 Users',
|
||||
email: 'steele@ui.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'Reactjs',
|
||||
statuscolor: 'success'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: authimg1,
|
||||
name: 'New Authors',
|
||||
handle: 'Successful Fellas',
|
||||
users: '4800 Users',
|
||||
email: 'olivia@ui.com',
|
||||
courses: [
|
||||
{
|
||||
status: 'Angular',
|
||||
statuscolor: 'error'
|
||||
},
|
||||
{
|
||||
status: 'Java',
|
||||
statuscolor: 'info'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
/*Table Action*/
|
||||
const tableActionData: tableAction[] = [
|
||||
{
|
||||
icon: PlusIcon,
|
||||
listtitle: 'Add'
|
||||
},
|
||||
{
|
||||
icon: EditIcon,
|
||||
listtitle: 'Edit'
|
||||
},
|
||||
{
|
||||
icon: TrashIcon,
|
||||
listtitle: 'Delete'
|
||||
}
|
||||
]
|
||||
export { basicTableData1, basicTableData2, basicTableData3, basicTableData4, basicTableData5, darkTableData, tableDensityData, tableFixedHeaderData, heightTableData, tableActionData };
|
||||
Reference in New Issue
Block a user