effendy/app-test-nuxt
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
effendy
2025-11-26 07:49:54 +00:00
commit d8685ccf10
468 changed files with 41346 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_mockApis/components/dashboard/dashboard1.ts
Executable
+73
View File
@@ -0,0 +1,73 @@
import type { RevenueProjects,Performance } from '@/types/components/dashboard/dashboard1';
import product1 from "@/assets/images/products/dash-prd-1.jpg";
import product2 from "@/assets/images/products/dash-prd-2.jpg";
import product3 from "@/assets/images/products/dash-prd-3.jpg";
import product4 from "@/assets/images/products/dash-prd-4.jpg";
/*--Revenue Projects --*/
const RevenueProjectsData: RevenueProjects[] = [
{
img: product1,
leadname: "Minecraf App",
designation: "Jason Roy",
projectname: "73.2%",
statuscolor: "warning",
statustext: "Medium",
money: "$3.5K",
},
{
img: product2,
leadname: "Web App Project",
designation: "Mathew Flintoff",
projectname: "73.2%",
statuscolor: "secondary",
statustext: "Very High",
money: "$24.5K",
},
{
img: product3,
leadname: "Modernize Dashboard",
designation: "Anil Kumar",
projectname: "73.2%",
statuscolor: "success",
statustext: "Low",
money: "$12.8K",
},
{
img: product4,
leadname: "Dashboard Co",
designation: "George Cruize",
projectname: "73.2%",
statuscolor: "error",
statustext: "High",
money: "$2.4K",
},
];
/*--Performance--*/
const PerformanceData: Performance[] = [
{
icon: 'shop-2-linear',
title: '64 new orders',
subtitle: 'Processing',
color:'primary',
},
{
icon: 'filters-outline',
title: '4 orders',
subtitle: 'On hold',
color:'error',
},
{
icon: 'pills-3-linear',
title: '6 orders',
subtitle: 'Delivered',
color:'secondary',
},
];
export {RevenueProjectsData,PerformanceData}
_mockApis/components/dashboard/dashboard2.ts
Executable
+147
View File
@@ -0,0 +1,147 @@
import type { RevenueForecast, AnnualProfit, SalesFromLocation,DailyActivities,userCard } from '@/types/components/dashboard/dashboard2';
import user1 from "@/assets/images/profile/user-2.jpg";
import user2 from "@/assets/images/profile/user-3.jpg";
import user3 from "@/assets/images/profile/user-4.jpg";
import user4 from "@/assets/images/profile/user-6.jpg";
const RevenueForecastData: RevenueForecast[] = [
{
icon: 'pie-chart-2-linear',
subtext: 'Total',
profit: '$96,640',
bgcolor:'bg-grey100',
color:'text-textPrimary',
},
{
icon: 'dollar-minimalistic-linear',
subtext: 'Profit',
profit: '$48,820',
bgcolor:'bg-lightprimary',
color:'text-primary',
},
{
icon: 'database-linear',
subtext: 'Earnings',
profit: '$58,820',
bgcolor:'bg-lighterror',
color:'text-error',
}
];
const AnnualProfitData: AnnualProfit[] = [
{
title: 'Added to Cart',
subtitle: '5 clicks',
price: '$21,120.70',
percent:'+13.2%',
color:'success',
},
{
title: 'Reached to Checkout',
subtitle: '12 clicks',
price: '$16,100.00',
percent:'-7.4%',
color:'error',
},
{
title: 'Added to Cart',
subtitle: '24 views',
price: '$6,400.50',
percent:'+9.3%',
color:'success',
}
];
const SalesFromLocationData: SalesFromLocation[] = [
{
name: 'LA',
percentage:'28%',
color:'primary',
},
{
name: 'NY',
percentage:'21%',
color:'secondary',
},
{
name: 'KA',
percentage:'18%',
color:'warning',
},
{
name: 'AZ',
percentage:'12%',
color:'error',
},
];
/*--Recent Transaction--*/
const DailyActivitiesData : DailyActivities[] = [
{
title:'09:30 am',
subtitle:'Payment received from John Doe of $385.90',
textcolor:'primary',
boldtext:false,
line:true,
link:'',
url:''
},
{
title:'10:00 am',
subtitle:'New sale recorded',
textcolor:'warning',
boldtext:true,
line:true,
link:'#ML-3467',
url:''
},
{
title:'12:00 am',
subtitle:'Payment was made of $64.95 to Michael',
textcolor:'warning',
boldtext:false,
line:true,
link:'',
url:''
},
{
title:'09:30 am',
subtitle:'New sale recorded',
textcolor:'secondary',
boldtext:true,
line:true,
link:'#ML-3467',
url:''
},
{
title:'09:30 am',
subtitle:'New arrival recorded',
textcolor:'error',
boldtext:true,
line:true,
link:'#ML-3467',
url:''
},
{
title:'12:00 am',
subtitle:'Payment Done',
textcolor:'primary',
boldtext:false,
line:false,
link:'',
url:''
},
]
/*--Blog Cards--*/
const userCardData: userCard[] = [
{ img: user4 },
{ img: user3 },
{ img: user2 },
{ img: user1 },
];
export { RevenueForecastData,AnnualProfitData,SalesFromLocationData ,DailyActivitiesData,userCardData};
_mockApis/components/dashboard/dashboard3.ts
Executable
+52
View File
@@ -0,0 +1,52 @@
import type { Iconcard } from '@/types/components/dashboard/dashboard3';
/*--Revenue Projects --*/
const IconcardData: Iconcard[] = [
{
bg: 'primary-gradient',
icon: 'solar:dollar-minimalistic-linear',
color:'primary',
title:'Total Orders',
price:'16,689',
link:'#',
},
{
bg: 'warning-gradient',
icon: 'solar:recive-twice-square-linear',
color:'warning',
title:'Return Item',
price:'148',
link:'#',
},
{
bg: 'secondary-gradient',
icon: 'ic:outline-backpack',
color:'secondary',
title:'Annual Budget',
price:'$156K',
link:'#',
},
{
bg: 'error-gradient',
icon: 'ic:baseline-sync-problem',
color:'error',
title:'Cancel Orders',
price:'64',
link:'#',
},
{
bg: 'success-gradient',
icon: 'ic:outline-forest',
color:'success',
title:'Total Income ',
price:'$36,715',
link:'#',
},
];
export {IconcardData}
_mockApis/components/datatable/dataTable.ts
Executable
+363
View File
@@ -0,0 +1,363 @@
import type { Datatables,SelectedRowDatatable,filtrable } from '@/types/components/datatables/index';
import img1 from '@/assets/images/blog/blog-img1.jpg';
import img2 from '@/assets/images/blog/blog-img2.jpg';
import img3 from '@/assets/images/blog/blog-img3.jpg';
import img4 from '@/assets/images/blog/blog-img4.jpg';
import img5 from '@/assets/images/blog/blog-img5.jpg';
const BasicDatatables: Datatables[] = [
{
name: 'Sunil Joshi',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9'
},
{
name: 'Andrew McDownland',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Christopher Jamil',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k'
},
{
name: 'Nirav Joshi',
post: 'Frontend Engineer',
project: 'Hosting Press HTML',
status: 'Active',
budget: '$2.4k'
},
{
name: 'Micheal Doe',
post: 'Content Writer',
project: 'Helping Hands WP Template',
status: 'Cancel',
budget: '$9.3k'
},
{
name: 'Daniel Kristeen',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Julian Josephs',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k'
},
{
name: 'Jan Petrovic',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9'
},
{
name: 'Leanne Graham',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Glenna Reichert',
post: 'Web DEveloper',
project: 'Monster Admin',
status: 'Pending',
budget: '$30.5k',
},
];
const SelectedRow: SelectedRowDatatable[] = [
{
name: 'Sunil Joshi',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
selectable: false,
},
{
name: 'Andrew McDownland',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
selectable: true,
},
{
name: 'Christopher Jamil',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
selectable: true,
},
{
name: 'Nirav Joshi',
post: 'Frontend Engineer',
project: 'Hosting Press HTML',
status: 'Active',
budget: '$2.4k',
selectable: false,
},
{
name: 'Micheal Doe',
post: 'Content Writer',
project: 'Helping Hands WP Template',
status: 'Cancel',
budget: '$9.3k',
selectable: false,
},
{
name: 'Jan Petrovic',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
selectable: true,
},
{
name: 'Daniel Kristeen',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
selectable: false,
},
{
name: 'Julian Josephs',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
selectable: true
},
{
name: 'Leanne Graham',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
selectable: false,
},
{
name: 'Glenna Reichert',
post: 'Web DEveloper',
project: 'Monster Admin',
status: 'Pending',
budget: '$30.5k',
selectable: true,
},
];
const UppercaseFilter: Datatables[] = [
{
name: 'Sunil Joshi',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
},
{
name: 'Andrew McDownland',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Christopher Jamil',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
},
{
name: 'Nirav Joshi',
post: 'Frontend Engineer',
project: 'Hosting Press HTML',
status: 'Active',
budget: '$2.4k',
},
{
name: 'MICHEL DOE',
post: 'Content Writer',
project: 'Helping Hands WP Template',
status: 'Cancel',
budget: '$9.3k',
},
{
name: 'JAN PETROVICK',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Daniel Kristeen',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
},
{
name: 'Julian Josephs',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
},
{
name: 'Leanne Graham',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Glenna Reichert',
post: 'Web DEveloper',
project: 'Monster Admin',
status: 'Pending',
budget: '$30.5k',
},
];
const GroupTable: Datatables[] = [
{
name: 'Sunil Joshi',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
},
{
name: 'Andrew McDownland',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Christopher Jamil',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
},
{
name: 'Nirav Joshi',
post: 'Frontend Engineer',
project: 'Hosting Press HTML',
status: 'Active',
budget: '$2.4k',
},
{
name: 'MICHEL DOE',
post: 'Content Writer',
project: 'Helping Hands WP Template',
status: 'Cancel',
budget: '$9.3k',
},
{
name: 'JAN PETROVICK',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Daniel Kristeen',
post: 'Project Manager',
project: 'MedicalPro WP Template',
status: 'Completed',
budget: '$12.8k',
},
{
name: 'Julian Josephs',
post: 'Web Designer',
project: 'Elite Admin',
status: 'Active',
budget: '$3.9',
},
{
name: 'Leanne Graham',
post: 'Project Manager',
project: 'Real Homes WP Template',
status: 'Pending',
budget: '$24.5k',
},
{
name: 'Glenna Reichert',
post: 'Web DEveloper',
project: 'Monster Admin',
status: 'Pending',
budget: '$30.5k',
},
];
const Filtrable: filtrable[] = [
{
name: 'Nebula GTX 3080',
image: img1,
price: 699.99,
rating: 5,
stock: true,
},
{
name: 'Galaxy RTX 3080',
image: img2,
price: 799.99,
rating: 4,
stock: false,
},
{
name: 'Orion RX 6800 XT',
image: img3,
price: 649.99,
rating: 3,
stock: true,
},
{
name: 'Vortex RTX 3090',
image: img4,
price: 1499.99,
rating: 4,
stock: true,
},
{
name: 'Cosmos GTX 1660 Super',
image: img5,
price: 299.99,
rating: 4,
stock: false,
},
];
export {BasicDatatables,SelectedRow,UppercaseFilter,GroupTable,Filtrable};
_mockApis/components/pages/accountNotification.ts
Executable
+37
View File
@@ -0,0 +1,37 @@
/*import tabler icons*/
import { ArticleIcon, CheckboxIcon, ClockIcon, MailIcon, TruckDeliveryIcon } from 'vue-tabler-icons';
import type { notificationTabType } from '@/types/components/pages/notificationTab';
const notificationTb: notificationTabType[] = [
{
title: 'Our newsletter',
subtitle: 'We will always let you know about important changes',
icon: ArticleIcon,
switch: false
},
{
title: 'Order Confirmation',
subtitle: 'You will be notified when customer order any product',
icon: CheckboxIcon,
switch: true
},
{
title: 'Order Status Changed',
subtitle: 'You will be notified when customer make changes to the order',
icon: ClockIcon,
switch: false
},
{
title: 'Order Delivered',
subtitle: 'You will be notified once the order is delivered',
icon: TruckDeliveryIcon,
switch: false
},
{
title: 'Email Notification',
subtitle: 'Turn on email notificaiton to get updates through email',
icon: MailIcon,
switch: true
}
];
export {notificationTb};
_mockApis/components/pages/auth.ts
Executable
+17
View File
@@ -0,0 +1,17 @@
import type { AuthCurosel } from "@/types/components/auth/login";
const AuthCuroselData: AuthCurosel[] = [
{
title:'Feature Rich 1D Charts',
subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
},
{
title:'Feature Rich 2D Charts',
subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
},
{
title:'Feature Rich 3D Charts',
subtitle:'Donec justo tortor, malesuada vitae faucibus ac, tristique sit amet massa. Aliquam dignissim nec felis quis imperdiet.'
}
];
export { AuthCuroselData }
_mockApis/components/pages/faqData.ts
Executable
+21
View File
@@ -0,0 +1,21 @@
import type { faqPageType } from '@/types/components/pages/faqData';
const faqPage: faqPageType[] = [
{
question: 'What is an Admin Dashboard?',
answer: 'Admin Dashboard is the backend interface of a website or an application that helps to manage the website s overall content and settings. It is widely used by the site owners to keep track of their website, make changes to their content, and more.'
},
{
question: 'What should an admin dashboard template include?',
answer: 'Admin dashboard template should include user & SEO friendly design with a variety of components and application designs to help create your own web application with ease. This could include customization options, technical support and about 6 months of future updates.'
},
{
question: 'Why should I buy admin templates from AdminMart?',
answer: 'Adminmart offers high-quality templates that are easy to use and fully customizable. With over 101,801 happy customers & trusted by 10,000+ Companies. AdminMart is recognized as the leading online source for buying admin templates.'
},
{
question: 'Do Adminmart offers a money back guarantee?',
answer: 'There is no money back guarantee in most companies, but if you are unhappy with our product, Adminmart gives you a 100% money back guarantee.'
}
];
export { faqPage};
_mockApis/components/pages/pricingData.ts
Executable
+134
View File
@@ -0,0 +1,134 @@
/*import tabler icons*/
import { CheckIcon, XIcon, } from 'vue-tabler-icons';
import type { pricingType } from '@/types/components/pages/pricingData';
/*-- Pricing Page --*/
import img1 from '@/assets/images/backgrounds/silver.png';
import img2 from '@/assets/images/backgrounds/bronze.png';
import img3 from '@/assets/images/backgrounds/gold.png';
const pricing: pricingType[] = [
{
tagtext: false,
caption: 'Silver',
image: img1,
free: true,
price: 10.99,
yearlyprice: 10.99 * 12,
buttontext: 'Choose Silver',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '3 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Single Device',
status:false,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: '50GB Storage',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Monthly Backups',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Permissions & workflows',
status:true,
}
]
},
{
tagtext: true,
caption: 'bronze',
image: img2,
free: false,
price: 10.99,
yearlyprice: 10.99 * 12,
buttontext: 'Choose Bronze',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '5 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Multiple Device',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '80GB Storage',
status:false,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Monthly Backups',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Permissions & workflows',
status:true,
}
]
},
{
tagtext: false,
caption: 'gold',
image: img3,
free: false,
price: 22.99,
yearlyprice: 22.99 * 12,
buttontext: 'Choose Gold',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '15 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Multiple Device',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '150GB Storage',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Monthly Backups',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Permissions & workflows',
status:false,
}
]
}
];
export { pricing};
_mockApis/components/pages/searchLinks.ts
Executable
+42
View File
@@ -0,0 +1,42 @@
import type { SearchLinkType } from '@/types/components/pages/searchLinks';
const SearchLinkData: SearchLinkType[] = [
{
title: 'AngularJs',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
{
title: 'AngularJs — Superheroic JavaScript MVW Framework',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
{
title: 'AngularJS Tutorial - W3Schools',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
{
title: 'Introduction to AngularJS - W3Schools',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
{
title: 'AngularJS Tutorial',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
{
title: 'Angular 2: One framework',
linktitle: 'http://www.google.com/angularjs',
subtitle:'Lorem Ipsum viveremus probamus opus apeirian haec perveniri, memoriter.Praebeat pecunias viveremus probamus opus apeirian haec perveniri, memoriter.',
url:'/'
},
];
export { SearchLinkData};
_mockApis/components/table/basicTables.ts
Executable
+963
View 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 };
_mockApis/components/widget/card.ts
Executable
+335
View File
@@ -0,0 +1,335 @@
import type { cardsType, followCard, musicCards, productsCards, socialiconCards, profileCard, upcommingLists, userCard,paymentGateway } from '@/types/components/widget/card';
/*import tabler icons*/
import {
BrandFacebookIcon,
BrandGithubIcon,
BrandInstagramIcon,
BrandTwitterIcon,
MapPinIcon,
DatabaseIcon,
PhoneIcon,
ScreenShareIcon,
MailIcon
} from 'vue-tabler-icons';
import user1 from '@/assets/images/profile/user-6.jpg';
import user2 from '@/assets/images/profile/user-2.jpg';
import user3 from '@/assets/images/profile/user-3.jpg';
import user4 from '@/assets/images/profile/user-4.jpg';
import img1 from '@/assets/images/blog/blog-img1.jpg';
import img2 from '@/assets/images/blog/blog-img2.jpg';
import img3 from '@/assets/images/blog/blog-img3.jpg';
/*--Products Cards Images--*/
import proimg1 from '@/assets/images/products/s4.jpg';
import proimg2 from '@/assets/images/products/s5.jpg';
import proimg3 from '@/assets/images/products/s4.jpg';
import proimg4 from '@/assets/images/products/s11.jpg';
// Payment Gatewatys
import icon1 from "@/assets/images/svgs/icon-paypal.svg";
import icon2 from "@/assets/images/svgs/icon-office-bag.svg";
import icon3 from "@/assets/images/svgs/icon-master-card.svg";
import icon4 from "@/assets/images/svgs/icon-pie.svg";
/*--Blog Cards--*/
const blogCard: cardsType[] = [
{
avatar: user1,
coveravatar: img1,
read: '2 min Read',
title: 'As yen tumbles, gadget-loving Japan goes for secondhand iPhones',
link: '/',
category: 'Social',
name: 'Georgeanna Ramero',
view: '9,125',
comments: '3',
time: 'Mon, Dec 19'
},
{
avatar: user2,
coveravatar: img2,
read: '2 min Read',
title: 'Intel loses bid to revive antitrust case against patent foe Fortress',
link: '/',
category: 'Gadget',
name: 'Georgeanna Ramero',
view: '4,150',
comments: '38',
time: 'Sun, Dec 18'
},
{
avatar: user3,
coveravatar: img3,
read: '2 min Read',
title: 'COVID outbreak deepens as more lockdowns loom in China',
link: '/',
category: 'Health',
name: 'Georgeanna Ramero',
view: '9,480',
comments: '12',
time: 'Sat, Dec 17'
}
];
/*--Follow Cards--*/
const followerCard: followCard[] = [
{
title: 'Andrew Grant',
location: 'El Salvador',
avatar: user1
},
{
title: 'Leo Pratt',
location: 'Bulgaria',
avatar: user2
},
{
title: 'Charles Nunez',
location: 'Nepal',
avatar: user3
}
];
/*--Music Cards--*/
const musicCard: musicCards[] = [
{
title: 'Uptown Funk',
subheader: 'Jon Bon Jovi',
img: img1
},
{
title: 'Blank Space',
subheader: 'Madonna',
img: img2
},
{
title: 'Lean On',
subheader: 'Jennifer Lopez',
img: img3
}
];
/*--Products Cards--*/
const productsCard: productsCards[] = [
{
title: 'Boat Headphone',
link: '/',
photo: proimg1,
salesPrice: 375,
price: 285,
rating: 4
},
{
title: 'MacBook Air Pro',
link: '/',
photo: proimg2,
salesPrice: 650,
price: 900,
rating: 5
},
{
title: 'Red Valvet Dress',
link: '/',
photo: proimg3,
salesPrice: 150,
price: 200,
rating: 3
},
{
title: 'Cute Soft Teddybear',
link: '/',
photo: proimg4,
salesPrice: 285,
price: 345,
rating: 2
}
];
/*--Social Cards--*/
const socialiconCard: socialiconCards[] = [
{
name: 'facebook',
icon: BrandFacebookIcon,
color: 'primary'
},
{
name: 'instagram',
icon: BrandInstagramIcon,
color: 'error'
},
{
name: 'github',
icon: BrandGithubIcon,
color: 'info'
},
{
name: 'twitter',
icon: BrandTwitterIcon,
color: 'secondary'
}
];
/*--Profile Cards--*/
const profileCards: profileCard[] = [
{
title: 'Andrew Grant',
subtitle: 'Technology Director',
avatar: user1
},
{
title: 'Leo Pratt',
subtitle: 'Telecom Analyst',
avatar: user2
},
{
title: 'Charles Nunez',
subtitle: 'Environmental Specialist',
avatar: user3
}
];
/*--Upcomming Activity Cards--*/
const upcommingCards: upcommingLists[] = [
{
icon: MapPinIcon,
title: 'Trip to singapore',
subtitle: 'working on',
rank: '5 mins',
bgcolor: 'primary'
},
{
icon: DatabaseIcon,
title: 'Archived Data',
subtitle: 'working on',
rank: '10 mins',
bgcolor: 'secondary'
},
{
icon: PhoneIcon,
title: 'Meeting with client',
subtitle: 'pending',
rank: '15 mins',
bgcolor: 'warning'
},
{
icon: ScreenShareIcon,
title: 'Screening Task Team',
subtitle: 'working on',
rank: '20 mins',
bgcolor: 'error'
},
{
icon: MailIcon,
title: 'Send envelope to John',
subtitle: 'done',
rank: '20 mins',
bgcolor: 'success'
}
];
/*--User Cards--*/
const userCards: userCard[] = [
{
title: 'Andrew Grant',
subtitle: '3 mutual friends',
avatar: user1,
userGroup: [
{
icon: user1
},
{
icon: user2
},
{
icon: user3
}
],
},
{
title: 'Leo Pratt',
subtitle: '3 mutual friends',
avatar: user2,
userGroup: [
{
icon: user1
},
{
icon: user2
},
{
icon: user3
}
],
},
{
title: 'Charles Nunez',
subtitle: '3 mutual friends',
avatar: user3,
userGroup: [
{
icon: user1
},
{
icon: user2
},
{
icon: user3
}
],
},
{
title: 'Lora Powers',
subtitle: '3 mutual friends',
avatar: user4,
userGroup: [
{
icon: user1
},
{
icon: user2
},
{
icon: user3
}
],
},
]
/*--Payment gateways--*/
const paymentGateways : paymentGateway[] = [
{
img: icon1,
title:'Paypal',
subtitle:'Big Brands',
rank:'+$6,235',
disable:'',
bgcolor:"primary",
},
{
img: icon2,
title:'Wallet',
subtitle:'Bill payment',
rank:'-$345',
disable:'emphasis',
bgcolor:"success",
},
{
img: icon3,
title:'Credit Card',
subtitle:'Money reversed',
rank:'+$2,235',
disable:'',
bgcolor:"warning",
},
{
img: icon4,
title:'Refund',
subtitle:'Bill Payment',
rank:'-$32',
disable:'emphasis',
bgcolor:"error",
},
];
export { blogCard, followerCard, musicCard, productsCard, socialiconCard, profileCards, upcommingCards, userCards,paymentGateways }