commit

pages/app/pt/pemantauan.js

@@ -1,5 +1,7 @@
 import React, { Component } from "react";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
+import Header from "@/components/Main/Header";
+import DetailPT from "@/components/Main/DetailPT";
 import {
 	Row,
 	Col,
@@ -176,23 +178,21 @@ class Profile extends Component {
 
 		return (
 			<ContentWrapper unwrap>
-				<div className="bg-cover" style={{ backgroundImage: "url(/static/img/profile-bg.png)" }}>
-					<div className="p-4 text-center" style={styleHeaderText}>
-						<img className="img-thumbnail rounded-circle thumb128" src="/static/img/univ-avatar.png" alt="Avatar" />
-						<h3 className="m-0">{this.props.data.nama}</h3>
-						<p>{this.props.data.sk_pendirian}</p>
-						<p>{this.props.data.alamat.jalan}</p>
-					</div>
-				</div>
+				<Header />
 				<div className="p-3">
 					<Row>
 						<Col xl="9">
 							<ul className="timeline">
+								{/* Date */}
 								<li className="timeline-separator" data-datetime="Today"></li>
+								{/* EndDate */}
 								<li className="timeline-inverted">
+									{/* Left Card */}
+									{/* icon */}
 									<div className="timeline-badge info">
 										<em className="far fa-file"></em>
 									</div>
+									{/* endicon */}
 									<div className="timeline-card">
 										<div className="popover right">
 											<div className="arrow"></div>
@@ -269,11 +269,47 @@ class Profile extends Component {
 											</div>
 										</div>
 									</div>
+									{/* EndLeftCard */}
+								</li>
+								<li>
+									{/* rightCard */}
+									{/* icon */}
+									<div className="timeline-badge danger">
+										<em className="fas fa-ticket-alt"></em>
+									</div>
+									{/* endicon */}
+									<div className="timeline-card">
+										<div className="popover left">
+											<div className="arrow"></div>
+											<div className="popover-body">
+												<div className="d-flex align-items-center mb-3">
+													<img className="mr-3 rounded-circle thumb48" src="/static/img/user/admin.png" alt="Avatar" />
+													<p className="m-0">
+														{/* <a className="text-muted" href=""> */}
+														<strong>Admin</strong>
+														{/* </a> */}
+														<br />
+														opened project
+														<a className="ml-2" href="">
+															#548795
+														</a>
+													</p>
+												</div>
+												<p>
+													<em>&mdash; Project description sample</em>
+												</p>
+											</div>
+										</div>
+									</div>
+									{/* endRightCard */}
 								</li>
 								<li>
+									{/* rightCard */}
+									{/* icon */}
 									<div className="timeline-badge danger">
 										<em className="fas fa-ticket-alt"></em>
 									</div>
+									{/* endicon */}
 									<div className="timeline-card">
 										<div className="popover left">
 											<div className="arrow"></div>
@@ -297,6 +333,7 @@ class Profile extends Component {
 											</div>
 										</div>
 									</div>
+									{/* endRightCard */}
 								</li>
 								<li className="timeline-end">
 									<a className="timeline-badge">
@@ -306,24 +343,7 @@ class Profile extends Component {
 							</ul>
 						</Col>
 						<Col xl="3">
-							<div className="card card-default">
-								<div className="card-body">
-									<div className="text-center">
-										<h3 className="mt-0">{this.props.data.nama}</h3>
-										<p>{this.props.data.sk_pendirian}</p>
-									</div>
-									<hr />
-									<ul className="list-unstyled px-4">
-										<li>
-											<em className="fa fa-globe fa-fw mr-3"></em>
-											{this.props.data.website}
-										</li>
-										<li>
-											<em className="fa fa-graduation-cap fa-fw mr-3"></em>Status Pelanggaran : Tidak Ada
-										</li>
-									</ul>
-								</div>
-							</div>
+							<DetailPT />
 						</Col>
 					</Row>
 				</div>