tes
This commit is contained in:
@@ -0,0 +1,101 @@
|
||||
import type { paymentGateway, recentTrans } from '~/types/components/dashboard/ecommerceDashboard';
|
||||
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';
|
||||
|
||||
/*--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'
|
||||
}
|
||||
];
|
||||
|
||||
/*--Recent Transaction--*/
|
||||
const recentTransaction: recentTrans[] = [
|
||||
{
|
||||
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: 'secondary',
|
||||
boldtext: true,
|
||||
line: true,
|
||||
link: '#ML-3467',
|
||||
url: ''
|
||||
},
|
||||
{
|
||||
title: '12:00 am',
|
||||
subtitle: 'Payment was made of $64.95 to Michael',
|
||||
textcolor: 'success',
|
||||
boldtext: false,
|
||||
line: true,
|
||||
link: '',
|
||||
url: ''
|
||||
},
|
||||
{
|
||||
title: '09:30 am',
|
||||
subtitle: 'New sale recorded',
|
||||
textcolor: 'warning',
|
||||
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: 'success',
|
||||
boldtext: false,
|
||||
line: false,
|
||||
link: '',
|
||||
url: ''
|
||||
}
|
||||
];
|
||||
|
||||
export { paymentGateways, recentTransaction };
|
||||
@@ -0,0 +1,139 @@
|
||||
import type { userCard, weeklyStats,topProjects,topCards } from '@/types/components/dashboard/modernDashboard';
|
||||
|
||||
import user1 from "@/assets/images/profile/user-1.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";
|
||||
|
||||
/*--Top cards--*/
|
||||
import card_icon1 from "@/assets/images/svgs/icon-user-male.svg"
|
||||
import card_icon2 from "@/assets/images/svgs/icon-briefcase.svg"
|
||||
import card_icon3 from "@/assets/images/svgs/icon-mailbox.svg"
|
||||
import card_icon4 from "@/assets/images/svgs/icon-favorites.svg"
|
||||
import card_icon5 from "@/assets/images/svgs/icon-speech-bubble.svg"
|
||||
import card_icon6 from "@/assets/images/svgs/icon-connect.svg"
|
||||
|
||||
/*--Blog Cards--*/
|
||||
const userCardData: userCard[] = [
|
||||
{ img: user4 },
|
||||
{ img: user3 },
|
||||
{ img: user2 },
|
||||
{ img: user1 },
|
||||
];
|
||||
|
||||
/*--Weeekly Stas--*/
|
||||
const weeklyStatsData: weeklyStats[] = [
|
||||
{
|
||||
title: "Top Sales",
|
||||
subtitle: "Johnathan Doe",
|
||||
rank: "+68",
|
||||
bgcolor: "primary",
|
||||
textcolor: "primary",
|
||||
},
|
||||
{
|
||||
title: "Best Seller",
|
||||
subtitle: "Footware",
|
||||
rank: "+45",
|
||||
bgcolor: "success",
|
||||
textcolor: "success",
|
||||
},
|
||||
{
|
||||
title: "Most Commented",
|
||||
subtitle: "Fashionware",
|
||||
rank: "+14",
|
||||
bgcolor: "error",
|
||||
textcolor: "error",
|
||||
},
|
||||
];
|
||||
|
||||
/*--Top Projects --*/
|
||||
const topProjectsData: topProjects[] = [
|
||||
{
|
||||
img: user1,
|
||||
activestate: "",
|
||||
leadname: "Sunil Joshi",
|
||||
designation: "Web Designer",
|
||||
projectname: "Elite Admin",
|
||||
statuscolor: "success",
|
||||
statustext: "Low",
|
||||
money: "$3.9K",
|
||||
},
|
||||
{
|
||||
img: user2,
|
||||
activestate: "",
|
||||
leadname: "John Deo",
|
||||
designation: "Web Developer",
|
||||
projectname: "Flexy Admin",
|
||||
statuscolor: "warning",
|
||||
statustext: "Medium",
|
||||
money: "$24.5K",
|
||||
},
|
||||
{
|
||||
img: user3,
|
||||
activestate: "",
|
||||
leadname: "Nirav Joshi",
|
||||
designation: "Web Manager",
|
||||
projectname: "Material Pro",
|
||||
statuscolor: "error",
|
||||
statustext: "High",
|
||||
money: "$12.8K",
|
||||
},
|
||||
{
|
||||
img: user4,
|
||||
activestate: "",
|
||||
leadname: "Yuvraj Sheth",
|
||||
designation: "Project Manager",
|
||||
projectname: "Xtreme Admin",
|
||||
statuscolor: "secondary",
|
||||
statustext: "Very High",
|
||||
money: "$2.4K",
|
||||
},
|
||||
];
|
||||
|
||||
/*--Top Cards --*/
|
||||
const topCardsData: topCards[] = [
|
||||
{
|
||||
img: card_icon1,
|
||||
title: "Employees",
|
||||
number: "96",
|
||||
bgcolor: "lightprimary",
|
||||
textcolor: "primary"
|
||||
},
|
||||
{
|
||||
img: card_icon2,
|
||||
title: "Clients",
|
||||
number: "3,650",
|
||||
bgcolor: "lightwarning",
|
||||
textcolor: "warning"
|
||||
},
|
||||
{
|
||||
img: card_icon3,
|
||||
title: "Projects",
|
||||
number: "356",
|
||||
bgcolor: "lightsecondary",
|
||||
textcolor: "secondary"
|
||||
},
|
||||
{
|
||||
img: card_icon4,
|
||||
title: "Events",
|
||||
number: "696",
|
||||
bgcolor: "lighterror",
|
||||
textcolor: "error"
|
||||
},
|
||||
{
|
||||
img: card_icon5,
|
||||
title: "Payroll",
|
||||
number: "$96k",
|
||||
bgcolor: "lightsuccess",
|
||||
textcolor: "success"
|
||||
},
|
||||
{
|
||||
img: card_icon6,
|
||||
title: "Reports",
|
||||
number: "59",
|
||||
bgcolor: "lightprimary",
|
||||
textcolor: "primary"
|
||||
}
|
||||
]
|
||||
|
||||
export { userCardData, weeklyStatsData, topProjectsData,topCardsData}
|
||||
@@ -0,0 +1,361 @@
|
||||
|
||||
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 Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
|
||||
},
|
||||
{
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
status: 'Cancel',
|
||||
budget: '$9.3k'
|
||||
},
|
||||
{
|
||||
name: 'Daniel Kristeen',
|
||||
post: 'Project Manager',
|
||||
project: 'Real Homes WP Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
|
||||
},
|
||||
{
|
||||
name: 'Julian Josephs',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
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 Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
selectable: true,
|
||||
},
|
||||
{
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
status: 'Cancel',
|
||||
budget: '$9.3k',
|
||||
selectable: false,
|
||||
},
|
||||
{
|
||||
name: 'Jan Petrovic',
|
||||
post: 'Project Manager',
|
||||
project: 'Real Homes WP Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
selectable: true,
|
||||
},
|
||||
{
|
||||
name: 'Daniel Kristeen',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
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 Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
},
|
||||
{
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
status: 'Cancel',
|
||||
budget: '$9.3k',
|
||||
},
|
||||
{
|
||||
name: 'JAN PETROVICK',
|
||||
post: 'Project Manager',
|
||||
project: 'Real Homes WP Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
},
|
||||
{
|
||||
name: 'Daniel Kristeen',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
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 Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
},
|
||||
{
|
||||
name: 'Christopher Jamil',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
status: 'Cancel',
|
||||
budget: '$9.3k',
|
||||
},
|
||||
{
|
||||
name: 'JAN PETROVICK',
|
||||
post: 'Project Manager',
|
||||
project: 'Real Homes WP Theme',
|
||||
status: 'Pending',
|
||||
budget: '$24.5k',
|
||||
},
|
||||
{
|
||||
name: 'Daniel Kristeen',
|
||||
post: 'Project Manager',
|
||||
project: 'MedicalPro WP Theme',
|
||||
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 Theme',
|
||||
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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -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};
|
||||
@@ -0,0 +1,960 @@
|
||||
|
||||
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-1.jpg';
|
||||
import img2 from '@/assets/images/profile/user-2.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 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 Theme',
|
||||
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 Theme',
|
||||
status: 'Completed',
|
||||
statuscolor: 'primary',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'X'
|
||||
}
|
||||
],
|
||||
budget: '$12.8k'
|
||||
},
|
||||
{
|
||||
avatar: img4,
|
||||
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 Theme',
|
||||
status: 'Cancel',
|
||||
statuscolor: 'error',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'S'
|
||||
}
|
||||
],
|
||||
budget: '$9.3k'
|
||||
}
|
||||
];
|
||||
|
||||
/*Basic Table 2*/
|
||||
const basicTableData2: basicTable2[] = [
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'Olivia Rhye',
|
||||
post: 'Xtreme admin',
|
||||
status: 'active',
|
||||
statuscolor: 'primary',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img2
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img2,
|
||||
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: img6,
|
||||
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: img1,
|
||||
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: img2,
|
||||
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: img6,
|
||||
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: img1,
|
||||
name: 'Olivia Rhye',
|
||||
handle: 'olivia@ui.com',
|
||||
progress: 60
|
||||
},
|
||||
{
|
||||
invoice: 'INV-3067',
|
||||
status: 'cancelled',
|
||||
statuscolor: 'error',
|
||||
statusicon: XIcon,
|
||||
avatar: img2,
|
||||
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: img6,
|
||||
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 Theme',
|
||||
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 Theme',
|
||||
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 Theme',
|
||||
status: 'Completed',
|
||||
statuscolor: 'primary',
|
||||
teams: [
|
||||
{
|
||||
id: '1',
|
||||
color: 'secondary',
|
||||
text: 'X'
|
||||
}
|
||||
],
|
||||
budget: '$12.8k'
|
||||
},
|
||||
{
|
||||
avatar: img4,
|
||||
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: img3,
|
||||
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 Theme',
|
||||
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: img6,
|
||||
name: 'Isabel Vasquez',
|
||||
post: 'Modernize admin',
|
||||
status: 'pending',
|
||||
statuscolor: 'success',
|
||||
users: [
|
||||
{
|
||||
id: '1',
|
||||
icon: img6
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
icon: img1
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
avatar: img1,
|
||||
name: 'Olivia 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: 'Barbara 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: 'Barbara 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: 'Olivia 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: 'Isabel 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 Theme',
|
||||
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 };
|
||||
@@ -0,0 +1,293 @@
|
||||
import type { cardsType, followCard, musicCards, productsCards, socialiconCards, profileCard, upcommingLists, userCard } 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-1.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';
|
||||
|
||||
/*--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
|
||||
}
|
||||
],
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
export { blogCard, followerCard, musicCard, productsCard, socialiconCard, profileCards, upcommingCards, userCards }
|
||||
Reference in New Issue
Block a user