UI updation in Organization.
This commit is contained in:
parent
568ed386ca
commit
cff961655d
@ -100,7 +100,7 @@ const AssignOrg = ({ setStep }) => {
|
||||
alt="logo"
|
||||
width={40}
|
||||
height={40}
|
||||
/> <p className="fw-semibold fs-6 m-0">{orgData.name}</p>
|
||||
/> <p className="fw-semibold fs-5 mt-2 m-0">{orgData.name}</p>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<button
|
||||
@ -113,9 +113,9 @@ const AssignOrg = ({ setStep }) => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex text-secondary mb-2"> <i className="bx bx-sm bx-info-circle me-1" /> Organization Info</div>
|
||||
<div className="d-flex text-secondary mb-3"> <i className="bx bx-sm bx-info-circle me-2" /> Organization Info</div>
|
||||
{/* Contact Info */}
|
||||
<div className="col-md-6 mb-3">
|
||||
<div className="col-md-12 mb-4">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -126,7 +126,7 @@ const AssignOrg = ({ setStep }) => {
|
||||
<div className="text-muted">{orgData.contactPerson}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 mb-3">
|
||||
<div className="col-md-12 mb-4">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -137,7 +137,7 @@ const AssignOrg = ({ setStep }) => {
|
||||
<div className="text-muted">{orgData.contactNumber}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 mb-3">
|
||||
<div className="col-md-12 mb-4">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -145,22 +145,22 @@ const AssignOrg = ({ setStep }) => {
|
||||
>
|
||||
<i className='bx bx-sm me-1 bx-envelope'></i> Email Address :
|
||||
</label>
|
||||
<div className="text-muted">{orgData.email}</div>
|
||||
<div className="text-muted text-wrap">{orgData.email}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-4">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
style={{ maxWidth: "130px" }}
|
||||
>
|
||||
<i className="bx bx-sm me-1 bx-barcode"></i>
|
||||
<i className="bx bx-sm me-2 bx-barcode"></i>
|
||||
Service Provider Id (SPRID) :
|
||||
</label>
|
||||
<div className="text-muted">{orgData.sprid}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-4">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-1 mb-0 fw-semibold"
|
||||
|
||||
@ -189,7 +189,7 @@ const ManagOrg = () => {
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="d-flex justify-content-between gap-2 my-2">
|
||||
<div className="d-flex justify-content-between gap-2 my-5">
|
||||
<button
|
||||
type="button"
|
||||
className="btn btn-sm btn-outline-secondary"
|
||||
|
||||
@ -45,7 +45,7 @@ const OrgPickerFromSPId = ({ title, placeholder }) => {
|
||||
return (
|
||||
<div className="d-block mt-4">
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<div className="row align-items-center g-2">
|
||||
<div className="row align-items-center g-2 mb-3">
|
||||
{/* Input Section */}
|
||||
<div className="col-12 col-md-8 d-block d-md-flex align-items-center gap-2 m-0 text-start">
|
||||
<Label className="text-nowrap mb-1 mb-md-0" required>
|
||||
@ -88,7 +88,7 @@ const OrgPickerFromSPId = ({ title, placeholder }) => {
|
||||
<div className="py-2 text-tiny text-center">
|
||||
<div className="d-flex flex-column gap-2 border-0 bg-none">
|
||||
{data.data.map((org) => (
|
||||
<div className="d-flex flex-row gap-2 text-start text-black ">
|
||||
<div className="d-flex flex-row gap-2 text-start text-black mt-3">
|
||||
<div className="mt-1">
|
||||
<img
|
||||
src="/public/assets/img/orgLogo.png"
|
||||
@ -97,18 +97,18 @@ const OrgPickerFromSPId = ({ title, placeholder }) => {
|
||||
height={50}
|
||||
/>
|
||||
</div>
|
||||
<div className="d-flex flex-column p-0 m-0 cursor-pointer">
|
||||
<span className="fs-6 fw-semibold">{org.name}</span>
|
||||
<div className="d-flex flex-column p-0 m-0 cursor-pointer mb-3">
|
||||
<span className="fs-6 fw-semibold mb-2">{org.name}</span>
|
||||
<div className="d-flex gap-2">
|
||||
<small
|
||||
className=" fw-semibold text-uppercase"
|
||||
className=" fw-semibold text-uppercase mb-2"
|
||||
style={{ letterSpacing: "1px" }}
|
||||
>
|
||||
SPRID :{" "}
|
||||
</small>
|
||||
<small className="fs-6">{org.sprid}</small>
|
||||
</div>
|
||||
<div className="d-flex flex-row gap-2">
|
||||
<div className="d-flex flex-row gap-2 mb-4">
|
||||
<small className="text-small fw-semibold ">Address:</small>
|
||||
<div className="d-flex text-wrap">{org.address}</div>
|
||||
</div>
|
||||
|
||||
@ -122,6 +122,7 @@ const OrganizationsList = ({searchText}) => {
|
||||
{organizationsColumns.map((col) => (
|
||||
<td
|
||||
key={col.key}
|
||||
style={{ height: "50px" }}
|
||||
className={`d-table-cell ${col.align ?? ""}`}
|
||||
>
|
||||
{col.customRender
|
||||
|
||||
@ -9,7 +9,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
return (
|
||||
<div className="row text-black text-black text-start ">
|
||||
{/* Header */}
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div className="d-flex justify-content-between align-items-center text-start mb-1">
|
||||
<div className="d-flex flex-row gap-2 align-items-center text-wrap">
|
||||
<img
|
||||
@ -18,7 +18,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
width={40}
|
||||
height={40}
|
||||
/>{" "}
|
||||
<p className="fw-semibold fs-6 m-0">{data?.name}</p>
|
||||
<p className="fw-semibold fs-5 mt-2 m-0">{data?.name}</p>
|
||||
</div>
|
||||
<div className="text-end">
|
||||
<span
|
||||
@ -30,12 +30,12 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="d-flex text-secondary mb-2">
|
||||
<div className="d-flex text-secondary mb-5">
|
||||
{" "}
|
||||
<i className="bx bx-sm bx-info-circle me-1" /> Organization Info
|
||||
</div>
|
||||
{/* Contact Info */}
|
||||
<div className="col-md-6 mb-3">
|
||||
<div className="col-md-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -46,7 +46,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
<div className="text-muted">{data?.contactPerson}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 mb-3">
|
||||
<div className="col-md-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -57,7 +57,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
<div className="text-muted">{data?.contactNumber}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12 mb-3">
|
||||
<div className="col-md-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
@ -68,32 +68,32 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
<div className="text-muted">{data?.email}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
style={{ maxWidth: "130px" }}
|
||||
>
|
||||
<i className="bx bx-sm me-1 bx-barcode"></i>
|
||||
<i className="bx bx-sm me-2 bx-barcode"></i>
|
||||
Service Provider Id (SPRID) :
|
||||
</label>
|
||||
<div className="text-muted">{data?.sprid}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-6 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-2 mb-0 fw-semibold"
|
||||
style={{ maxWidth: "130px" }}
|
||||
>
|
||||
<i className="bx bx-sm me-1 bx-group"></i>
|
||||
<i className="bx bx-sm me-2 bx-group"></i>
|
||||
Employees :
|
||||
</label>
|
||||
<div className="text-muted">{data?.activeEmployeeCount}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div className="d-flex">
|
||||
<label
|
||||
className="form-label me-1 mb-0 fw-semibold"
|
||||
@ -104,7 +104,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
<div className="text-muted text-start">{data?.address}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div
|
||||
className="d-flex justify-content-between align-items-center text-secondary mb-2 cursor-pointer"
|
||||
data-bs-toggle="collapse"
|
||||
@ -162,7 +162,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
</div>
|
||||
|
||||
{/* Services Section */}
|
||||
<div className="col-12 mb-3">
|
||||
<div className="col-12 mb-5">
|
||||
<div
|
||||
className="d-flex justify-content-between align-items-center text-secondary mb-2 cursor-pointer"
|
||||
data-bs-toggle="collapse"
|
||||
@ -180,7 +180,7 @@ const VieworgDataanization = ({ orgId }) => {
|
||||
{data?.services && data.services.length > 0 ? (
|
||||
<div className="row">
|
||||
{data.services.map((service) => (
|
||||
<div key={service.id} className="col-md-12 mb-3">
|
||||
<div key={service.id} className="col-md-12 mb-5">
|
||||
<div className="card h-100 shadow-sm border-0">
|
||||
<div className="card-body">
|
||||
<h6 className="fw-semibold mb-1">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user