gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made changes

Browse Source
This commit is contained in:
sanaya 2022-02-02 12:28:55 +05:30
parent 96122c6e52
commit 1cde77c275
13 changed files with 9415 additions and 9097 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
public/index.html
View File

@ -7,21 +7,22 @@
* License MIT
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="CoreUI for React - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,CSS,SCSS,HTML,RWD,Dashboard,React">
<title>CoreUI Free React.js Admin Template</title>
<!--
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="CoreUI for React - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,CSS,SCSS,HTML,RWD,Dashboard,React">
<title>Courier</title>
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
@ -30,13 +31,14 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
@ -46,5 +48,6 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
</body>
</html>

6
src/App.js
View File

@ -23,13 +23,13 @@ class App extends Component {
<HashRouter>
<React.Suspense fallback={loading}>
<Switch>
<Route exact path="/login" name="Login Page" render={(props) => <Login {...props} />} />
<Route
<Route exact path="/" name="Login Page" render={(props) => <Login {...props} />} />
{/* <Route
exact
path="/register"
name="Register Page"
render={(props) => <Register {...props} />}
/>
/> */}
<Route exact path="/404" name="Page 404" render={(props) => <Page404 {...props} />} />
<Route exact path="/500" name="Page 500" render={(props) => <Page500 {...props} />} />
<Route path="/" name="Home" render={(props) => <DefaultLayout {...props} />} />

540
src/_nav.js
View File

@ -20,279 +20,283 @@ const _nav = [
name: 'Dashboard',
to: '/dashboard',
icon: <CIcon icon={cilSpeedometer} customClassName="nav-icon" />,
badge: {
color: 'info',
text: 'NEW',
},
},
{
component: CNavTitle,
name: 'Theme',
// badge: {
// color: 'info',
// text: 'NEW',
// },
},
// {
// component: CNavTitle,
// name: 'Theme',
// },
// {
// component: CNavItem,
// name: 'Colors',
// to: '/theme/colors',
// icon: <CIcon icon={cilDrop} customClassName="nav-icon" />,
// },
// {
// component: CNavItem,
// name: 'Typography',
// to: '/theme/typography',
// icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
// },
// {
// component: CNavTitle,
// name: 'Components',
// },
// {
// component: CNavGroup,
// name: 'Base',
// to: '/base',
// icon: <CIcon icon={cilPuzzle} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Accordion',
// to: '/base/accordion',
// },
// {
// component: CNavItem,
// name: 'Breadcrumb',
// to: '/base/breadcrumbs',
// },
// {
// component: CNavItem,
// name: 'Cards',
// to: '/base/cards',
// },
// {
// component: CNavItem,
// name: 'Carousel',
// to: '/base/carousels',
// },
// {
// component: CNavItem,
// name: 'Collapse',
// to: '/base/collapses',
// },
// {
// component: CNavItem,
// name: 'List group',
// to: '/base/list-groups',
// },
// {
// component: CNavItem,
// name: 'Navs & Tabs',
// to: '/base/navs',
// },
// {
// component: CNavItem,
// name: 'Pagination',
// to: '/base/paginations',
// },
// {
// component: CNavItem,
// name: 'Placeholders',
// to: '/base/placeholders',
// },
// {
// component: CNavItem,
// name: 'Popovers',
// to: '/base/popovers',
// },
// {
// component: CNavItem,
// name: 'Progress',
// to: '/base/progress',
// },
// {
// component: CNavItem,
// name: 'Spinners',
// to: '/base/spinners',
// },
// {
// component: CNavItem,
// name: 'Tables',
// to: '/base/tables',
// },
// {
// component: CNavItem,
// name: 'Tooltips',
// to: '/base/tooltips',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Buttons',
// to: '/buttons',
// icon: <CIcon icon={cilCursor} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Buttons',
// to: '/buttons/buttons',
// },
// {
// component: CNavItem,
// name: 'Buttons groups',
// to: '/buttons/button-groups',
// },
// {
// component: CNavItem,
// name: 'Dropdowns',
// to: '/buttons/dropdowns',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Forms',
// icon: <CIcon icon={cilNotes} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Form Control',
// to: '/forms/form-control',
// },
// {
// component: CNavItem,
// name: 'Select',
// to: '/forms/select',
// },
// {
// component: CNavItem,
// name: 'Checks & Radios',
// to: '/forms/checks-radios',
// },
// {
// component: CNavItem,
// name: 'Range',
// to: '/forms/range',
// },
// {
// component: CNavItem,
// name: 'Input Group',
// to: '/forms/input-group',
// },
// {
// component: CNavItem,
// name: 'Floating Labels',
// to: '/forms/floating-labels',
// },
// {
// component: CNavItem,
// name: 'Layout',
// to: '/forms/layout',
// },
// {
// component: CNavItem,
// name: 'Validation',
// to: '/forms/validation',
// },
// ],
// },
// {
// component: CNavItem,
// name: 'Charts',
// to: '/charts',
// icon: <CIcon icon={cilChartPie} customClassName="nav-icon" />,
// },
// {
// component: CNavGroup,
// name: 'Icons',
// icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'CoreUI Free',
// to: '/icons/coreui-icons',
// badge: {
// color: 'success',
// text: 'NEW',
// },
// },
// {
// component: CNavItem,
// name: 'CoreUI Flags',
// to: '/icons/flags',
// },
// {
// component: CNavItem,
// name: 'CoreUI Brands',
// to: '/icons/brands',
// },
// ],
// },
// {
// component: CNavGroup,
// name: 'Notifications',
// icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Alerts',
// to: '/notifications/alerts',
// },
// {
// component: CNavItem,
// name: 'Badges',
// to: '/notifications/badges',
// },
// {
// component: CNavItem,
// name: 'Modal',
// to: '/notifications/modals',
// },
// {
// component: CNavItem,
// name: 'Toasts',
// to: '/notifications/toasts',
// },
// ],
// },
// {
// component: CNavItem,
// name: 'Widgets',
// to: '/widgets',
// icon: <CIcon icon={cilCalculator} customClassName="nav-icon" />,
// badge: {
// color: 'info',
// text: 'NEW',
// },
// },
// {
// component: CNavTitle,
// name: 'Extras',
// },
// {
// component: CNavItem,
// name: 'Login',
// to: '/',
// },
{
component: CNavItem,
name: 'Colors',
to: '/theme/colors',
icon: <CIcon icon={cilDrop} customClassName="nav-icon" />,
},
{
component: CNavItem,
name: 'Typography',
to: '/theme/typography',
name: 'Change Password',
icon: <CIcon icon={cilPencil} customClassName="nav-icon" />,
to: '/register',
},
{
component: CNavTitle,
name: 'Components',
},
{
component: CNavGroup,
name: 'Base',
to: '/base',
icon: <CIcon icon={cilPuzzle} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Accordion',
to: '/base/accordion',
},
{
component: CNavItem,
name: 'Breadcrumb',
to: '/base/breadcrumbs',
},
{
component: CNavItem,
name: 'Cards',
to: '/base/cards',
},
{
component: CNavItem,
name: 'Carousel',
to: '/base/carousels',
},
{
component: CNavItem,
name: 'Collapse',
to: '/base/collapses',
},
{
component: CNavItem,
name: 'List group',
to: '/base/list-groups',
},
{
component: CNavItem,
name: 'Navs & Tabs',
to: '/base/navs',
},
{
component: CNavItem,
name: 'Pagination',
to: '/base/paginations',
},
{
component: CNavItem,
name: 'Placeholders',
to: '/base/placeholders',
},
{
component: CNavItem,
name: 'Popovers',
to: '/base/popovers',
},
{
component: CNavItem,
name: 'Progress',
to: '/base/progress',
},
{
component: CNavItem,
name: 'Spinners',
to: '/base/spinners',
},
{
component: CNavItem,
name: 'Tables',
to: '/base/tables',
},
{
component: CNavItem,
name: 'Tooltips',
to: '/base/tooltips',
},
],
},
{
component: CNavGroup,
name: 'Buttons',
to: '/buttons',
icon: <CIcon icon={cilCursor} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Buttons',
to: '/buttons/buttons',
},
{
component: CNavItem,
name: 'Buttons groups',
to: '/buttons/button-groups',
},
{
component: CNavItem,
name: 'Dropdowns',
to: '/buttons/dropdowns',
},
],
},
{
component: CNavGroup,
name: 'Forms',
icon: <CIcon icon={cilNotes} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Form Control',
to: '/forms/form-control',
},
{
component: CNavItem,
name: 'Select',
to: '/forms/select',
},
{
component: CNavItem,
name: 'Checks & Radios',
to: '/forms/checks-radios',
},
{
component: CNavItem,
name: 'Range',
to: '/forms/range',
},
{
component: CNavItem,
name: 'Input Group',
to: '/forms/input-group',
},
{
component: CNavItem,
name: 'Floating Labels',
to: '/forms/floating-labels',
},
{
component: CNavItem,
name: 'Layout',
to: '/forms/layout',
},
{
component: CNavItem,
name: 'Validation',
to: '/forms/validation',
},
],
},
{
component: CNavItem,
name: 'Charts',
to: '/charts',
icon: <CIcon icon={cilChartPie} customClassName="nav-icon" />,
},
{
component: CNavGroup,
name: 'Icons',
icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'CoreUI Free',
to: '/icons/coreui-icons',
badge: {
color: 'success',
text: 'NEW',
},
},
{
component: CNavItem,
name: 'CoreUI Flags',
to: '/icons/flags',
},
{
component: CNavItem,
name: 'CoreUI Brands',
to: '/icons/brands',
},
],
},
{
component: CNavGroup,
name: 'Notifications',
icon: <CIcon icon={cilBell} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Alerts',
to: '/notifications/alerts',
},
{
component: CNavItem,
name: 'Badges',
to: '/notifications/badges',
},
{
component: CNavItem,
name: 'Modal',
to: '/notifications/modals',
},
{
component: CNavItem,
name: 'Toasts',
to: '/notifications/toasts',
},
],
},
{
component: CNavItem,
name: 'Widgets',
to: '/widgets',
icon: <CIcon icon={cilCalculator} customClassName="nav-icon" />,
badge: {
color: 'info',
text: 'NEW',
},
},
{
component: CNavTitle,
name: 'Extras',
},
{
component: CNavGroup,
name: 'Pages',
icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
items: [
{
component: CNavItem,
name: 'Login',
to: '/login',
},
{
component: CNavItem,
name: 'Register',
to: '/register',
},
{
component: CNavItem,
name: 'Error 404',
to: '/404',
},
{
component: CNavItem,
name: 'Error 500',
to: '/500',
},
],
},
// {
// component: CNavGroup,
// name: 'Pages',
// icon: <CIcon icon={cilStar} customClassName="nav-icon" />,
// items: [
// {
// component: CNavItem,
// name: 'Error 404',
// to: '/404',
// },
// {
// component: CNavItem,
// name: 'Error 500',
// to: '/500',
// },
// ],
// },
]
export default _nav

