diff options
author | Anatasof Wirapraja <anata@darapsa.co.id> | 2021-07-19 22:34:43 +0700 |
---|---|---|
committer | Anatasof Wirapraja <anata@darapsa.co.id> | 2021-07-19 22:34:43 +0700 |
commit | c30ec71812ffa31b8d7d995f2b9bab5c23d15312 (patch) | |
tree | 4da32e5e34da55bee34160d30b88e2001f423ed5 | |
parent | da8021e054e3aac1e1df540838275fb8ac2f7f48 (diff) |
initial commit on service.html (orders as first component)
-rw-r--r-- | pages/member/service.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/pages/member/service.html b/pages/member/service.html new file mode 100644 index 0000000..3bd72d1 --- /dev/null +++ b/pages/member/service.html @@ -0,0 +1,65 @@ +@_TOP_@ +<!-- BEGIN CONTENT --> +<div class="container p-4"> + <!-- Hero Section--> + <div class="py-2"> + <h1>[L]Your Account[/L]</h1> + [if session logged_in] + [edisplay show_label=1 show_var=0 keep=1] + </div> + <!-- End Hero section--> + <!-- Orders Section--> + <section> + <div class="block-header"> + <h4 class="d-flex justify-content-between">Orders</h4> + </div> + <div class="container"> + <div> + <table class="table table-borderless table-hover table-responsive-md"> + <thead class="bg-light"> + <tr> + <th class="py-4 text-uppercase text-sm">Order #</th> + <th class="py-4 text-uppercase text-sm">Date</th> + <th class="py-4 text-uppercase text-sm">Total</th> + <th class="py-4 text-uppercase text-sm">Status</th> + <th class="py-4 text-uppercase text-sm">Action</th> + </tr> + </thead> + <tbody> + <tr> + <th class="py-4 align-middle">#12345</th> + <td class="py-4 align-middle">22/6/2017</td> + <td class="py-4 align-middle">Rp150.000,00</td> + <td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-light text-dark">Being prepared</span></td> + <td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td> + </tr> + <tr> + <th class="py-4 align-middle"># 1734</th> + <td class="py-4 align-middle">7/5/2017</td> + <td class="py-4 align-middle">Rp150.000,00</td> + <td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-warning text-dark">Action needed</span></td> + <td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td> + </tr> + <tr> + <th class="py-4 align-middle"># 1730</th> + <td class="py-4 align-middle">30/9/2016</td> + <td class="py-4 align-middle">Rp150.000,00</td> + <td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-success">Received</span></td> + <td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td> + </tr> + <tr> + <th class="py-4 align-middle"># 1705</th> + <td class="py-4 align-middle">22/6/2016</td> + <td class="py-4 align-middle">Rp150.000,00</td> + <td class="py-4 align-middle"><span class="badge p-2 text-uppercase bg-danger">Cancelled</span></td> + <td class="py-4 align-middle"><a class="btn btn-outline-dark btn-sm" href="customer-order.html">View</a></td> + </tr> + </tbody> + </table> + </div> + </div> + </section> + <!-- Orders Section --> +</div> + +__BOTTOM__
\ No newline at end of file |