From f0bf093a6541099e82dbadfd8bd915ee4087b369 Mon Sep 17 00:00:00 2001
From: Ismail <msiamil.official@gmail.com>
Date: Mon, 17 Aug 2020 18:13:20 +0500
Subject: [PATCH] ShiftReport Designed, Dummy data added and shown in Dashboard
---
.../src/components/dashboard/Dashboard.js | 2 +
.../src/components/layout/ShiftReport.js | 38 +++++++++++++++++++
employeemanagement/src/index.css | 6 ++-
3 files changed, 45 insertions(+), 1 deletion(-)
create mode 100644 employeemanagement/src/components/layout/ShiftReport.js
diff --git a/employeemanagement/src/components/dashboard/Dashboard.js b/employeemanagement/src/components/dashboard/Dashboard.js
index 0ab08e7..1e54470 100644
--- a/employeemanagement/src/components/dashboard/Dashboard.js
+++ b/employeemanagement/src/components/dashboard/Dashboard.js
@@ -1,6 +1,7 @@
import React, { Component } from 'react'
import Navbar from '../layout/Navbar';
import ManageShift from '../layout/ManageShift';
+import ShiftReport from '../layout/ShiftReport';
class Dashboard extends Component {
render() {
@@ -8,6 +9,7 @@ class Dashboard extends Component {
<div id="content">
<Navbar />
<ManageShift />
+ <ShiftReport />
</div>
)
}
diff --git a/employeemanagement/src/components/layout/ShiftReport.js b/employeemanagement/src/components/layout/ShiftReport.js
new file mode 100644
index 0000000..f52a378
--- /dev/null
+++ b/employeemanagement/src/components/layout/ShiftReport.js
@@ -0,0 +1,38 @@
+import React from 'react'
+
+const ShiftReport = () =>{
+ return(
+ <div className="container">
+ <h2 className="text-center">Work report</h2>
+ <h5 className="text-center">Expected work: 08:00 to 17:00, 9 Hours with 1 Hour lunch break</h5>
+ <table className="table table-striped">
+ <thead>
+ <tr>
+ <th scope="col">Date</th>
+ <th scope="col">Start time</th>
+ <th scope="col">Lunch time</th>
+ <th scope="col">Lunch end time</th>
+ <th scope="col">Work end</th>
+ <th scope="col">Total Break</th>
+ <th scope="col">Total work</th>
+ <th scope="col">Break + Work</th>
+ </tr>
+ </thead>
+ <tbody className="workList">
+ <tr className="collection-item">
+ <th>DummyData</th>
+ <td>DummyData</td>
+ <td>DummyData</td>
+ <td>DummyData</td>
+ <td>DummyData</td>
+ <th>DummyData</th>
+ <th>DummyData</th>
+ <th>DummyData</th>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ )
+}
+
+export default ShiftReport
diff --git a/employeemanagement/src/index.css b/employeemanagement/src/index.css
index 281efe7..ed2decf 100644
--- a/employeemanagement/src/index.css
+++ b/employeemanagement/src/index.css
@@ -49,6 +49,10 @@ code {
height: 100px;
}
+#content{
+ min-height: 500px;
+}
+
#content .row{
margin: 50px 0px;
-}
\ No newline at end of file
+}
--
GitLab