10
src/components/AppFooter.js
View File

@ -5,17 +5,17 @@ const AppFooter = () => {
return (
<CFooter>
<div>
<a href="https://coreui.io" target="_blank" rel="noopener noreferrer">
{/* <a href="https://coreui.io" target="_blank" rel="noopener noreferrer">
CoreUI
</a>
<span className="ms-1">&copy; 2021 creativeLabs.</span>
</a> */}
<span className="ms-1">&copy; 2021 Courier.</span>
</div>
<div className="ms-auto">
{/* <div className="ms-auto">
<span className="me-1">Powered by</span>
<a href="https://coreui.io/react" target="_blank" rel="noopener noreferrer">
CoreUI for React
</a>
</div>
</div> */}
</CFooter>
)
}

8
src/components/AppHeader.js
View File

@ -40,15 +40,15 @@ const AppHeader = () => {
Dashboard
</CNavLink>
</CNavItem>
<CNavItem>
{/* <CNavItem>
<CNavLink href="#">Users</CNavLink>
</CNavItem>
<CNavItem>
<CNavLink href="#">Settings</CNavLink>
</CNavItem>
</CNavItem> */}
</CHeaderNav>
<CHeaderNav>
<CNavItem>
{/* <CNavItem>
<CNavLink href="#">
<CIcon icon={cilBell} size="lg" />
</CNavLink>
@ -62,7 +62,7 @@ const AppHeader = () => {
<CNavLink href="#">
<CIcon icon={cilEnvelopeOpen} size="lg" />
</CNavLink>
</CNavItem>
</CNavItem> */}
</CHeaderNav>
<CHeaderNav className="ms-3">
<AppHeaderDropdown />

4
src/components/AppSidebar.js
View File

@ -30,7 +30,9 @@ const AppSidebar = () => {
}}
>
<CSidebarBrand className="d-none d-md-flex" to="/">
<CIcon className="sidebar-brand-full" icon={logoNegative} height={35} />
{/* <CIcon className="sidebar-brand-full" icon={logoNegative} height={35} /> */}
<h1>Courier</h1>
{/* <CIcon className="sidebar-brand-narrow" height={35} /> */}
<CIcon className="sidebar-brand-narrow" icon={sygnet} height={35} />
</CSidebarBrand>
<CSidebarNav>

