⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.10
Server IP:
15.204.235.159
Server:
Linux srv.techlup.co.ke 4.18.0-553.5.1.el8_10.x86_64 #1 SMP Wed Jun 5 09:12:13 EDT 2024 x86_64
Server Software:
Apache
PHP Version:
8.2.27
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
tech
/
hr.techlup.co.ke
/
hr
/
resources
/
js
/
Pages
/
Edit File: Dashboard.jsx
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Link } from "@inertiajs/react"; import { Card } from "primereact/card"; import { BreadCrumb } from "primereact/breadcrumb"; import { classNames } from "primereact/utils"; export default function Dashboard({ auth }) { const items = [ { template: (item, options) => { return ( <Link href={route("dashboard")} className={classNames( options.className, "text-dark text-decoration-none" )} > <b>{auth.user.business_name}</b>{" "} </Link> ); }, }, { label: "Dashboard" }, ]; const home = { icon: "pi pi-home" }; return ( <AuthenticatedLayout user={auth.user} title="Dashboard"> <div className="p-3"></div> <div className="container-fluid"> <div className="row mb-2 mx-1"> <BreadCrumb model={items} home={home} /> </div> <div className="row"> <div className="col-md-3 mb-3 text-center"> {" "} <Card className="border-end border-start border-primary border-5"> <h3 className="card-title text-primary"> <b>20</b> </h3> <span className="small">Employee Absent Today</span> <div className="mt-2"> <Link className="btn btn-sm btn-outline-primary float-end"> View </Link> </div> </Card> </div> <div className="col-md-3 mb-3 text-center"> {" "} <Card className="border-end border-start border-danger border-5"> <h3 className="card-title text-danger"> <b>20</b> </h3> <span className="small">Pending Sales Orders</span> <div className="mt-2"> <Link className="btn btn-sm btn-outline-danger float-end"> View </Link> </div> </Card> </div> <div className="col-md-3 mb-3 text-center"> {" "} <Card className="border-end border-start border-warning border-5"> <h3 className="card-title text-warning"> <b>5,000,000.00</b> </h3> <span className="small">Outstanding Credits</span> <div className="mt-2"> <Link className="btn btn-sm btn-outline-warning float-end"> View </Link> </div> </Card> </div> <div className="col-md-3 mb-3 text-center"> {" "} <Card className="border-end border-start border-info border-5"> <h3 className="card-title text-info"> <b>200,000.00</b> </h3> <span className="small">Unpaid Bills</span> <div className="mt-2"> <Link className="btn btn-sm btn-outline-info float-end"> View </Link> </div> </Card> </div> </div> <div className="row"> <div className="col-md-3 mb-3"> <Card> <h6 className="card-title"> <i className="pi pi-fw pi-users"></i>{" "} <b>Payroll Summary</b> </h6> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>TODAY: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS WEEK: </b> </div> <div className="col-md-6"> <div className="badge badge-default bg-secondary"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS MONTH: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-light text-dark"> KSH 20,000,000.00 </div> </div> </div> </div> <div className="border-top mb-4"> <Link className="btn btn-sm btn-outline-dark mt-3 float-end"> More Details... </Link> </div> </Card> </div> <div className="col-md-3 mb-3"> <Card> <h6 className="card-title"> <i className="pi pi-fw pi-shopping-cart"></i>{" "} <b>Sales Summary</b> </h6> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>TODAY: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS WEEK: </b> </div> <div className="col-md-6"> <div className="badge badge-default bg-secondary"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS MONTH: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-light text-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top mb-4"> <Link className="btn btn-sm btn-outline-dark mt-3 float-end"> More Details... </Link> </div> </Card> </div> <div className="col-md-3 mb-3"> <Card> <h6 className="card-title"> <i className="pi pi-fw pi-building"></i>{" "} <b>Purchases Summary</b> </h6> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>TODAY: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS WEEK: </b> </div> <div className="col-md-6"> <div className="badge badge-default bg-secondary"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS MONTH: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-light text-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top mb-4"> <Link className="btn btn-sm btn-outline-dark mt-3 float-end"> More Details... </Link> </div> </Card> </div> <div className="col-md-3 mb-3"> <Card> <h6 className="card-title"> <i className="pi pi-fw pi-home"></i>{" "} <b>Office Expenses</b> </h6> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>TODAY: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS WEEK: </b> </div> <div className="col-md-6"> <div className="badge badge-default bg-secondary"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top small py-2"> <div className="row"> <div className="col-md-6"> <b>THIS MONTH: </b> </div> <div className="col-md-6"> <div className="badge badge-primary bg-light text-dark"> KSH 5,000.00 </div> </div> </div> </div> <div className="border-top mb-4"> <Link className="btn btn-sm btn-outline-dark mt-3 float-end"> More Details... </Link> </div> </Card> </div> </div> </div> </AuthenticatedLayout> ); }
Simpan