User Manu

This commit is contained in:
CHIEFSOFT\ameye
2024-12-05 11:42:43 -05:00
parent 38ddd311b5
commit ab762a6fb3
2 changed files with 223 additions and 212 deletions
+3 -212
View File
@@ -1,4 +1,6 @@
import React from 'react'
import UserMenu from "../../parts/UserMenu";
import { Link } from 'react-router-dom'
import siteLinks from '../../links/siteLinks'
import AreaChart from '../charts/AreaChart'
@@ -437,218 +439,7 @@ export default function Home() {
<div className="app-container">
<aside className="app-navbar">
<div className="sidebar-nav scrollbar scroll_dark">
<ul className="metismenu " id="sidebarNav">
<li className="nav-static-title">Personal</li>
<li className="active">
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false">
<i className="nav-icon ti ti-rocket"></i>
<span className="nav-title">Dashboards</span>
<span className="nav-label label label-danger">9</span>
</a>
<ul aria-expanded="false">
<li><a href='index.html'>Default</a></li>
<li className="active"><a href='index-ecommerce.html'>Ecommerce</a></li>
<li><a href='index-car-dealer.html'>Car Dealer</a></li>
<li><a href='index-stock-market.html'>Stock Market</a></li>
<li><a href='index-dating.html'>Dating</a></li>
<li><a href='index-job-portal.html'>Job Portal</a></li>
<li><a href='index-crm.html'>CRM</a></li>
<li><a href='index-real-estate.html'>Real Estate</a></li>
<li><a href='index-crypto-currency.html'>Crypto Currency</a></li>
</ul>
</li>
<li><a href="app-chat.html" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Chat</span></a></li>
<li><a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Calendar</span></a>
<ul aria-expanded="false">
<li><a href='calendar-full.html'>Full Calendar</a></li>
<li><a href='calendar-list.html'>Calendar List</a></li>
</ul>
</li>
<li><a href="mail-inbox.html" aria-expanded="false"><i className="nav-icon ti ti-email"></i><span
className="nav-title">Mail</span></a></li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-bag"></i> <span className="nav-title">UI Kit</span></a>
<ul aria-expanded="false">
<li><a href="ui-alerts.html">Alerts</a></li>
<li><a href="ui-accordions.html">Accordions</a></li>
<li><a className="has-arrow" href="javascript: void(0);">Buttons</a>
<ul aria-expanded="false">
<li><a href="ui-button.html">Default Buttons</a></li>
<li><a href="ui-button-icon.html">Icon Buttons</a></li>
<li><a href="ui-button-block.html">Block Buttons</a></li>
<li><a href="ui-button-social.html">Social Buttons</a></li>
<li><a href="ui-button-groups.html">Group Buttons</a></li>
</ul>
</li>
<li><a href="ui-badges.html">Badges</a></li>
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-dropdowns.html">Dropdowns</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-list-group.html">List Group</a></li>
<li><a href="ui-lightbox.html">Light Box</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-media.html">Media</a></li>
<li><a href="ui-nestable-list.html">Nestable List</a></li>
<li><a href="ui-pagination.html">Pagination</a></li>
<li><a href="ui-progressbars.html">Progress Bars</a></li>
<li><a href="ui-sweet-alert.html">Sweet Alert</a></li>
<li><a href="ui-tabs.html">Tabs</a></li>
<li><a href="ui-nav.html">Nav</a></li>
<li><a href="ui-tooltips-popovers.html">Tooltips & Popovers</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-toastr.html">Toastr</a></li>
<li><a href="ui-video.html">Video</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-info"></i><span className="nav-title">Icons</span> </a>
<ul aria-expanded="false">
<li><a href="icons-cryptocurrency.html">Cryptocurrency Icons</a></li>
<li><a href="icons-drip.html">Drip Icons</a></li>
<li><a href="icons-dash.html">Dash Icons</a></li>
<li><a href="icons-feather.html">Feather Icons</a></li>
<li><a href="icons-fontawesome.html">Font Awesome</a></li>
<li><a href="icons-ion.html">Ion Icons</a></li>
<li><a href="icons-weather.html">Weather Icons</a></li>
<li><a href="icons-material.html">Material Icons</a></li>
<li><a href="icons-themify.html">Themify Icons</a></li>
</ul>
</li>
<li className="nav-static-title">Widgets, Tables & Layouts</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i
className="nav-icon ti ti-settings"></i> <span className="nav-title">Widgets</span> <span
className="nav-label label label-success">New</span> </a>
<ul aria-expanded="false">
<li><a href="widget-chart.html">Chart Widget</a></li>
<li><a href="widget-list.html">List Widget</a></li>
<li><a href="widget-social.html">Social Widget</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layout-tab-window"></i><span className="nav-title">Tables</span></a>
<ul aria-expanded="false">
<li><a href="tables-basic.html">Basic Table</a></li>
<li><a href="tables-color.html">Color Table </a></li>
<li><a href="tables-datatable.html">Data Table</a></li>
<li><a href="tables-editable.html">Editable Table</a></li>
<li><a href="tables-export.html">Export Table</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layout"></i> <span className="nav-title">Layouts</span></a>
<ul aria-expanded="false">
<li><a href="layout-mini.html">Sidebar Mini</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-pie-chart"></i><span className="nav-title">Charts</span></a>
<ul aria-expanded="false">
<li><a href="chart-apex.html">Apex Chart</a></li>
<li><a href="chart-flot.html">Flot Chart</a></li>
<li><a href="chart-morris.html">Morris Chart</a></li>
<li><a href="chart-chartist.html">Chartist Charts</a></li>
<li><a href="chart-chartjs.html">Chartjs Chart</a></li>
<li><a href="chart-c3.html">C3 Chart</a></li>
<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
<li><a href="chart-knob.html">Knob Chart</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i
className="nav-icon ti ti-pencil-alt"></i> <span className="nav-title">Forms</span> </a>
<ul aria-expanded="false">
<li><a href="form-autonumeric.html">Autonumeric</a></li>
<li><a href="form-editors.html">Editors</a></li>
<li><a href="form-elements.html">Elements</a></li>
<li><a href="form-file-upload.html">Drop Zone</a></li>
<li><a href="form-input-groups.html">Input Groups</a></li>
<li><a href="form-inputmask.html">Input Masks</a></li>
<li><a href="form-layouts.html">Forms Layouts</a></li>
<li><a href="form-listbox.html">Listbox</a></li>
<li><a href="form-pickers.html">Pickers</a></li>
<li><a href="form-range-slider.html">Range Slider</a></li>
<li><a href="form-selects.html">Selects</a></li>
<li><a href="form-switchers.html">Switchers</a></li>
<li><a href="form-validation.html">Validation</a></li>
</ul>
</li>
<li className="nav-static-title">Extra Components</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-map-alt"></i><span className="nav-title">Maps</span></a>
<ul aria-expanded="false">
<li><a href="maps-google.html">Google Maps</a></li>
<li><a href="maps-vector.html">Vector Maps</a></li>
<li><a href="maps-mapael.html">Mapael Maps</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layers"></i><span className="nav-title">Pages</span><span
className="nav-label label label-primary">12</span></a>
<ul aria-expanded="false">
<li><a href="page-account-settings.html">Account Settings</a></li>
<li><a href="page-clients.html">Clients</a></li>
<li><a href="page-contacts.html">Contacts</a></li>
<li><a href="page-employees.html">Employees</a></li>
<li><a href="page-faq.html">FAQ</a></li>
<li><a href="page-file-manager.html">File Manager</a></li>
<li><a href="page-gallery.html">Gallery</a></li>
<li><a href="page-pricing.html">Pricing</a></li>
<li><a href="page-task-list.html">Task List</a></li>
<li><a href="page-404.html">404</a></li>
<li><a href="page-500.html">500</a></li>
<li><a href="page-coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-key"></i><span className="nav-title">Auth</span></a>
<ul aria-expanded="false">
<li><a href="auth-login.html">Login</a></li>
<li><a href="auth-register.html">Register</a></li>
<li><a href="auth-lockscreen.html">Lock Screen</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-list"></i><span className="nav-title">Multi Level</span></a>
<ul aria-expanded="false">
<li><a href="javascript: void(0);">Level 1.1</a></li>
<li className="scoop-hasmenu">
<a className="has-arrow" href="javascript: void(0);">Level 1.2</a>
<ul aria-expanded="false">
<li><a href="javascript: void(0);">Level 2.1</a></li>
<li><a href="javascript: void(0);">Level 2.2</a></li>
</ul>
</li>
</ul>
</li>
<li className="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 className="text-white mb-1">Mentor admin</h5>
<p className="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
<a className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy
now</a>
</li>
</ul>
</div>
<UserMenu />
</aside>
<div className="app-main" id="main">
<div className="container-fluid">
+220
View File
@@ -0,0 +1,220 @@
import React from 'react'
export default function UserMenu() {
return (
<>
<div className="sidebar-nav scrollbar scroll_dark">
<ul className="metismenu " id="sidebarNav">
<li className="nav-static-title">Personal</li>
<li className="active">
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false">
<i className="nav-icon ti ti-rocket"></i>
<span className="nav-title">Dashboards</span>
<span className="nav-label label label-danger">9</span>
</a>
<ul aria-expanded="false">
<li><a href='index.html'>Default</a></li>
<li className="active"><a href='index-ecommerce.html'>Ecommerce</a></li>
<li><a href='index-car-dealer.html'>Car Dealer</a></li>
<li><a href='index-stock-market.html'>Stock Market</a></li>
<li><a href='index-dating.html'>Dating</a></li>
<li><a href='index-job-portal.html'>Job Portal</a></li>
<li><a href='index-crm.html'>CRM</a></li>
<li><a href='index-real-estate.html'>Real Estate</a></li>
<li><a href='index-crypto-currency.html'>Crypto Currency</a></li>
</ul>
</li>
<li><a href="app-chat.html" aria-expanded="false"><i className="nav-icon ti ti-comment"></i><span
className="nav-title">Chat</span></a></li>
<li><a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-calendar"></i><span className="nav-title">Calendar</span></a>
<ul aria-expanded="false">
<li><a href='calendar-full.html'>Full Calendar</a></li>
<li><a href='calendar-list.html'>Calendar List</a></li>
</ul>
</li>
<li><a href="mail-inbox.html" aria-expanded="false"><i className="nav-icon ti ti-email"></i><span
className="nav-title">Mail</span></a></li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-bag"></i> <span className="nav-title">UI Kit</span></a>
<ul aria-expanded="false">
<li><a href="ui-alerts.html">Alerts</a></li>
<li><a href="ui-accordions.html">Accordions</a></li>
<li><a className="has-arrow" href="javascript: void(0);">Buttons</a>
<ul aria-expanded="false">
<li><a href="ui-button.html">Default Buttons</a></li>
<li><a href="ui-button-icon.html">Icon Buttons</a></li>
<li><a href="ui-button-block.html">Block Buttons</a></li>
<li><a href="ui-button-social.html">Social Buttons</a></li>
<li><a href="ui-button-groups.html">Group Buttons</a></li>
</ul>
</li>
<li><a href="ui-badges.html">Badges</a></li>
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-dropdowns.html">Dropdowns</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-list-group.html">List Group</a></li>
<li><a href="ui-lightbox.html">Light Box</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-media.html">Media</a></li>
<li><a href="ui-nestable-list.html">Nestable List</a></li>
<li><a href="ui-pagination.html">Pagination</a></li>
<li><a href="ui-progressbars.html">Progress Bars</a></li>
<li><a href="ui-sweet-alert.html">Sweet Alert</a></li>
<li><a href="ui-tabs.html">Tabs</a></li>
<li><a href="ui-nav.html">Nav</a></li>
<li><a href="ui-tooltips-popovers.html">Tooltips & Popovers</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-toastr.html">Toastr</a></li>
<li><a href="ui-video.html">Video</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-info"></i><span className="nav-title">Icons</span> </a>
<ul aria-expanded="false">
<li><a href="icons-cryptocurrency.html">Cryptocurrency Icons</a></li>
<li><a href="icons-drip.html">Drip Icons</a></li>
<li><a href="icons-dash.html">Dash Icons</a></li>
<li><a href="icons-feather.html">Feather Icons</a></li>
<li><a href="icons-fontawesome.html">Font Awesome</a></li>
<li><a href="icons-ion.html">Ion Icons</a></li>
<li><a href="icons-weather.html">Weather Icons</a></li>
<li><a href="icons-material.html">Material Icons</a></li>
<li><a href="icons-themify.html">Themify Icons</a></li>
</ul>
</li>
<li className="nav-static-title">Widgets, Tables & Layouts</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i
className="nav-icon ti ti-settings"></i> <span className="nav-title">Widgets</span> <span
className="nav-label label label-success">New</span> </a>
<ul aria-expanded="false">
<li><a href="widget-chart.html">Chart Widget</a></li>
<li><a href="widget-list.html">List Widget</a></li>
<li><a href="widget-social.html">Social Widget</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layout-tab-window"></i><span className="nav-title">Tables</span></a>
<ul aria-expanded="false">
<li><a href="tables-basic.html">Basic Table</a></li>
<li><a href="tables-color.html">Color Table </a></li>
<li><a href="tables-datatable.html">Data Table</a></li>
<li><a href="tables-editable.html">Editable Table</a></li>
<li><a href="tables-export.html">Export Table</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layout"></i> <span className="nav-title">Layouts</span></a>
<ul aria-expanded="false">
<li><a href="layout-mini.html">Sidebar Mini</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-pie-chart"></i><span className="nav-title">Charts</span></a>
<ul aria-expanded="false">
<li><a href="chart-apex.html">Apex Chart</a></li>
<li><a href="chart-flot.html">Flot Chart</a></li>
<li><a href="chart-morris.html">Morris Chart</a></li>
<li><a href="chart-chartist.html">Chartist Charts</a></li>
<li><a href="chart-chartjs.html">Chartjs Chart</a></li>
<li><a href="chart-c3.html">C3 Chart</a></li>
<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
<li><a href="chart-knob.html">Knob Chart</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"> <i
className="nav-icon ti ti-pencil-alt"></i> <span className="nav-title">Forms</span> </a>
<ul aria-expanded="false">
<li><a href="form-autonumeric.html">Autonumeric</a></li>
<li><a href="form-editors.html">Editors</a></li>
<li><a href="form-elements.html">Elements</a></li>
<li><a href="form-file-upload.html">Drop Zone</a></li>
<li><a href="form-input-groups.html">Input Groups</a></li>
<li><a href="form-inputmask.html">Input Masks</a></li>
<li><a href="form-layouts.html">Forms Layouts</a></li>
<li><a href="form-listbox.html">Listbox</a></li>
<li><a href="form-pickers.html">Pickers</a></li>
<li><a href="form-range-slider.html">Range Slider</a></li>
<li><a href="form-selects.html">Selects</a></li>
<li><a href="form-switchers.html">Switchers</a></li>
<li><a href="form-validation.html">Validation</a></li>
</ul>
</li>
<li className="nav-static-title">Extra Components</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-map-alt"></i><span className="nav-title">Maps</span></a>
<ul aria-expanded="false">
<li><a href="maps-google.html">Google Maps</a></li>
<li><a href="maps-vector.html">Vector Maps</a></li>
<li><a href="maps-mapael.html">Mapael Maps</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-layers"></i><span className="nav-title">Pages</span><span
className="nav-label label label-primary">12</span></a>
<ul aria-expanded="false">
<li><a href="page-account-settings.html">Account Settings</a></li>
<li><a href="page-clients.html">Clients</a></li>
<li><a href="page-contacts.html">Contacts</a></li>
<li><a href="page-employees.html">Employees</a></li>
<li><a href="page-faq.html">FAQ</a></li>
<li><a href="page-file-manager.html">File Manager</a></li>
<li><a href="page-gallery.html">Gallery</a></li>
<li><a href="page-pricing.html">Pricing</a></li>
<li><a href="page-task-list.html">Task List</a></li>
<li><a href="page-404.html">404</a></li>
<li><a href="page-500.html">500</a></li>
<li><a href="page-coming-soon.html">Coming Soon</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-key"></i><span className="nav-title">Auth</span></a>
<ul aria-expanded="false">
<li><a href="auth-login.html">Login</a></li>
<li><a href="auth-register.html">Register</a></li>
<li><a href="auth-lockscreen.html">Lock Screen</a></li>
</ul>
</li>
<li>
<a className="has-arrow" href="javascript:void(0)" aria-expanded="false"><i
className="nav-icon ti ti-list"></i><span className="nav-title">Multi Level</span></a>
<ul aria-expanded="false">
<li><a href="javascript: void(0);">Level 1.1</a></li>
<li className="scoop-hasmenu">
<a className="has-arrow" href="javascript: void(0);">Level 1.2</a>
<ul aria-expanded="false">
<li><a href="javascript: void(0);">Level 2.1</a></li>
<li><a href="javascript: void(0);">Level 2.2</a></li>
</ul>
</li>
</ul>
</li>
<li className="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
<h5 className="text-white mb-1">Mentor admin</h5>
<p className="font-13 text-white line-20">Multipurpose Bootstrap 4 Admin Template</p>
<a className="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy
now</a>
</li>
</ul>
</div>
</>
)
}