first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,282 @@
|
||||
import { Content } from '../../../../_metronic/layout/components/content'
|
||||
import {Card2} from '../../../../_metronic/partials/content/cards/Card2'
|
||||
import {IconUserModel} from '../ProfileModels'
|
||||
|
||||
export function Projects() {
|
||||
return (
|
||||
<Content>
|
||||
<div className='d-flex flex-wrap flex-stack mb-6'>
|
||||
<h3 className='fw-bolder my-2'>
|
||||
My Projects
|
||||
<span className='fs-6 text-gray-500 fw-bold ms-1'>Active</span>
|
||||
</h3>
|
||||
|
||||
<div className='d-flex flex-wrap my-2'>
|
||||
<div className='me-4'>
|
||||
<select
|
||||
name='status'
|
||||
data-control='select2'
|
||||
data-hide-search='true'
|
||||
className='form-select form-select-sm form-select-white w-125px'
|
||||
defaultValue='Active'
|
||||
>
|
||||
<option value='Active'>Active</option>
|
||||
<option value='Approved'>In Progress</option>
|
||||
<option value='Declined'>To Do</option>
|
||||
<option value='In Progress'>Completed</option>
|
||||
</select>
|
||||
</div>
|
||||
<a
|
||||
href='#'
|
||||
className='btn btn-primary btn-sm'
|
||||
data-bs-toggle='modal'
|
||||
data-bs-target='#kt_modal_create_project'
|
||||
>
|
||||
New Project
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='row g-6 g-xl-9'>
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/plurk.svg'
|
||||
badgeColor='primary'
|
||||
status='In Progress'
|
||||
statusColor='primary'
|
||||
title='Fitnes App'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='November 10, 2021'
|
||||
budget='$284,900.00'
|
||||
progress={50}
|
||||
users={users1}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/disqus.svg'
|
||||
badgeColor='info'
|
||||
status='Pending'
|
||||
statusColor='info'
|
||||
title='Leaf CRM'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='May 10, 2021'
|
||||
budget='$36,400.00'
|
||||
progress={30}
|
||||
users={users2}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/figma-1.svg'
|
||||
badgeColor='success'
|
||||
status='Completed'
|
||||
statusColor='success'
|
||||
title='Atica Banking'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={100}
|
||||
users={users3}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/sentry-3.svg'
|
||||
badgeColor='info'
|
||||
status='Pending'
|
||||
statusColor='info'
|
||||
title='Finance Dispatch'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={60}
|
||||
users={users4}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/xing-icon.svg'
|
||||
badgeColor='primary'
|
||||
status='In Progress'
|
||||
statusColor='primary'
|
||||
title='9 Degree'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={40}
|
||||
users={users5}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/tvit.svg'
|
||||
badgeColor='primary'
|
||||
status='In Progress'
|
||||
statusColor='primary'
|
||||
title='9 Degree'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={70}
|
||||
users={users6}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/aven.svg'
|
||||
badgeColor='primary'
|
||||
status='In Progress'
|
||||
statusColor='primary'
|
||||
title='Buldozer CRM'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={70}
|
||||
users={users7}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/treva.svg'
|
||||
badgeColor='danger'
|
||||
status='Overdue'
|
||||
statusColor='danger'
|
||||
title='Aviasales App'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={10}
|
||||
users={users8}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='col-md-6 col-xl-4'>
|
||||
<Card2
|
||||
icon='media/svg/brand-logos/kanba.svg'
|
||||
badgeColor='success'
|
||||
status='Completed'
|
||||
statusColor='success'
|
||||
title='Oppo CRM'
|
||||
description='CRM App application to HR efficiency'
|
||||
date='Mar 14, 2021'
|
||||
budget='$605,100.00'
|
||||
progress={100}
|
||||
users={users9}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='d-flex flex-stack flex-wrap pt-10'>
|
||||
<div className='fs-6 fw-bold text-gray-700'>Showing 1 to 10 of 50 entries</div>
|
||||
|
||||
<ul className='pagination'>
|
||||
<li className='page-item previous'>
|
||||
<a href='#' className='page-link'>
|
||||
<i className='previous'></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item active'>
|
||||
<a href='#' className='page-link'>
|
||||
1
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item'>
|
||||
<a href='#' className='page-link'>
|
||||
2
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item'>
|
||||
<a href='#' className='page-link'>
|
||||
3
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item'>
|
||||
<a href='#' className='page-link'>
|
||||
4
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item'>
|
||||
<a href='#' className='page-link'>
|
||||
5
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item'>
|
||||
<a href='#' className='page-link'>
|
||||
6
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className='page-item next'>
|
||||
<a href='#' className='page-link'>
|
||||
<i className='next'></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</Content>
|
||||
)
|
||||
}
|
||||
|
||||
const users1: Array<IconUserModel> = [
|
||||
{name: 'Emma Smith', avatar: 'media/avatars/300-6.jpg'},
|
||||
{name: 'Rudy Stone', avatar: 'media/avatars/300-1.jpg'},
|
||||
{name: 'Susan Redwood', initials: 'S', color: 'primary'},
|
||||
]
|
||||
|
||||
const users2 = [
|
||||
{name: 'Alan Warden', initials: 'A', color: 'warning'},
|
||||
{name: 'Brian Cox', avatar: 'media/avatars/300-5.jpg'},
|
||||
]
|
||||
|
||||
const users3 = [
|
||||
{name: 'Mad Masy', avatar: 'media/avatars/300-6.jpg'},
|
||||
{name: 'Cris Willson', avatar: 'media/avatars/300-1.jpg'},
|
||||
{name: 'Mike Garcie', initials: 'M', color: 'info'},
|
||||
]
|
||||
|
||||
const users4 = [
|
||||
{name: 'Nich Warden', initials: 'N', color: 'warning'},
|
||||
{name: 'Rob Otto', initials: 'R', color: 'success'},
|
||||
]
|
||||
|
||||
const users5 = [
|
||||
{name: 'Francis Mitcham', avatar: 'media/avatars/300-20.jpg'},
|
||||
{name: 'Michelle Swanston', avatar: 'media/avatars/300-7.jpg'},
|
||||
{name: 'Susan Redwood', initials: 'S', color: 'primary'},
|
||||
]
|
||||
|
||||
const users6 = [
|
||||
{name: 'Emma Smith', avatar: 'media/avatars/300-6.jpg'},
|
||||
{name: 'Rudy Stone', avatar: 'media/avatars/300-1.jpg'},
|
||||
{name: 'Susan Redwood', initials: 'S', color: 'primary'},
|
||||
]
|
||||
|
||||
const users7 = [
|
||||
{name: 'Meloday Macy', avatar: 'media/avatars/300-2.jpg'},
|
||||
{name: 'Rabbin Watterman', initials: 'S', color: 'success'},
|
||||
]
|
||||
|
||||
const users8 = [
|
||||
{name: 'Emma Smith', avatar: 'media/avatars/300-6.jpg'},
|
||||
{name: 'Rudy Stone', avatar: 'media/avatars/300-1.jpg'},
|
||||
{name: 'Susan Redwood', initials: 'S', color: 'primary'},
|
||||
]
|
||||
|
||||
const users9 = [
|
||||
{name: 'Meloday Macy', avatar: 'media/avatars/300-2.jpg'},
|
||||
{name: 'Rabbin Watterman', initials: 'S', color: 'danger'},
|
||||
]
|
||||
Reference in New Issue
Block a user