Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
bf4c356770 |
+3
-3
@@ -14,13 +14,13 @@ function App() {
|
|||||||
return (
|
return (
|
||||||
<div className="">
|
<div className="">
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path={siteLinks.home} element={<LoginPage />} />
|
<Route path={siteLinks.login} element={<LoginPage />} />
|
||||||
<Route path={siteLinks.signup} element={<SignupPage />} />
|
<Route path={siteLinks.signup} element={<SignupPage />} />
|
||||||
<Route path={siteLinks.error} element={<ForgetpwdPage />} />
|
<Route path={siteLinks.forgetpwd} element={<ForgetpwdPage />} />
|
||||||
|
|
||||||
{/* protected routes */}
|
{/* protected routes */}
|
||||||
<Route element={<UserExist />}>
|
<Route element={<UserExist />}>
|
||||||
<Route path={siteLinks.dash} element={<HomePage />} />
|
<Route path={siteLinks.home} element={<HomePage />} />
|
||||||
</Route>
|
</Route>
|
||||||
</Routes>
|
</Routes>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,12 +1,16 @@
|
|||||||
import React, { useEffect, useState } from 'react'
|
import React, { useEffect, useState } from 'react'
|
||||||
import LoginImg from '../../assets/bg/login.svg'
|
import LoginImg from '../../assets/bg/login.svg'
|
||||||
|
|
||||||
import MainLoader from '../loaders/MainLoader'
|
import BSMainLoader from '../loaders/BSMainLoader'
|
||||||
|
import { Link, useNavigate } from 'react-router-dom'
|
||||||
|
import siteLinks from '../../links/siteLinks'
|
||||||
|
|
||||||
export default function Login() {
|
export default function Login() {
|
||||||
|
|
||||||
const [loading, setLoading] = useState(true)
|
const [loading, setLoading] = useState(true)
|
||||||
|
|
||||||
|
const navigate = useNavigate()
|
||||||
|
|
||||||
useEffect(()=>{
|
useEffect(()=>{
|
||||||
const timer = setTimeout(()=>{
|
const timer = setTimeout(()=>{
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
@@ -17,9 +21,8 @@ export default function Login() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="bg-white">
|
<div className="bg-white">
|
||||||
|
|
||||||
{loading ?
|
{loading ?
|
||||||
<MainLoader />
|
<BSMainLoader />
|
||||||
:
|
:
|
||||||
<div className="app">
|
<div className="app">
|
||||||
<div className="app-wrap">
|
<div className="app-wrap">
|
||||||
@@ -54,21 +57,21 @@ export default function Login() {
|
|||||||
Remember Me
|
Remember Me
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<a href="#" className="ml-auto">Forgot Password ?</a>
|
<Link to={siteLinks.forgetpwd} className="ml-auto">Forgot Password ?</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 mt-3">
|
<div className="col-12 mt-3">
|
||||||
<a href="index.html" className="btn btn-primary text-uppercase">Sign In</a>
|
<button onClick={()=>{navigate(siteLinks.home)}} className="btn btn-primary text-uppercase">Sign In</button>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 mt-3">
|
<div className="col-12 mt-3">
|
||||||
<p>Don't have an account ?<a href="auth-register.html"> Sign Up</a></p>
|
<p>Don't have an account ?<Link to={siteLinks.signup}> Sign Up</Link></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2" style={{background: 'linear-gradient(to right, #8e54e9 0, #4776e6 100%)'}}>
|
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2">
|
||||||
<div className="row align-items-center h-100">
|
<div className="row align-items-center h-100">
|
||||||
<div className="col-7 mx-auto ">
|
<div className="col-7 mx-auto ">
|
||||||
<img className="img-fluid" src={LoginImg} alt="" />
|
<img className="img-fluid" src={LoginImg} alt="" />
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import React, { useEffect, useState } from 'react'
|
import React, { useEffect, useState } from 'react'
|
||||||
import { Outlet } from 'react-router-dom'
|
import { Outlet } from 'react-router-dom'
|
||||||
import MainLoader from '../loaders/MainLoader'
|
import BSMainLoader from '../loaders/BSMainLoader'
|
||||||
|
|
||||||
export default function UserExist() {
|
export default function UserExist() {
|
||||||
|
|
||||||
@@ -17,7 +17,7 @@ export default function UserExist() {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{loading ?
|
{loading ?
|
||||||
<MainLoader />
|
<BSMainLoader />
|
||||||
:
|
:
|
||||||
<Outlet />
|
<Outlet />
|
||||||
}
|
}
|
||||||
|
|||||||
+198
-200
@@ -37,12 +37,12 @@ export default function Home() {
|
|||||||
<div className="navigation d-flex">
|
<div className="navigation d-flex">
|
||||||
<ul className="navbar-nav nav-left">
|
<ul className="navbar-nav nav-left">
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a href="javascript:void(0)" className="nav-link sidebar-toggle">
|
<a href="#" className="nav-link sidebar-toggle">
|
||||||
<i className="ti ti-align-right"></i>
|
<i className="ti ti-align-right"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a className="nav-link " href="javascript:void(0)" id="navbarDropdown" role="button"
|
<a className="nav-link " href="#" id="navbarDropdown" role="button"
|
||||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Mega Menu
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Mega Menu
|
||||||
<i className="fa fa-angle-down"></i>
|
<i className="fa fa-angle-down"></i>
|
||||||
</a>
|
</a>
|
||||||
@@ -147,25 +147,25 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item dropdown">
|
<li className="nav-item dropdown">
|
||||||
<a href="javascript:void(0)" className="nav-link " id="navbarDropdown1" role="button"
|
<a href="#" className="nav-link " id="navbarDropdown1" role="button"
|
||||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Drop Down
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Drop Down
|
||||||
<i className="fa fa-angle-down"></i>
|
<i className="fa fa-angle-down"></i>
|
||||||
</a>
|
</a>
|
||||||
<div className="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
|
<div className="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
|
||||||
<a className="dropdown-item nav-link" href="javascript:void(0)">Action</a>
|
<a className="dropdown-item nav-link" href="#">Action</a>
|
||||||
<a className="dropdown-item nav-link" href="javascript:void(0)">Another action</a>
|
<a className="dropdown-item nav-link" href="#">Another action</a>
|
||||||
<a className="dropdown-item nav-link" href="javascript:void(0)">Something else here</a>
|
<a className="dropdown-item nav-link" href="#">Something else here</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
|
<li className="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
|
||||||
<a href="javascript:void(0)" className="nav-link expand">
|
<a href="#" className="nav-link expand">
|
||||||
<i className="icon-size-fullscreen"></i>
|
<i className="icon-size-fullscreen"></i>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul className="navbar-nav nav-right ml-auto">
|
<ul className="navbar-nav nav-right ml-auto">
|
||||||
<li className="nav-item dropdown">
|
<li className="nav-item dropdown">
|
||||||
<a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown2"
|
<a className="nav-link dropdown-toggle" href="#" id="navbarDropdown2"
|
||||||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
<i className="ti ti-email"></i>
|
<i className="ti ti-email"></i>
|
||||||
</a>
|
</a>
|
||||||
@@ -179,7 +179,7 @@ export default function Home() {
|
|||||||
<li className="dropdown-body">
|
<li className="dropdown-body">
|
||||||
<ul className="scrollbar scroll_dark max-h-240">
|
<ul className="scrollbar scroll_dark max-h-240">
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/03.jpg" alt="user3" />
|
<img className="img-fluid" src="assets/img/avtar/03.jpg" alt="user3" />
|
||||||
@@ -192,7 +192,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/01.jpg" alt="user" />
|
<img className="img-fluid" src="assets/img/avtar/01.jpg" alt="user" />
|
||||||
@@ -205,7 +205,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/02.jpg" alt="user2" />
|
<img className="img-fluid" src="assets/img/avtar/02.jpg" alt="user2" />
|
||||||
@@ -218,7 +218,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/04.jpg" alt="user4" />
|
<img className="img-fluid" src="assets/img/avtar/04.jpg" alt="user4" />
|
||||||
@@ -231,7 +231,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/05.jpg" alt="user5" />
|
<img className="img-fluid" src="assets/img/avtar/05.jpg" alt="user5" />
|
||||||
@@ -244,7 +244,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<img className="img-fluid" src="assets/img/avtar/06.jpg" alt="user6" />
|
<img className="img-fluid" src="assets/img/avtar/06.jpg" alt="user6" />
|
||||||
@@ -259,13 +259,13 @@ export default function Home() {
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown-footer">
|
<li className="dropdown-footer">
|
||||||
<a className="font-13" href="javascript:void(0)"> View All messages </a>
|
<a className="font-13" href="#"> View All messages </a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item dropdown">
|
<li className="nav-item dropdown">
|
||||||
<a className="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown3"
|
<a className="nav-link dropdown-toggle" href="#" id="navbarDropdown3"
|
||||||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
<i className="fe fe-bell"></i>
|
<i className="fe fe-bell"></i>
|
||||||
<span className="notify">
|
<span className="notify">
|
||||||
@@ -282,7 +282,7 @@ export default function Home() {
|
|||||||
<li className="dropdown-body min-h-240 nicescroll">
|
<li className="dropdown-body min-h-240 nicescroll">
|
||||||
<ul className="scrollbar scroll_dark max-h-240">
|
<ul className="scrollbar scroll_dark max-h-240">
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<div className="bg-type bg-type-md">
|
<div className="bg-type bg-type-md">
|
||||||
@@ -297,7 +297,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<div className="bg-type bg-type-md bg-success">
|
<div className="bg-type bg-type-md bg-success">
|
||||||
@@ -312,7 +312,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<div className="bg-type bg-type-md bg-danger">
|
<div className="bg-type bg-type-md bg-danger">
|
||||||
@@ -327,7 +327,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<div className="bg-type bg-type-md bg-info">
|
<div className="bg-type bg-type-md bg-info">
|
||||||
@@ -342,7 +342,7 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="javascript:void(0)">
|
<a href="#">
|
||||||
<div className="notification d-flex flex-row align-items-center">
|
<div className="notification d-flex flex-row align-items-center">
|
||||||
<div className="notify-icon bg-img align-self-center">
|
<div className="notify-icon bg-img align-self-center">
|
||||||
<div className="bg-type bg-type-md">
|
<div className="bg-type bg-type-md">
|
||||||
@@ -359,14 +359,14 @@ export default function Home() {
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li className="dropdown-footer">
|
<li className="dropdown-footer">
|
||||||
<a className="font-13" href="javascript:void(0)"> View All Notifications
|
<a className="font-13" href="#"> View All Notifications
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<a className="nav-link search" href="javascript:void(0)">
|
<a className="nav-link search" href="#">
|
||||||
<i className="ti ti-search"></i>
|
<i className="ti ti-search"></i>
|
||||||
</a>
|
</a>
|
||||||
<div className="search-wrapper">
|
<div className="search-wrapper">
|
||||||
@@ -385,7 +385,7 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item dropdown user-profile">
|
<li className="nav-item dropdown user-profile">
|
||||||
<a href="javascript:void(0)" className="nav-link dropdown-toggle " id="navbarDropdown4"
|
<a href="#" className="nav-link dropdown-toggle " id="navbarDropdown4"
|
||||||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
<img src="assets/img/avtar/02.jpg" alt="avtar-img" />
|
<img src="assets/img/avtar/02.jpg" alt="avtar-img" />
|
||||||
<span className="bg-success user-status"></span>
|
<span className="bg-success user-status"></span>
|
||||||
@@ -403,16 +403,16 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="p-4">
|
<div className="p-4">
|
||||||
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
<a className="dropdown-item d-flex nav-link" href="#">
|
||||||
<i className="fa fa-user pr-2 text-success"></i> Profile</a>
|
<i className="fa fa-user pr-2 text-success"></i> Profile</a>
|
||||||
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
<a className="dropdown-item d-flex nav-link" href="#">
|
||||||
<i className="fa fa-envelope pr-2 text-primary"></i> Inbox
|
<i className="fa fa-envelope pr-2 text-primary"></i> Inbox
|
||||||
<span className="badge badge-primary ml-auto">6</span>
|
<span className="badge badge-primary ml-auto">6</span>
|
||||||
</a>
|
</a>
|
||||||
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
<a className="dropdown-item d-flex nav-link" href="#">
|
||||||
<i className=" ti ti-settings pr-2 text-info"></i> Settings
|
<i className=" ti ti-settings pr-2 text-info"></i> Settings
|
||||||
</a>
|
</a>
|
||||||
<a className="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
<a className="dropdown-item d-flex nav-link" href="#">
|
||||||
<i className="fa fa-compass pr-2 text-warning"></i> Need help?</a>
|
<i className="fa fa-compass pr-2 text-warning"></i> Need help?</a>
|
||||||
<div className="row mt-2">
|
<div className="row mt-2">
|
||||||
<div className="col">
|
<div className="col">
|
||||||
@@ -577,7 +577,7 @@ export default function Home() {
|
|||||||
<a className="btn btn-xs" href="#!">Export <i className="zmdi zmdi-download pl-1"></i> </a>
|
<a className="btn btn-xs" href="#!">Export <i className="zmdi zmdi-download pl-1"></i> </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="card-body scrollbar scroll_dark pt-0" style="max-height: 350px;">
|
<div className="card-body scrollbar scroll_dark pt-0" style={{maxHeight: '350px'}}>
|
||||||
<div className="datatable-wrapper table-responsive">
|
<div className="datatable-wrapper table-responsive">
|
||||||
<table id="datatable" className="table table-borderless table-striped">
|
<table id="datatable" className="table table-borderless table-striped">
|
||||||
<thead>
|
<thead>
|
||||||
@@ -596,546 +596,544 @@ export default function Home() {
|
|||||||
<td>Cold Shoulder Bling Dress</td>
|
<td>Cold Shoulder Bling Dress</td>
|
||||||
<td>$65.342</td>
|
<td>$65.342</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 80%;"
|
<div className="progress-bar" role="progressbar" style={{width: '80%'}}
|
||||||
aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>2</td>
|
<td>2</td>
|
||||||
<td>PlayStation 4 Pro 1TB Console</td>
|
<td>PlayStation 4 Pro 1TB Console</td>
|
||||||
<td>$47.655</td>
|
<td>$47.655</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 36%;"
|
<div className="progress-bar" role="progressbar" style={{width: '36%'}} aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>3</td>
|
<td>3</td>
|
||||||
<td>Extra Fine Wool Jumpers</td>
|
<td>Extra Fine Wool Jumpers</td>
|
||||||
<td>$56.479</td>
|
<td>$56.479</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 60%;"
|
<div className="progress-bar" role="progressbar" style={{width: '60%'}} aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-danger-inverse">Canceled</span></td>
|
<td><span className="badge badge-danger-inverse">Canceled</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>4</td>
|
<td>4</td>
|
||||||
<td>Long Sleeve Bow Top</td>
|
<td>Long Sleeve Bow Top</td>
|
||||||
<td>$04.786</td>
|
<td>$04.786</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 50%;"
|
<div className="progress-bar" role="progressbar" style={{width: '50%'}}
|
||||||
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>5</td>
|
<td>5</td>
|
||||||
<td>Shine Stripe Long Sleeve Ruffle</td>
|
<td>Shine Stripe Long Sleeve Ruffle</td>
|
||||||
<td>$23.456</td>
|
<td>$23.456</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 75%;"
|
<div className="progress-bar" role="progressbar" style={{width: '75%'}}
|
||||||
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>6</td>
|
<td>6</td>
|
||||||
<td>Long Sleeve Micro Thermal Shirt</td>
|
<td>Long Sleeve Micro Thermal Shirt</td>
|
||||||
<td>$65.598</td>
|
<td>$65.598</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 90%;"
|
<div className="progress-bar" role="progressbar" style={{width: '90%'}}
|
||||||
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-info-inverse">info</span></td>
|
<td><span className="badge badge-info-inverse">info</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>7</td>
|
<td>7</td>
|
||||||
<td>Standard Fit Bomber Sweater</td>
|
<td>Standard Fit Bomber Sweater</td>
|
||||||
<td>$87.659</td>
|
<td>$87.659</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 45%;"
|
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
|
||||||
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-warning-inverse">Warning</span></td>
|
<td><span className="badge badge-warning-inverse">Warning</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>8</td>
|
<td>8</td>
|
||||||
<td>Standard Fit Crew T-Shirt</td>
|
<td>Standard Fit Crew T-Shirt</td>
|
||||||
<td>$32.466</td>
|
<td>$32.466</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 55%;"
|
<div className="progress-bar" role="progressbar" style={{width: '55%'}}
|
||||||
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>9</td>
|
<td>9</td>
|
||||||
<td>Standard Fit Short Sleeve V-Neck</td>
|
<td>Standard Fit Short Sleeve V-Neck</td>
|
||||||
<td>$03.544</td>
|
<td>$03.544</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 70%;"
|
<div className="progress-bar" role="progressbar" style={{width: '70%'}}
|
||||||
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>10</td>
|
<td>10</td>
|
||||||
<td>Sanus classNameic Small Full Motion Wall</td>
|
<td>Sanus classNameic Small Full Motion Wall</td>
|
||||||
<td>$14.489</td>
|
<td>$14.489</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 65%;"
|
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
|
||||||
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>11</td>
|
<td>11</td>
|
||||||
<td>Jena Gaines</td>
|
<td>Jena Gaines</td>
|
||||||
<td>$78.654</td>
|
<td>$78.654</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>12</td>
|
<td>12</td>
|
||||||
<td>Quinn Flynn</td>
|
<td>Quinn Flynn</td>
|
||||||
<td>$23.486</td>
|
<td>$23.486</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 96%;"
|
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
|
||||||
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>13</td>
|
<td>13</td>
|
||||||
<td>Charde Marshall</td>
|
<td>Charde Marshall</td>
|
||||||
<td>$65.453</td>
|
<td>$65.453</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 74%;"
|
<div className="progress-bar" role="progressbar" style={{width: '74%'}}
|
||||||
aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>14</td>
|
<td>14</td>
|
||||||
<td>Haley Kennedy</td>
|
<td>Haley Kennedy</td>
|
||||||
<td>$78.645</td>
|
<td>$78.645</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 62%;"
|
<div className="progress-bar" role="progressbar" style={{width: '62%'}}
|
||||||
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>15</td>
|
<td>15</td>
|
||||||
<td>Tatyana Fitzpatrick</td>
|
<td>Tatyana Fitzpatrick</td>
|
||||||
<td>$65.342</td>
|
<td>$65.342</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 55%;"
|
<div className="progress-bar" role="progressbar" style={{width: '55%'}}
|
||||||
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>16</td>
|
<td>16</td>
|
||||||
<td>Michael Silva</td>
|
<td>Michael Silva</td>
|
||||||
<td>$07.456</td>
|
<td>$07.456</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>17</td>
|
<td>17</td>
|
||||||
<td>Paul Byrd</td>
|
<td>Paul Byrd</td>
|
||||||
<td>$36.478</td>
|
<td>$36.478</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 36%;"
|
<div className="progress-bar" role="progressbar" style={{width: '36%'}}
|
||||||
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>18</td>
|
<td>18</td>
|
||||||
<td>Gloria Little</td>
|
<td>Gloria Little</td>
|
||||||
<td>$84.798</td>
|
<td>$84.798</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>19</td>
|
<td>19</td>
|
||||||
<td>Bradley Greer</td>
|
<td>Bradley Greer</td>
|
||||||
<td>$12.356</td>
|
<td>$12.356</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 65%;"
|
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
|
||||||
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>20</td>
|
<td>20</td>
|
||||||
<td>Dai Rios</td>
|
<td>Dai Rios</td>
|
||||||
<td>$45.655</td>
|
<td>$45.655</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 85%;"
|
<div className="progress-bar" role="progressbar" style={{width: '85%'}}
|
||||||
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>21</td>
|
<td>21</td>
|
||||||
<td>Jenette Caldwell</td>
|
<td>Jenette Caldwell</td>
|
||||||
<td>$47.586</td>
|
<td>$47.586</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>22</td>
|
<td>22</td>
|
||||||
<td>Yuri Berry</td>
|
<td>Yuri Berry</td>
|
||||||
<td>$36.756</td>
|
<td>$36.756</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 63%;"
|
<div className="progress-bar" role="progressbar" style={{width: '63%'}}
|
||||||
aria-valuenow="63" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="63" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>23</td>
|
<td>23</td>
|
||||||
<td>Caesar Vance</td>
|
<td>Caesar Vance</td>
|
||||||
<td>$78.659</td>
|
<td>$78.659</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 96%;"
|
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
|
||||||
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>24</td>
|
<td>24</td>
|
||||||
<td>Doris Wilder</td>
|
<td>Doris Wilder</td>
|
||||||
<td>$56.484</td>
|
<td>$56.484</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 87%;"
|
<div className="progress-bar" role="progressbar" style={{width: '87%'}}
|
||||||
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>25</td>
|
<td>25</td>
|
||||||
<td>Angelica Ramos</td>
|
<td>Angelica Ramos</td>
|
||||||
<td>$36.796</td>
|
<td>$36.796</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 98%;"
|
<div className="progress-bar" role="progressbar" style={{width: '98%'}}
|
||||||
aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>26</td>
|
<td>26</td>
|
||||||
<td>Gavin Joyce</td>
|
<td>Gavin Joyce</td>
|
||||||
<td>$25.365</td>
|
<td>$25.365</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 87%;"
|
<div className="progress-bar" role="progressbar" style={{width: '87%'}}
|
||||||
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>27</td>
|
<td>27</td>
|
||||||
<td>Jennifer Chang</td>
|
<td>Jennifer Chang</td>
|
||||||
<td>$78.489</td>
|
<td>$78.489</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 70%;"
|
<div className="progress-bar" role="progressbar" style={{width: '70%'}}
|
||||||
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>28</td>
|
<td>28</td>
|
||||||
<td>Brenden Wagner</td>
|
<td>Brenden Wagner</td>
|
||||||
<td>$35.987</td>
|
<td>$35.987</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 65%;"
|
<div className="progress-bar" role="progressbar" style={{width: '65%'}}
|
||||||
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>29</td>
|
<td>29</td>
|
||||||
<td>Fiona Green</td>
|
<td>Fiona Green</td>
|
||||||
<td>$78.464</td>
|
<td>$78.464</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 75%;"
|
<div className="progress-bar" role="progressbar" style={{width: '75%'}}
|
||||||
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>30</td>
|
<td>30</td>
|
||||||
<td>Shou Itou</td>
|
<td>Shou Itou</td>
|
||||||
<td>$61.444</td>
|
<td>$61.444</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 85%;"
|
<div className="progress-bar" role="progressbar" style={{width: '85%'}}
|
||||||
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>31</td>
|
<td>31</td>
|
||||||
<td>Michelle House</td>
|
<td>Michelle House</td>
|
||||||
<td>$85.488</td>
|
<td>$85.488</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>32</td>
|
<td>32</td>
|
||||||
<td>Suki Burks</td>
|
<td>Suki Burks</td>
|
||||||
<td>$89.463</td>
|
<td>$89.463</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 66%;"
|
<div className="progress-bar" role="progressbar" style={{width: '66%'}}
|
||||||
aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>33</td>
|
<td>33</td>
|
||||||
<td>Prescott Bartlett</td>
|
<td>Prescott Bartlett</td>
|
||||||
<td>$23.464</td>
|
<td>$23.464</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 62%;"
|
<div className="progress-bar" role="progressbar" style={{width: '62%'}}
|
||||||
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>34</td>
|
<td>34</td>
|
||||||
<td>Gavin Cortez</td>
|
<td>Gavin Cortez</td>
|
||||||
<td>$12.254</td>
|
<td>$12.254</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 45%;"
|
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
|
||||||
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>35</td>
|
<td>35</td>
|
||||||
<td>Martena Mccray</td>
|
<td>Martena Mccray</td>
|
||||||
<td>$24.478</td>
|
<td>$24.478</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 36%;"
|
<div className="progress-bar" role="progressbar" style={{width: '36%'}}
|
||||||
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>36</td>
|
<td>36</td>
|
||||||
<td>Unity Butler</td>
|
<td>Unity Butler</td>
|
||||||
<td>$36.478</td>
|
<td>$36.478</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 45%;"
|
<div className="progress-bar" role="progressbar" style={{width: '45%'}}
|
||||||
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>37</td>
|
<td>37</td>
|
||||||
<td>Howard Hatfield</td>
|
<td>Howard Hatfield</td>
|
||||||
<td>$48.654</td>
|
<td>$48.654</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 96%;"
|
<div className="progress-bar" role="progressbar" style={{width: '96%'}}
|
||||||
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>38</td>
|
<td>38</td>
|
||||||
<td>Hope Fuentes</td>
|
<td>Hope Fuentes</td>
|
||||||
<td>$78.654</td>
|
<td>$78.654</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 47%;"
|
<div className="progress-bar" role="progressbar" style={{width: '47%'}}
|
||||||
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="47" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>39</td>
|
<td>39</td>
|
||||||
<td>Vivian Harrell</td>
|
<td>Vivian Harrell</td>
|
||||||
<td>$26.154</td>
|
<td>$26.154</td>
|
||||||
<td>
|
<td>
|
||||||
<div className="progress my-3" style="height: 3px;">
|
<div className="progress my-3" style={{height: '3px'}}>
|
||||||
<div className="progress-bar" role="progressbar" style="width: 56%;"
|
<div className="progress-bar" role="progressbar" style={{width: '56%'}}
|
||||||
aria-valuenow="56" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="56" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td><span className="badge badge-success-inverse">Active</span></td>
|
<td><span className="badge badge-success-inverse">Active</span></td>
|
||||||
<td><a className="mr-3" href="javascript:void(0);"><i className="fe fe-edit"></i></a><a
|
<td><a className="mr-3" href=""><i className="fe fe-edit"></i></a><a
|
||||||
href="javascript:void(0);"><i className="fe fe-trash-2"></i></a></td>
|
href=""><i className="fe fe-trash-2"></i></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
<tfoot>
|
||||||
@@ -1185,7 +1183,7 @@ export default function Home() {
|
|||||||
<div className="row mt-4">
|
<div className="row mt-4">
|
||||||
<div className="col-lg-8">
|
<div className="col-lg-8">
|
||||||
<div className="morris-wrapper">
|
<div className="morris-wrapper">
|
||||||
<div id="morrisecommerce1" style="height: 260px;"></div>
|
<div id="morrisecommerce1" style={{height: '260px'}}></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-lg-4 mt-4">
|
<div className="col-lg-4 mt-4">
|
||||||
@@ -1254,7 +1252,7 @@ export default function Home() {
|
|||||||
<input type="text" className="form-control form-control-sm" placeholder="Search Invoice"/>
|
<input type="text" className="form-control form-control-sm" placeholder="Search Invoice"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="card-body scrollbar scroll_dark" style="max-height: 420px;">
|
<div className="card-body scrollbar scroll_dark" style={{maxHeight: '420px'}}>
|
||||||
<div className="d-xxs-flex align-items-center">
|
<div className="d-xxs-flex align-items-center">
|
||||||
<div className="total-sales">
|
<div className="total-sales">
|
||||||
<p>Total Sales</p>
|
<p>Total Sales</p>
|
||||||
@@ -1264,14 +1262,14 @@ export default function Home() {
|
|||||||
<button className="btn btn-primary btn-xs">View All Invoices</button>
|
<button className="btn btn-primary btn-xs">View All Invoices</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="d-none d-sm-flex progress m-t-20 m-b-0" style="height: 5px;">
|
<div className="d-none d-sm-flex progress m-t-20 m-b-0" style={{height: '5px'}}>
|
||||||
<div className="progress-bar bg-primary" role="progressbar" style="width: 25%"
|
<div className="progress-bar bg-primary" role="progressbar" style={{width: '25%'}}
|
||||||
aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
<div className="progress-bar bg-warning" role="progressbar" style="width: 25%"
|
<div className="progress-bar bg-warning" role="progressbar" style={{width: '25%'}}
|
||||||
aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
<div className="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="20"
|
<div className="progress-bar bg-info" role="progressbar" style={{width: '25%'}} aria-valuenow="20"
|
||||||
aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
<div className="progress-bar bg-success" role="progressbar" style="width: 25%"
|
<div className="progress-bar bg-success" role="progressbar" style={{width: '25%'}}
|
||||||
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
<div className="row no-gutters">
|
<div className="row no-gutters">
|
||||||
@@ -1471,8 +1469,8 @@ export default function Home() {
|
|||||||
<span>Ordered: <b>45</b></span>
|
<span>Ordered: <b>45</b></span>
|
||||||
<span className="ml-auto">Items available: <b>8</b></span>
|
<span className="ml-auto">Items available: <b>8</b></span>
|
||||||
</div>
|
</div>
|
||||||
<div className="progress my-3" style="height: 6px;">
|
<div className="progress my-3" style={{height: '6px'}}>
|
||||||
<div className="progress-bar bg-success" role="progressbar" style="width: 65%;"
|
<div className="progress-bar bg-success" role="progressbar" style={{width: '65%'}}
|
||||||
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1489,7 +1487,7 @@ export default function Home() {
|
|||||||
<div className="col-xxs-6 h-100 p-2 border-right border-bottom border-xxs-right-0">
|
<div className="col-xxs-6 h-100 p-2 border-right border-bottom border-xxs-right-0">
|
||||||
<div className="d-flex align-items-center justify-content-center">
|
<div className="d-flex align-items-center justify-content-center">
|
||||||
<div className="p-3 text-center">
|
<div className="p-3 text-center">
|
||||||
<a href="javascript:void(0);"
|
<a href=""
|
||||||
className="btn btn-icon btn-round btn-inverse-primary"><i
|
className="btn btn-icon btn-round btn-inverse-primary"><i
|
||||||
className="fe fe-settings"></i></a>
|
className="fe fe-settings"></i></a>
|
||||||
<h2 className="m-t-20 mb-0">$272</h2>
|
<h2 className="m-t-20 mb-0">$272</h2>
|
||||||
@@ -1501,7 +1499,7 @@ export default function Home() {
|
|||||||
<div className="col-xxs-6 h-100 p-2 border-bottom">
|
<div className="col-xxs-6 h-100 p-2 border-bottom">
|
||||||
<div className="d-flex align-items-center justify-content-center">
|
<div className="d-flex align-items-center justify-content-center">
|
||||||
<div className="p-3 text-center">
|
<div className="p-3 text-center">
|
||||||
<a href="javascript:void(0);"
|
<a href=""
|
||||||
className="btn btn-icon btn-round btn-inverse-success"><i
|
className="btn btn-icon btn-round btn-inverse-success"><i
|
||||||
className="fe fe-user-check"></i></a>
|
className="fe fe-user-check"></i></a>
|
||||||
<h2 className="m-t-20 mb-0">$450</h2>
|
<h2 className="m-t-20 mb-0">$450</h2>
|
||||||
@@ -1514,7 +1512,7 @@ export default function Home() {
|
|||||||
<div className="col-xxs-6 h-100 p-2 border-right border-xxs-bottom border-xxs-right-0">
|
<div className="col-xxs-6 h-100 p-2 border-right border-xxs-bottom border-xxs-right-0">
|
||||||
<div className="d-flex align-items-center justify-content-center">
|
<div className="d-flex align-items-center justify-content-center">
|
||||||
<div className="p-3 text-center">
|
<div className="p-3 text-center">
|
||||||
<a href="javascript:void(0);" className="btn btn-icon btn-round btn-inverse-danger"><i
|
<a href="" className="btn btn-icon btn-round btn-inverse-danger"><i
|
||||||
className="fe fe-bar-chart-2"></i></a>
|
className="fe fe-bar-chart-2"></i></a>
|
||||||
<h2 className="m-t-20 mb-0">$135</h2>
|
<h2 className="m-t-20 mb-0">$135</h2>
|
||||||
<p className="text-muted d-block m-b-0">Quantity</p>
|
<p className="text-muted d-block m-b-0">Quantity</p>
|
||||||
@@ -1526,7 +1524,7 @@ export default function Home() {
|
|||||||
<div className="col-xxs-6 h-100 p-2 ">
|
<div className="col-xxs-6 h-100 p-2 ">
|
||||||
<div className="d-flex align-items-center justify-content-center">
|
<div className="d-flex align-items-center justify-content-center">
|
||||||
<div className="p-3 text-center">
|
<div className="p-3 text-center">
|
||||||
<a href="javascript:void(0);" className="btn btn-icon btn-round btn-inverse-info"><i
|
<a href="" className="btn btn-icon btn-round btn-inverse-info"><i
|
||||||
className="fe fe-crosshair"></i></a>
|
className="fe fe-crosshair"></i></a>
|
||||||
<h2 className="m-t-20 mb-0">$7525</h2>
|
<h2 className="m-t-20 mb-0">$7525</h2>
|
||||||
<p className="text-muted d-block m-b-0">Total Products</p>
|
<p className="text-muted d-block m-b-0">Total Products</p>
|
||||||
|
|||||||
@@ -0,0 +1,15 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
import Loader from '../../assets/loader/loader.svg'
|
||||||
|
|
||||||
|
export default function BSMainLoader() {
|
||||||
|
return (
|
||||||
|
<div className="loader">
|
||||||
|
<div className="vh-100 d-flex justify-content-center">
|
||||||
|
<div className="align-self-center">
|
||||||
|
<img src={Loader} alt="loader" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -1,8 +1,8 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import Login from '../component/auth/Login'
|
import Login2 from '../component/auth/Login2'
|
||||||
|
|
||||||
export default function LoginPage() {
|
export default function LoginPage() {
|
||||||
return (
|
return (
|
||||||
<Login />
|
<Login2 />
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user