From b9f06f567f1caf9f6ae8f35b3b7e6c1fe2c3f3a0 Mon Sep 17 00:00:00 2001
From: "fariz.tumbuan" <13515050@std.stei.itb.ac.id>
Date: Sat, 7 Oct 2017 00:16:19 +0800
Subject: [PATCH] Selesai membuat layout front-end halaman history
---
css/history.css | 1 +
history/driver_history.php | 57 +++++++++++++++++++++++++++++++++
history/transaction_history.php | 57 +++++++++++++++++++++++++++++++++
3 files changed, 115 insertions(+)
diff --git a/css/history.css b/css/history.css
index c86015ed..0154a7f0 100755
--- a/css/history.css
+++ b/css/history.css
@@ -105,4 +105,5 @@ img.history_pict {
border-radius: 50%;
display: inline;
margin: 0;
+
}
\ No newline at end of file
diff --git a/history/driver_history.php b/history/driver_history.php
index 5d2fe7d1..a2812c70 100644
--- a/history/driver_history.php
+++ b/history/driver_history.php
@@ -44,6 +44,63 @@
</a>
</li>
</ul>
+
+ <div id="history_table_container">
+ <table class="history_table">
+ <colgroup>
+ <col style="width: 20%;">
+ <col style="width: 80%;">
+ </colgroup>
+
+ <tbody>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>
</div>
</body>
diff --git a/history/transaction_history.php b/history/transaction_history.php
index 73ca6f40..ad3cd1f3 100644
--- a/history/transaction_history.php
+++ b/history/transaction_history.php
@@ -44,6 +44,63 @@
</a>
</li>
</ul>
+
+ <div id="history_table_container">
+ <table class="history_table">
+ <colgroup>
+ <col style="width: 20%;">
+ <col style="width: 80%;">
+ </colgroup>
+
+ <tbody>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <img class="history_pict" src="../img/default_profile.jpeg">
+ </td>
+ <td class="history_column">
+ <p class="history_date">tanggal</p>
+ <p class="history_username">Username</p>
+ <p class="history_loc">asal - tujuan</p>
+ <p class="history_rating">rating</p>
+ <p class="history_comment">You commented:</p>
+ <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+ </p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
</div>
</div>
</body>
--
GitLab