add new images
replase class= with className=
This commit is contained in:
parent
386b61d978
commit
698c1b7b16
BIN
public/img/illustrations/girl-unlock-password-light.png
Normal file
BIN
public/img/illustrations/girl-unlock-password-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/img/illustrations/registration.jpg
Normal file
BIN
public/img/illustrations/registration.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
@ -25,7 +25,8 @@ const CardViewDirectory = ({
|
||||
<div className="card-body px-1 py-2 pb-0">
|
||||
<div className="d-flex justify-content-between">
|
||||
<div
|
||||
className={`d-flex align-items-center ${IsActive && "cursor-pointer"
|
||||
className={`d-flex align-items-center ${
|
||||
IsActive && "cursor-pointer"
|
||||
}`}
|
||||
onClick={() => {
|
||||
if (IsActive) {
|
||||
@ -89,7 +90,8 @@ const CardViewDirectory = ({
|
||||
)}
|
||||
{!IsActive && (
|
||||
<i
|
||||
className={`bx ${dirActions.action && dirActions.id === contact.id
|
||||
className={`bx ${
|
||||
dirActions.action && dirActions.id === contact.id
|
||||
? "bx-loader-alt bx-spin"
|
||||
: "bx-recycle"
|
||||
} me-1 text-primary cursor-pointer`}
|
||||
@ -113,7 +115,8 @@ const CardViewDirectory = ({
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
className={`card-footer text-start px-9 py-1 ${IsActive && "cursor-pointer"
|
||||
className={`card-footer text-start px-9 py-1 ${
|
||||
IsActive && "cursor-pointer"
|
||||
}`}
|
||||
onClick={() => {
|
||||
if (IsActive) {
|
||||
@ -126,7 +129,7 @@ const CardViewDirectory = ({
|
||||
{contact.designation && (
|
||||
<ul className="list-unstyled my-1 d-flex align-items-start ms-2">
|
||||
<li className="me-2">
|
||||
<i class="fa-solid fa-id-badge ms-1"></i>
|
||||
<i className="fa-solid fa-id-badge ms-1"></i>
|
||||
</li>
|
||||
<li className="flex-grow-1 text-break small">
|
||||
{contact.designation}
|
||||
|
||||
@ -22,20 +22,19 @@ const jiraModules = {
|
||||
"list",
|
||||
];
|
||||
|
||||
const CreateIssue = () =>
|
||||
{
|
||||
const CreateIssue = () => {
|
||||
const [value, setValue] = useState("");
|
||||
return (
|
||||
<from>
|
||||
<div className="row">
|
||||
<div className="col-12 col-md-8">
|
||||
<div className="row">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Name
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control form-control-sm"
|
||||
className="form-control form-control-sm"
|
||||
id="defaultFormControlInput"
|
||||
placeholder="John Doe"
|
||||
aria-describedby="defaultFormControlHelp"
|
||||
@ -43,7 +42,7 @@ const CreateIssue = () =>
|
||||
</div>
|
||||
<div className="row my-md-6 my-4 px-0">
|
||||
<div className="col-6 ps-0">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Projec
|
||||
</label>
|
||||
<select
|
||||
@ -58,7 +57,7 @@ const CreateIssue = () =>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-6 pe-0">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Type
|
||||
</label>
|
||||
<select
|
||||
@ -75,7 +74,7 @@ const CreateIssue = () =>
|
||||
</div>
|
||||
<div className="row my-md-6 my-4 px-0">
|
||||
<div className="col-6 ps-0">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Status
|
||||
</label>
|
||||
<select
|
||||
@ -90,7 +89,7 @@ const CreateIssue = () =>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-6 pe-0">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Activity
|
||||
</label>
|
||||
<select
|
||||
@ -107,52 +106,62 @@ const CreateIssue = () =>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 col-md-4">
|
||||
<div class="row g-2">
|
||||
<label for="defaultFormControlInput" class="form-label ">
|
||||
<div className="row g-2">
|
||||
<label for="defaultFormControlInput" className="form-label ">
|
||||
Priority
|
||||
</label>
|
||||
<div class="col-md-4 mt-0">
|
||||
<div class="form-check custom-option custom-option-icon p-2">
|
||||
<label class="form-check-label custom-option-content" for="customRadioIcon1">
|
||||
<div className="col-md-4 mt-0">
|
||||
<div className="form-check custom-option custom-option-icon p-2">
|
||||
<label
|
||||
className="form-check-label custom-option-content"
|
||||
for="customRadioIcon1"
|
||||
>
|
||||
<input
|
||||
name="customRadioIcon"
|
||||
class="form-check-input form-check-input-sm"
|
||||
className="form-check-input form-check-input-sm"
|
||||
type="radio"
|
||||
id="customRadioIcon1"
|
||||
checked
|
||||
/> Low
|
||||
/>{" "}
|
||||
Low
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mt-0">
|
||||
<div class="form-check custom-option custom-option-icon p-2">
|
||||
<label class="form-check-label custom-option-content" for="customRadioIcon2">
|
||||
<div className="col-md-4 mt-0">
|
||||
<div className="form-check custom-option custom-option-icon p-2">
|
||||
<label
|
||||
className="form-check-label custom-option-content"
|
||||
for="customRadioIcon2"
|
||||
>
|
||||
<input
|
||||
name="customRadioIcon"
|
||||
class="form-check-input form-check-input-sm"
|
||||
className="form-check-input form-check-input-sm"
|
||||
type="radio"
|
||||
id="customRadioIcon2"
|
||||
/> Medium
|
||||
/>{" "}
|
||||
Medium
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mt-0">
|
||||
<div class="form-check custom-option custom-option-icon p-2">
|
||||
<label class="form-check-label custom-option-content" for="customRadioIcon3">
|
||||
<div className="col-md-4 mt-0">
|
||||
<div className="form-check custom-option custom-option-icon p-2">
|
||||
<label
|
||||
className="form-check-label custom-option-content"
|
||||
for="customRadioIcon3"
|
||||
>
|
||||
<input
|
||||
name="customRadioIcon"
|
||||
class="form-check-input form-check-input-sm"
|
||||
className="form-check-input form-check-input-sm"
|
||||
type="radio"
|
||||
id="customRadioIcon3"
|
||||
/> High
|
||||
/>{" "}
|
||||
High
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="marco-quill-wrapper">
|
||||
<ReactQuill
|
||||
@ -165,8 +174,6 @@ const CreateIssue = () =>
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</from>
|
||||
);
|
||||
};
|
||||
|
||||
@ -226,7 +226,6 @@ const CreateRole = ({ modalType, onClose }) => {
|
||||
{!masterFeatures && <p>Loading...</p>}
|
||||
</div>
|
||||
|
||||
|
||||
{masterFeatures && (
|
||||
<div className="col-12 text-center">
|
||||
<button type="submit" className="btn btn-sm btn-primary me-3">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React from "react";
|
||||
import { Link, Outlet } from "react-router-dom";
|
||||
import { QueryClient } from '@tanstack/react-query';
|
||||
import { QueryClient } from "@tanstack/react-query";
|
||||
import { AuthWrapper } from "../pages/authentication/AuthWrapper";
|
||||
|
||||
export const queryClient = new QueryClient({
|
||||
@ -17,8 +17,7 @@ export const queryClient = new QueryClient({
|
||||
const AuthLayout = () => {
|
||||
return (
|
||||
// <div className="login-box">
|
||||
<div class="authentication-wrapper authentication-cover">
|
||||
|
||||
<div className="authentication-wrapper authentication-cover">
|
||||
<Link
|
||||
aria-label="Go to Home Page"
|
||||
to="/"
|
||||
|
||||
@ -54,12 +54,11 @@ const ImagePop = ({ batch, initialIndex = 0 }) => {
|
||||
return (
|
||||
<div className="image-modal-overlay">
|
||||
<div className="image-modal-content">
|
||||
|
||||
<i className='bx bx-x close-button' onClick={closeModal}></i>
|
||||
<i className="bx bx-x close-button" onClick={closeModal}></i>
|
||||
|
||||
{hasPrev && (
|
||||
<button className="nav-button prev-button" onClick={handlePrev}>
|
||||
<i className='bx bx-chevron-left'></i>
|
||||
<i className="bx bx-chevron-left"></i>
|
||||
</button>
|
||||
)}
|
||||
|
||||
@ -69,19 +68,40 @@ const ImagePop = ({ batch, initialIndex = 0 }) => {
|
||||
|
||||
{hasNext && (
|
||||
<button className="nav-button next-button" onClick={handleNext}>
|
||||
<i className='bx bx-chevron-right'></i>
|
||||
<i className="bx bx-chevron-right"></i>
|
||||
</button>
|
||||
)}
|
||||
|
||||
<div className="image-details">
|
||||
|
||||
<div className="flex alig-items-center"> <i className='bx bxs-user'></i> <span className="text-muted">Uploaded By : </span> <span className="text-secondary">{fullName}</span></div>
|
||||
<div className="flex alig-items-center"> <i class='bx bxs-calendar' ></i> <span className="text-muted">Date : </span> <span className="text-secondary"> {date}</span></div>
|
||||
<div className="flex alig-items-center"> <i class='bx bx-map' ></i> <span className="text-muted">Uploaded By : </span> <span className="text-secondary">{buildingName} <i className='bx bx-chevron-right'></i> {floorName} <i className='bx bx-chevron-right'></i>
|
||||
{workAreaName || "Unknown"} <i className='bx bx-chevron-right'></i> {activityName}</span></div>
|
||||
<div className="flex alig-items-center"> <i className='bx bx-comment-dots'></i> <span className="text-muted">comment : </span> <span className="text-secondary">{batchComment}</span></div>
|
||||
|
||||
|
||||
<div className="flex alig-items-center">
|
||||
{" "}
|
||||
<i className="bx bxs-user"></i>{" "}
|
||||
<span className="text-muted">Uploaded By : </span>{" "}
|
||||
<span className="text-secondary">{fullName}</span>
|
||||
</div>
|
||||
<div className="flex alig-items-center">
|
||||
{" "}
|
||||
<i className="bx bxs-calendar"></i>{" "}
|
||||
<span className="text-muted">Date : </span>{" "}
|
||||
<span className="text-secondary"> {date}</span>
|
||||
</div>
|
||||
<div className="flex alig-items-center">
|
||||
{" "}
|
||||
<i className="bx bx-map"></i>{" "}
|
||||
<span className="text-muted">Uploaded By : </span>{" "}
|
||||
<span className="text-secondary">
|
||||
{buildingName} <i className="bx bx-chevron-right"></i> {floorName}{" "}
|
||||
<i className="bx bx-chevron-right"></i>
|
||||
{workAreaName || "Unknown"}{" "}
|
||||
<i className="bx bx-chevron-right"></i> {activityName}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex alig-items-center">
|
||||
{" "}
|
||||
<i className="bx bx-comment-dots"></i>{" "}
|
||||
<span className="text-muted">comment : </span>{" "}
|
||||
<span className="text-secondary">{batchComment}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1449,7 +1449,7 @@ const LandingPage = () => {
|
||||
</span>
|
||||
<span className="app-brand-text demo text-white fw-bold ms-2 ps-1">
|
||||
<Link className="cta-title">
|
||||
<div class="app-brand-logo demo">
|
||||
<div className="app-brand-logo demo">
|
||||
<img
|
||||
className="rounded"
|
||||
style={{
|
||||
|
||||
@ -1,20 +1,26 @@
|
||||
import React from "react"
|
||||
import React from "react";
|
||||
// import LoginPage from "./LoginPage";
|
||||
import ForgotPasswordPage from "./ForgotPasswordPage";
|
||||
|
||||
const MainForgetPage = () => {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div class="authentication-inner row m-0">
|
||||
<div class="d-none d-lg-flex col-lg-7 col-xl-8 h-100 align-items-center p-3">
|
||||
<div class="w-75 h-75 d-flex justify-content-center">
|
||||
<img src="https://demos.themeselection.com/sneat-bootstrap-html-admin-template/assets/img/illustrations/girl-unlock-password-light.png" class="object-fit-sm-contain " alt="Login image" width="700" data-app-dark-img="illustrations/girl-unlock-password-dark.png" data-app-light-img="illustrations/girl-unlock-password-light.png" />
|
||||
<div className="authentication-inner row m-0">
|
||||
<div className="d-none d-lg-flex col-lg-7 col-xl-8 h-100 align-items-center p-3">
|
||||
<div className="w-75 h-75 d-flex justify-content-center">
|
||||
<img
|
||||
src="/img/illustrations/girl-unlock-password-light.png"
|
||||
className="object-fit-sm-contain "
|
||||
alt="Login image"
|
||||
width="700"
|
||||
data-app-dark-img="illustrations/girl-unlock-password-dark.png"
|
||||
data-app-light-img="illustrations/girl-unlock-password-light.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<ForgotPasswordPage />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
export default MainForgetPage;
|
||||
@ -1,19 +1,25 @@
|
||||
import React from "react"
|
||||
import React from "react";
|
||||
import RegisterPage from "./RegisterPage";
|
||||
|
||||
const MainRegisterPage = () => {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div class="authentication-inner row m-0">
|
||||
<div class="d-none d-lg-flex col-lg-7 col-xl-8 h-100 align-items-center p-3">
|
||||
<div class="w-75 h-75 d-flex justify-content-center">
|
||||
<img src="https://demos.themeselection.com/sneat-bootstrap-html-admin-template/assets/img/illustrations/girl-unlock-password-light.png" class="object-fit-sm-contain " alt="Login image" width="700" data-app-dark-img="illustrations/girl-unlock-password-dark.png" data-app-light-img="illustrations/girl-unlock-password-light.png" />
|
||||
<div className="authentication-inner row m-0">
|
||||
<div className="d-none d-lg-flex col-lg-7 col-xl-8 h-100 align-items-center p-3">
|
||||
<div className="w-75 h-75 d-flex justify-content-center">
|
||||
<img
|
||||
src="/img/illustrations/registration.jpg"
|
||||
className="object-fit-sm-contain "
|
||||
alt="Login image"
|
||||
width="700"
|
||||
data-app-dark-img="illustrations/registration.jpg"
|
||||
data-app-light-img="illustrations/registration.jpg"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<RegisterPage />
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
export default MainRegisterPage;
|
||||
@ -18,6 +18,7 @@
|
||||
}
|
||||
.authentication-wrapper.authentication-cover .authentication-inner {
|
||||
height: 100vh;
|
||||
background-color: #fff;
|
||||
}
|
||||
.authentication-wrapper.authentication-basic .authentication-inner {
|
||||
max-width: 400px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user