fixed column size base dvice size
This commit is contained in:
parent
edf1bb9601
commit
f093b5f532
@ -13,13 +13,13 @@ const EmpDashboard = ({ profile }) => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col pt-5">
|
<div className="col-12 col-sm-6 pt-5">
|
||||||
{" "}
|
{" "}
|
||||||
<EmpOverview profile={profile}></EmpOverview>
|
<EmpOverview profile={profile}></EmpOverview>
|
||||||
</div>
|
</div>
|
||||||
<div className="col pt-5">
|
<div className="col col-sm-6 pt-5">
|
||||||
<div className="card">
|
<div className="card ">
|
||||||
{" "}
|
|
||||||
<div className="card-body">
|
<div className="card-body">
|
||||||
<small className="card-text text-uppercase text-body-secondary small">
|
<small className="card-text text-uppercase text-body-secondary small">
|
||||||
My Projects
|
My Projects
|
||||||
|
|||||||
@ -1,514 +1,10 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
|
import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
|
||||||
|
|
||||||
const EmpDocuments = ({ profile, loggedInUser }) => {
|
const EmpDocuments = ({ profile, loggedInUser }) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div
|
<ComingSoonPage/>
|
||||||
id="DataTables_Table_0_wrapper"
|
|
||||||
class=" card mt-5 dt-container dt-bootstrap5 dt-empty-footer"
|
|
||||||
>
|
|
||||||
<div class="row card-header border-bottom mx-0 px-3 py-2">
|
|
||||||
<div class="d-md-flex justify-content-between align-items-center dt-layout-start col-md-auto me-auto">
|
|
||||||
<h5 class="card-title mb-0 text-nowrap text-md-start text-center">
|
|
||||||
Document you have uploaded
|
|
||||||
</h5>
|
|
||||||
</div>
|
|
||||||
<div class="d-md-flex justify-content-between align-items-center dt-layout-end col-md-auto ms-auto">
|
|
||||||
<div class="dt-search">
|
|
||||||
<input
|
|
||||||
type="search"
|
|
||||||
class="form-control"
|
|
||||||
id="dt-search-0"
|
|
||||||
placeholder="Search Document"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
/>
|
|
||||||
<label for="dt-search-0"></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="justify-content-between dt-layout-table">
|
|
||||||
<div class="d-md-flex justify-content-between align-items-center col-12 dt-layout-full col-md">
|
|
||||||
<table
|
|
||||||
class="table table-sm datatables-academy-Document dataTable dtr-column"
|
|
||||||
id="DataTables_Table_0"
|
|
||||||
aria-describedby="DataTables_Table_0_info"
|
|
||||||
style={{ width: "100%" }}
|
|
||||||
>
|
|
||||||
<colgroup>
|
|
||||||
<col data-dt-column="2" style={{ width: "369.984px" }} />
|
|
||||||
<col data-dt-column="3" style={{ width: "96.2656px" }} />
|
|
||||||
<col data-dt-column="4" style={{ width: "259.75px" }} />
|
|
||||||
<col data-dt-column="5" style={{ width: "65px" }} />
|
|
||||||
</colgroup>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th
|
|
||||||
data-dt-column="0"
|
|
||||||
class="control dt-orderable-none dtr-hidden"
|
|
||||||
rowspan="1"
|
|
||||||
colspan="1"
|
|
||||||
aria-label=""
|
|
||||||
style={{ display: "none" }}
|
|
||||||
>
|
|
||||||
<span class="dt-column-title"></span>
|
|
||||||
<span class="dt-column-order"></span>
|
|
||||||
</th>
|
|
||||||
|
|
||||||
<th
|
|
||||||
data-dt-column="2"
|
|
||||||
rowspan="1"
|
|
||||||
colspan="1"
|
|
||||||
class="dt-orderable-asc dt-orderable-desc dt-ordering-desc"
|
|
||||||
aria-sort="descending"
|
|
||||||
aria-label="Document Name: Activate to remove sorting"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span class="dt-column-title" role="button">
|
|
||||||
Document Name
|
|
||||||
</span>
|
|
||||||
<span class="dt-column-order"></span>
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
data-dt-column="3"
|
|
||||||
rowspan="1"
|
|
||||||
colspan="1"
|
|
||||||
class="dt-orderable-asc dt-orderable-desc"
|
|
||||||
aria-label="Time: Activate to sort"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span class="dt-column-title" role="button">
|
|
||||||
Uploaded Date
|
|
||||||
</span>
|
|
||||||
<span class="dt-column-order"></span>
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
data-dt-column="3"
|
|
||||||
rowspan="1"
|
|
||||||
colspan="1"
|
|
||||||
class="dt-orderable-asc dt-orderable-desc"
|
|
||||||
aria-label="Time: Activate to sort"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span class="dt-column-title" role="button">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
<span class="dt-column-order"></span>
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
class="dt-orderable-asc dt-orderable-desc"
|
|
||||||
data-dt-column="5"
|
|
||||||
rowspan="1"
|
|
||||||
colspan="1"
|
|
||||||
aria-label="Status: Activate to sort"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<span class="dt-column-title" role="button">
|
|
||||||
Status
|
|
||||||
</span>
|
|
||||||
<span class="dt-column-order"></span>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
class="control dtr-hidden"
|
|
||||||
tabindex="0"
|
|
||||||
style={{ display: "none" }}
|
|
||||||
></td>
|
|
||||||
<td class="sorting_1">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<span class="me-4">
|
|
||||||
<span class="bg-label-danger p-1_5">
|
|
||||||
<i class="icon-base bx bxs-file-pdf icon-28px"></i>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
class="text-heading text-truncate fw-medium mb-2 text-wrap"
|
|
||||||
href="app-academy-Document-details.html"
|
|
||||||
>
|
|
||||||
AADHAR Card
|
|
||||||
</a>
|
|
||||||
<div class="d-flex align-items-center mt-1">
|
|
||||||
{/* <div class="avatar-wrapper me-2">
|
|
||||||
<div class="avatar avatar-xs">
|
|
||||||
<img
|
|
||||||
src="../../assets/img/avatars/2.png"
|
|
||||||
alt="Avatar"
|
|
||||||
class="rounded-circle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> */}
|
|
||||||
<small class="text-nowrap text-heading">
|
|
||||||
card number
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
11-Jun-2025
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
<div class="d-flex align-items-center justify-content-between">
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
|
|
||||||
</div>
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
class="control dtr-hidden"
|
|
||||||
tabindex="0"
|
|
||||||
style={{ display: "none" }}
|
|
||||||
></td>
|
|
||||||
<td class="sorting_1">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<span class="me-4">
|
|
||||||
<span class="badge bg-label-warning rounded p-1_5">
|
|
||||||
<i class="icon-base bx bxs-file-doc icon-28px"></i>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
class="text-heading text-truncate fw-medium mb-2 text-wrap"
|
|
||||||
href="app-academy-Document-details.html"
|
|
||||||
>
|
|
||||||
Degree Certificate
|
|
||||||
</a>
|
|
||||||
<div class="d-flex align-items-center mt-1">
|
|
||||||
{/* <div class="avatar-wrapper me-2">
|
|
||||||
<div class="avatar avatar-xs">
|
|
||||||
<img
|
|
||||||
src="../../assets/img/avatars/13.png"
|
|
||||||
alt="Avatar"
|
|
||||||
class="rounded-circle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> */}
|
|
||||||
<small class="text-nowrap text-heading">
|
|
||||||
certificate details
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
11-Jun-2025
|
|
||||||
</span>
|
|
||||||
</td>{" "}
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="d-flex align-items-center justify-content-between">
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
|
|
||||||
</div>
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
class="control dtr-hidden"
|
|
||||||
tabindex="0"
|
|
||||||
style={{ display: "none" }}
|
|
||||||
></td>
|
|
||||||
<td class="sorting_1">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<span class="me-4">
|
|
||||||
<span class="badge bg-label-success rounded p-1_5">
|
|
||||||
<i class="icon-base bx bxs-file-png icon-28px"></i>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
class="text-heading text-truncate fw-medium mb-2 text-wrap"
|
|
||||||
href="app-academy-Document-details.html"
|
|
||||||
>
|
|
||||||
Photo
|
|
||||||
</a>
|
|
||||||
<div class="d-flex align-items-center mt-1">
|
|
||||||
{/* <div class="avatar-wrapper me-2">
|
|
||||||
<div class="avatar avatar-xs">
|
|
||||||
<img
|
|
||||||
src="../../assets/img/avatars/12.png"
|
|
||||||
alt="Avatar"
|
|
||||||
class="rounded-circle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> */}
|
|
||||||
<small class="text-nowrap text-heading">
|
|
||||||
self photo
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
11-Jun-2025
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="d-flex align-items-center justify-content-between">
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
|
|
||||||
</div>
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
class="control dtr-hidden"
|
|
||||||
tabindex="0"
|
|
||||||
style={{ display: "none" }}
|
|
||||||
></td>
|
|
||||||
<td class="sorting_1">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<span class="me-4">
|
|
||||||
<span class="badge bg-label-primary rounded p-1_5">
|
|
||||||
<i class="icon-base bx bxs-file-pdf icon-28px"></i>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
class="text-heading text-truncate fw-medium mb-2 text-wrap"
|
|
||||||
href="app-academy-Document-details.html"
|
|
||||||
>
|
|
||||||
Driving License
|
|
||||||
</a>
|
|
||||||
<div class="d-flex align-items-center mt-1">
|
|
||||||
{/* <div class="avatar-wrapper me-2">
|
|
||||||
<div class="avatar avatar-xs">
|
|
||||||
<img
|
|
||||||
src="../../assets/img/avatars/5.png"
|
|
||||||
alt="Avatar"
|
|
||||||
class="rounded-circle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> */}
|
|
||||||
<small class="text-nowrap text-heading">
|
|
||||||
license number
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
11-Jun-2025
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="d-flex align-items-center justify-content-between">
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
|
|
||||||
</div>
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td
|
|
||||||
class="control dtr-hidden"
|
|
||||||
tabindex="0"
|
|
||||||
style={{ display: "none" }}
|
|
||||||
></td>
|
|
||||||
<td class="sorting_1">
|
|
||||||
<div class="d-flex align-items-center">
|
|
||||||
<span class="me-4">
|
|
||||||
<span class="badge bg-label-primary rounded p-1_5">
|
|
||||||
<i class="icon-base bx bxs-file-txt icon-28px"></i>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
class="text-heading text-truncate fw-medium mb-2 text-wrap"
|
|
||||||
href="app-academy-Document-details.html"
|
|
||||||
>
|
|
||||||
PAN Card
|
|
||||||
</a>
|
|
||||||
<div class="d-flex align-items-center mt-1">
|
|
||||||
{/* <div class="avatar-wrapper me-2">
|
|
||||||
<div class="avatar avatar-xs">
|
|
||||||
<img
|
|
||||||
src="../../assets/img/avatars/14.png"
|
|
||||||
alt="Avatar"
|
|
||||||
class="rounded-circle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div> */}
|
|
||||||
<small class="text-nowrap text-heading">
|
|
||||||
card number
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
11-Jun-2025
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="fw-medium text-nowrap text-heading">
|
|
||||||
Uploaded By
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<div class="d-flex align-items-center justify-content-between">
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
|
|
||||||
</div>
|
|
||||||
<div class=" d-flex align-items-center">
|
|
||||||
<i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
<tfoot></tfoot>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mx-3 justify-content-between">
|
|
||||||
<div class="d-md-flex justify-content-between align-items-center dt-layout-start col-md-auto me-auto">
|
|
||||||
<div
|
|
||||||
class="dt-info"
|
|
||||||
aria-live="polite"
|
|
||||||
id="DataTables_Table_0_info"
|
|
||||||
role="status"
|
|
||||||
>
|
|
||||||
Showing 1 to 5 of 25 entries
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="d-md-flex justify-content-between align-items-center dt-layout-end col-md-auto ms-auto">
|
|
||||||
<div class="dt-paging">
|
|
||||||
<nav aria-label="pagination">
|
|
||||||
<ul class="pagination">
|
|
||||||
<li class="dt-paging-button page-item disabled">
|
|
||||||
<button
|
|
||||||
class="page-link previous"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
aria-disabled="true"
|
|
||||||
aria-label="Previous"
|
|
||||||
data-dt-idx="previous"
|
|
||||||
tabindex="-1"
|
|
||||||
>
|
|
||||||
<i class="icon-base bx bx-chevron-left scaleX-n1-rtl icon-18px"></i>
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item active">
|
|
||||||
<button
|
|
||||||
class="page-link"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
aria-current="page"
|
|
||||||
data-dt-idx="0"
|
|
||||||
>
|
|
||||||
1
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item">
|
|
||||||
<button
|
|
||||||
class="page-link"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
data-dt-idx="1"
|
|
||||||
>
|
|
||||||
2
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item">
|
|
||||||
<button
|
|
||||||
class="page-link"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
data-dt-idx="2"
|
|
||||||
>
|
|
||||||
3
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item">
|
|
||||||
<button
|
|
||||||
class="page-link"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
data-dt-idx="3"
|
|
||||||
>
|
|
||||||
4
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item">
|
|
||||||
<button
|
|
||||||
class="page-link"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
data-dt-idx="4"
|
|
||||||
>
|
|
||||||
5
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li class="dt-paging-button page-item">
|
|
||||||
<button
|
|
||||||
class="page-link next"
|
|
||||||
role="link"
|
|
||||||
type="button"
|
|
||||||
aria-controls="DataTables_Table_0"
|
|
||||||
aria-label="Next"
|
|
||||||
data-dt-idx="next"
|
|
||||||
>
|
|
||||||
<i class="icon-base bx bx-chevron-right scaleX-n1-rtl icon-18px"></i>
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user