rev deskripsi laporan

components/Banding/TableSanksi.js

@@ -35,12 +35,15 @@ function TableSanksi({ listData, to, linkName }) {
 												</div>
 											</td>
 											<td>
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+																<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>

components/Keberatan/TableSanksi.js

@@ -35,12 +35,15 @@ function TableSanksi({ listData, to, linkName }) {
 												</div>
 											</td>
 											<td>
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+																<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>

components/Main/TableLaporan.js

@@ -35,17 +35,22 @@ function TableLaporan({ listData, to, linkName, status = false, noBy = false })
 													</div>
 												</div>
 											</td>
-											<td className="text-nowrap">
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
-															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+
+											<td>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4 className="m-0">{data.pt.nama.length > 64 ? data.pt.nama.substring(0, 64) + "..." : data.pt.nama}</h4>
+																{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>
 											</td>
+
 											{status ? (
 												<td>
 													<div className="badge badge-info">{data.role_data === "dikti" ? "Ditindaklanjuti DIKTI" : "Ditindaklanjuti LLDIKTI"}</div>

components/PT/CabutSanksi/TableSanksiJawaban.js

@@ -20,14 +20,17 @@ function TableSanksi({ listData, to, linkName }) {
 							return (
 								<tr key={data._id}>
 									<td>{data.sanksi.no_sanksi}</td>
-									<td className="text-nowrap">
-										<div className="media align-items-center">
-											{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
-											<div className="media-body d-flex">
-												<div>
-													<h4 className="m-0">{data.pt.nama}</h4>
-													{/* <small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small> */}
-													<p>{data.sanksi.description.length > 70 ? data.sanksi.description.substring(0, 70) + "..." : data.sanksi.description}</p>
+									<td>
+										<div className="table-desc">
+											<div className="media align-items-center">
+												{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
+												<div className="media-body d-flex">
+													<div>
+														<h4 className="m-0">{data.pt.nama}</h4>
+														{/* <small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small> */}
+														{/* <p className="w-105">{data.sanksi.description.length > 150 ? data.sanksi.description.substring(0, 150) + "..." : data.sanksi.description}</p> */}
+														<p className="w-105">{data.keterangan}</p>
+													</div>
 												</div>
 											</div>
 										</div>

components/PT/JawabanBanding/TableSanksiJawaban.js

@@ -30,14 +30,17 @@ function TableSanksi({ listData, to, linkName }) {
 											</div>
 										</div>
 									</td>
-									<td className="text-nowrap">
-										<div className="media align-items-center">
-											{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
-											<div className="media-body d-flex">
-												<div>
-													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+									<td>
+										<div className="table-desc">
+											<div className="media align-items-center">
+												{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
+												<div className="media-body d-flex">
+													<div>
+														{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+														<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+														{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+														<p className="w-105">{data.keterangan}</p>
+													</div>
 												</div>
 											</div>
 										</div>

components/PT/JawabanKeberatan/TableSanksiJawaban.js

@@ -30,14 +30,17 @@ function TableSanksi({ listData, to, linkName }) {
 											</div>
 										</div>
 									</td>
-									<td className="text-nowrap">
-										<div className="media align-items-center">
-											{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
-											<div className="media-body d-flex">
-												<div>
-													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-													{/* <small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small> */}
-													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+									<td>
+										<div className="table-desc">
+											<div className="media align-items-center">
+												{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
+												<div className="media-body d-flex">
+													<div>
+														<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+														{/* <small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small> */}
+														{/* <p className="w-105">{data.keterangan.length > 200 ? data.keterangan.substring(0, 200) + "..." : data.keterangan}</p> */}
+														<p className="w-105">{data.keterangan}</p>
+													</div>
 												</div>
 											</div>
 										</div>

components/PT/JawabanPencabutanSanksi/TableSanksiJawaban.js

@@ -30,13 +30,16 @@ function TableSanksi({ listData, to, linkName }) {
 											</div>
 										</div>
 									</td>
-									<td className="text-nowrap">
-										<div className="media align-items-center">
-											<div className="media-body d-flex">
-												<div>
-													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+									<td>
+										<div className="table-desc">
+											<div className="media align-items-center">
+												<div className="media-body d-flex">
+													<div>
+														{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+														<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+														{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+														<p className="w-105">{data.keterangan}</p>
+													</div>
 												</div>
 											</div>
 										</div>

components/PT/TableSanksi.js

@@ -30,13 +30,16 @@ function TableSanksi({ listData, to, linkName }) {
 											</div>
 										</div>
 									</td>
-									<td className="text-nowrap">
-										<div className="media align-items-center">
-											<div className="media-body d-flex">
-												<div>
-													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+									<td>
+										<div className="table-desc">
+											<div className="media align-items-center">
+												<div className="media-body d-flex">
+													<div>
+														{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+														<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+														{/* <p className="w-105">{data.keterangan.length > 100 ? data.keterangan.substring(0, 100) + "..." : data.keterangan}</p> */}
+														<p className="w-105">{data.keterangan}</p>
+													</div>
 												</div>
 											</div>
 										</div>

components/Pemeriksaan/TableLaporan.js

@@ -34,13 +34,16 @@ function TableLaporan({ listData, to, linkName }) {
 													</div>
 												</div>
 											</td>
-											<td className="text-nowrap">
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
-															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+											<td>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4 className="m-0">{data.pt.nama.length > 64 ? data.pt.nama.substring(0, 64) + "..." : data.pt.nama}</h4>
+																{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>

components/PencabutanSanksi/TableSanksi.js

@@ -35,12 +35,15 @@ function TableSanksi({ listData, to, linkName }) {
 												</div>
 											</td>
 											<td>
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
-															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+																<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>

components/Penjadwalan/TableLaporan.js

@@ -34,13 +34,16 @@ function TableLaporan({ listData, to, linkName }) {
 													</div>
 												</div>
 											</td>
-											<td className="text-nowrap">
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
-															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+											<td>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4 className="m-0">{data.pt.nama.length > 64 ? data.pt.nama.substring(0, 64) + "..." : data.pt.nama}</h4>
+																{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+																{/* <p className="w-105">{data.keterangan.length > 150 ? data.keterangan.substring(0, 150) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>

components/Sanksi/TableLaporan.js

@@ -34,20 +34,21 @@ function TableLaporan({ listData }) {
 													</div>
 												</div>
 											</td>
-											<td className="text-nowrap">
-												<div className="media align-items-center">
-													<div className="media-body d-flex">
-														<div>
-															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
-															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
-															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+											<td>
+												<div className="table-desc">
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4 className="m-0">{data.pt.nama.length > 65 ? data.pt.nama.substring(0, 65) + "..." : data.pt.nama}</h4>
+																{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+																{/* <p>{data.keterangan.length > 200 ? data.keterangan.substring(0, 200) + "..." : data.keterangan}</p> */}
+																<p className="w-105">{data.keterangan}</p>
+															</div>
 														</div>
 													</div>
 												</div>
 											</td>
-											<td>
-												<td>{data.sanksi ? <div className="badge badge-info">Sudah ditetapkan</div> : <div className="badge badge-danger">Belum ditetapkan</div>}</td>
-											</td>
+											<td>{data.sanksi ? <div className="badge badge-info">Sudah ditetapkan</div> : <div className="badge badge-danger">Belum ditetapkan</div>}</td>
 											{/* <td>{moment(data.createdAt).format("MM-DD-YYYY")}</td> */}
 											<td>
 												<div className="ml-auto">

styles/bootstrap/mixins/_grid.scss

@@ -67,3 +67,21 @@
     max-width: 100% / $count;
   }
 }
+
+// .table-size{
+//   min-width: 300px;
+//   width: 300px;
+//   max-height: 150px;
+// }
+
+@media screen and (max-width:1500px) {
+  .table-desc{
+    min-width: 300px;
+    // max-height: 105px;
+    overflow: hidden;
+  }
+  .w-105{
+    max-height: 53px;
+  }
+}
+