DigiFi/digifi-bko
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Remove extra section in dashboard

Browse Source
This commit is contained in:
Elias Liasu
2024-05-07 09:46:16 +01:00
parent 0645f32e52
commit c6fe75c9f8
1 changed files with 69 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/dashboard/DashboardWrapper.tsx
+69 -95
View File
@@ -1,7 +1,7 @@
import {FC} from 'react' import { FC } from 'react';
import {useIntl} from 'react-intl' import { useIntl } from 'react-intl';
import {toAbsoluteUrl} from '../../../_digifi/helpers' import { toAbsoluteUrl } from '../../../_digifi/helpers';
import {PageTitle} from '../../../_digifi/layout/core' import { PageTitle } from '../../../_digifi/layout/core';
import { import {
ListsWidget2, ListsWidget2,
ListsWidget3, ListsWidget3,
@@ -15,116 +15,90 @@ import {
CardsWidget20, CardsWidget20,
ListsWidget26, ListsWidget26,
EngageWidget10, EngageWidget10,
} from '../../../_digifi/partials/widgets' } from '../../../_digifi/partials/widgets';
import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar' import { ToolbarWrapper } from '../../../_digifi/layout/components/toolbar';
import { Content } from '../../../_digifi/layout/components/content' import { Content } from '../../../_digifi/layout/components/content';
const DashboardPage: FC = () => ( const DashboardPage: FC = () => (
<> <>
<ToolbarWrapper /> <ToolbarWrapper />
<Content> <Content>
{/* begin::Row */} {/* begin::Row */}
<div className='row g-5 g-xl-10 mb-5 mb-xl-10'> <div className="row g-5 g-xl-10 mb-5 mb-xl-10">
{/* begin::Col */} {/* begin::Col */}
<div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'> <div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
<CardsWidget20 <CardsWidget20
className='h-md-50 mb-5 mb-xl-10' className="h-md-50 mb-5 mb-xl-10"
description='Active Projects' description="Active Projects"
color='#F1416C' color="#F1416C"
img={toAbsoluteUrl('media/patterns/vector-1.png')} img={toAbsoluteUrl('media/patterns/vector-1.png')}
/> />
<CardsWidget7 <CardsWidget7
className='h-md-50 mb-5 mb-xl-10' className="h-md-50 mb-5 mb-xl-10"
description='Professionals' description="Professionals"
icon={false} icon={false}
stats={357} stats={357}
labelColor='dark' labelColor="dark"
textColor='gray-300' textColor="gray-300"
/> />
</div> </div>
{/* end::Col */} {/* end::Col */}
{/* begin::Col */} {/* begin::Col */}
<div className='col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10'> <div className="col-md-6 col-lg-6 col-xl-6 col-xxl-3 mb-md-5 mb-xl-10">
<CardsWidget17 className='h-md-50 mb-5 mb-xl-10' /> <CardsWidget17 className="h-md-50 mb-5 mb-xl-10" />
<ListsWidget26 className='h-lg-50' /> <ListsWidget26 className="h-lg-50" />
</div> </div>
{/* end::Col */} {/* end::Col */}
{/* begin::Col */} {/* begin::Col */}
<div className='col-xxl-6'> <div className="col-xxl-6">
<EngageWidget10 className='h-md-100' /> <EngageWidget10 className="h-md-100" />
</div>
{/* end::Col */}
</div> </div>
{/* end::Col */} {/* end::Row */}
</div>
{/* end::Row */}
{/* begin::Row */} {/* begin::Row */}
<div className='row gx-5 gx-xl-10'> <div className="row gx-5 gx-xl-10">
{/* begin::Col */} {/* begin::Col */}
<div className='col-xxl-6 mb-5 mb-xl-10'> <div className="col-xxl-6 mb-5 mb-xl-10">
{/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */} {/* <app-new-charts-widget8 cssclassName="h-xl-100" chartHeight="275px" [chartHeightNumber]="275"></app-new-charts-widget8> */}
</div> </div>
{/* end::Col */} {/* end::Col */}
{/* begin::Col */} {/* begin::Col */}
<div className='col-xxl-6 mb-5 mb-xl-10'> <div className="col-xxl-6 mb-5 mb-xl-10">
{/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */} {/* <app-cards-widget18 cssclassName="h-xl-100" image="./assetsmedia/stock/600x600/img-65.jpg"></app-cards-widget18> */}
</div>
{/* end::Col */}
</div> </div>
{/* end::Col */} {/* end::Row */}
</div>
{/* end::Row */}
{/* begin::Row */} {/* begin::Row */}
<div className='row gy-5 gx-xl-8'> <div className="row gy-5 gx-xl-8">
<div className='col-xxl-4'> <div className="col-xxl-4">
<ListsWidget3 className='card-xxl-stretch mb-xl-3' /> <ListsWidget3 className="card-xxl-stretch mb-xl-3" />
</div>
<div className="col-xl-8">
<TablesWidget10 className="card-xxl-stretch mb-5 mb-xl-8" />
</div>
</div> </div>
<div className='col-xl-8'> {/* end::Row */}
<TablesWidget10 className='card-xxl-stretch mb-5 mb-xl-8' />
</div>
</div>
{/* end::Row */}
{/* begin::Row */}
<div className='row gy-5 g-xl-8'>
<div className='col-xl-4'>
<ListsWidget2 className='card-xl-stretch mb-xl-8' />
</div>
<div className='col-xl-4'>
<ListsWidget6 className='card-xl-stretch mb-xl-8' />
</div>
<div className='col-xl-4'>
<ListsWidget4 className='card-xl-stretch mb-5 mb-xl-8' items={5} />
{/* partials/widgets/lists/_widget-4', 'class' => 'card-xl-stretch mb-5 mb-xl-8', 'items' => '5' */}
</div>
</div>
{/* end::Row */}
<div className='row g-5 gx-xxl-8'>
<div className='col-xxl-4'>
<MixedWidget8
className='card-xxl-stretch mb-xl-3'
chartColor='success'
chartHeight='150px'
/>
</div>
<div className='col-xxl-8'>
<TablesWidget5 className='card-xxl-stretch mb-5 mb-xxl-8' />
</div>
</div>
</Content> </Content>
</> </>
) );
const DashboardWrapper: FC = () => { const DashboardWrapper: FC = () => {
const intl = useIntl() const intl = useIntl();
return ( return (
<> <>
<PageTitle breadcrumbs={[]}>{intl.formatMessage({id: 'MENU.DASHBOARD'})}</PageTitle> <PageTitle breadcrumbs={[]}>
{intl.formatMessage({ id: 'MENU.DASHBOARD' })}
</PageTitle>
<DashboardPage /> <DashboardPage />
</> </>
) );
} };
export {DashboardWrapper} export { DashboardWrapper };