8
src/components/header/AppHeaderDropdown.js
View File

@ -33,7 +33,7 @@ const AppHeaderDropdown = () => {
<CDropdownMenu className="pt-0" placement="bottom-end">
<CDropdownHeader className="bg-light fw-semibold py-2">Account</CDropdownHeader>
<CDropdownItem href="#">
<CIcon icon={cilBell} className="me-2" />
{/* <CIcon icon={cilBell} className="me-2" />
Updates
<CBadge color="info" className="ms-2">
42
@ -81,12 +81,12 @@ const AppHeaderDropdown = () => {
Projects
<CBadge color="primary" className="ms-2">
42
</CBadge>
</CBadge> */}
</CDropdownItem>
<CDropdownDivider />
{/* <CDropdownDivider /> */}
<CDropdownItem href="#">
<CIcon icon={cilLockLocked} className="me-2" />
Lock Account
Log Out
</CDropdownItem>
</CDropdownMenu>
</CDropdown>

2
src/routes.js
View File

@ -1,4 +1,5 @@
import React from 'react'
import Register from './views/pages/register/Register'
const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'))
const Colors = React.lazy(() => import('./views/theme/colors/Colors'))
@ -52,6 +53,7 @@ const Widgets = React.lazy(() => import('./views/widgets/Widgets'))
const routes = [
{ path: '/', exact: true, name: 'Home' },
{ path: '/register', name: 'Change Password', component: Register },
{ path: '/dashboard', name: 'Dashboard', component: Dashboard },
{ path: '/theme', name: 'Theme', component: Colors, exact: true },
{ path: '/theme/colors', name: 'Colors', component: Colors },

10
src/views/dashboard/Dashboard.js
View File

@ -183,7 +183,7 @@ const Dashboard = () => {
return (
<>
<WidgetsDropdown />
<CCard className="mb-4">
{/* <CCard className="mb-4">
<CCardBody>
<CRow>
<CCol sm={5}>
@ -308,11 +308,11 @@ const Dashboard = () => {
))}
</CRow>
</CCardFooter>
</CCard>
</CCard> */}
<WidgetsBrand withCharts />
{/* <WidgetsBrand withCharts /> */}
<CRow>
{/* <CRow>
<CCol xs>
<CCard className="mb-4">
<CCardHeader>Traffic {' & '} Sales</CCardHeader>
@ -455,7 +455,7 @@ const Dashboard = () => {
</CCardBody>
</CCard>
</CCol>
</CRow>
</CRow> */}
</>
)
}

21
src/views/pages/login/Login.js
View File

@ -32,7 +32,7 @@ const Login = () => {
<CInputGroupText>
<CIcon icon={cilUser} />
</CInputGroupText>
<CFormInput placeholder="Username" autoComplete="username" />
<CFormInput placeholder="Email" autoComplete="email" />
</CInputGroup>
<CInputGroup className="mb-4">
<CInputGroupText>
@ -46,9 +46,18 @@ const Login = () => {
</CInputGroup>
<CRow>
<CCol xs={6}>
<CButton color="primary" className="px-4">
Login
</CButton>
<Link to="/dashboard">
<CButton color="primary" className="px-4">
Login
</CButton>
</Link>
</CCol>
<CCol xs={6}>
<Link to="/">
<CButton color="danger" className="px-4">
Cancel
</CButton>
</Link>
</CCol>
<CCol xs={6} className="text-right">
<CButton color="link" className="px-0">
@ -59,7 +68,7 @@ const Login = () => {
</CForm>
</CCardBody>
</CCard>
<CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
{/* <CCard className="text-white bg-primary py-5" style={{ width: '44%' }}>
<CCardBody className="text-center">
<div>
<h2>Sign up</h2>
@ -74,7 +83,7 @@ const Login = () => {
</Link>
</div>
</CCardBody>
</CCard>
</CCard> */}
</CCardGroup>
</CCol>
</CRow>

10
src/views/pages/register/Register.js
View File

@ -16,15 +16,15 @@ import { cilLockLocked, cilUser } from '@coreui/icons'
const Register = () => {
return (
<div className="bg-light min-vh-100 d-flex flex-row align-items-center">
<div className="bg-light min-vh-50 d-flex flex-row align-items-flex-start">
<CContainer>
<CRow className="justify-content-center">
<CCol md={9} lg={7} xl={6}>
<CCard className="mx-4">
<CCardBody className="p-4">
<CForm>
<h1>Register</h1>
<p className="text-medium-emphasis">Create your account</p>
<h1>Change Password</h1>
{/* <p className="text-medium-emphasis">Create your account</p> */}
<CInputGroup className="mb-3">
<CInputGroupText>
<CIcon icon={cilUser} />
@ -51,12 +51,12 @@ const Register = () => {
</CInputGroupText>
<CFormInput
type="password"
placeholder="Repeat password"
placeholder="Confirm password"
autoComplete="new-password"
/>
</CInputGroup>
<div className="d-grid">
<CButton color="success">Create Account</CButton>
<CButton color="success">Submit</CButton>
</div>
</CForm>
</CCardBody>

64
src/views/widgets/WidgetsDropdown.js
View File

@ -23,25 +23,25 @@ const WidgetsDropdown = () => {
value={
<>
26K{' '}
<span className="fs-6 fw-normal">
{/* <span className="fs-6 fw-normal">
(-12.4% <CIcon icon={cilArrowBottom} />)
</span>
</span> */}
</>
}
title="Users"
action={
<CDropdown alignment="end">
<CDropdownToggle color="transparent" caret={false} className="p-0">
<CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
</CDropdownToggle>
<CDropdownMenu>
<CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem>
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdownMenu>
</CDropdown>
}
// action={
// <CDropdown alignment="end">
// <CDropdownToggle color="transparent" caret={false} className="p-0">
// <CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
// </CDropdownToggle>
// <CDropdownMenu>
// <CDropdownItem>Action</CDropdownItem>
// <CDropdownItem>Another action</CDropdownItem>
// <CDropdownItem>Something else here...</CDropdownItem>
// <CDropdownItem disabled>Disabled action</CDropdownItem>
// </CDropdownMenu>
// </CDropdown>
// }
chart={
<CChartLine
className="mt-3 mx-3"
@ -110,25 +110,25 @@ const WidgetsDropdown = () => {
value={
<>
$6.200{' '}
<span className="fs-6 fw-normal">
{/* <span className="fs-6 fw-normal">
(40.9% <CIcon icon={cilArrowTop} />)
</span>
</span> */}
</>
}
title="Income"
action={
<CDropdown alignment="end">
<CDropdownToggle color="transparent" caret={false} className="p-0">
<CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
</CDropdownToggle>
<CDropdownMenu>
<CDropdownItem>Action</CDropdownItem>
<CDropdownItem>Another action</CDropdownItem>
<CDropdownItem>Something else here...</CDropdownItem>
<CDropdownItem disabled>Disabled action</CDropdownItem>
</CDropdownMenu>
</CDropdown>
}
// action={
// <CDropdown alignment="end">
// <CDropdownToggle color="transparent" caret={false} className="p-0">
// <CIcon icon={cilOptions} className="text-high-emphasis-inverse" />
// </CDropdownToggle>
// <CDropdownMenu>
// <CDropdownItem>Action</CDropdownItem>
// <CDropdownItem>Another action</CDropdownItem>
// <CDropdownItem>Something else here...</CDropdownItem>
// <CDropdownItem disabled>Disabled action</CDropdownItem>
// </CDropdownMenu>
// </CDropdown>
// }
chart={
<CChartLine
className="mt-3 mx-3"
@ -189,7 +189,7 @@ const WidgetsDropdown = () => {
}
/>
</CCol>
<CCol sm={6} lg={3}>
{/* <CCol sm={6} lg={3}>
<CWidgetStatsA
className="mb-4"
color="warning"
@ -353,7 +353,7 @@ const WidgetsDropdown = () => {
/>
}
/>
</CCol>
</CCol> */}
</CRow>
)
}

17784
yarn.lock
View File

File diff suppressed because it is too large Load Diff