From 552cafa9f194c30b8ba052b1d67f9ddbd077a34f Mon Sep 17 00:00:00 2001
From: ayamberkakienam <zackhardyz@gmail.com>
Date: Fri, 6 Oct 2017 17:30:16 +0700
Subject: [PATCH] Create basic front end for order
---
css/order.css | 59 ++++++++++++++++---
order/order.php | 44 ++++++++++++--
...lect_location.html => select_location.php} | 0
3 files changed, 92 insertions(+), 11 deletions(-)
rename order/{select_location.html => select_location.php} (100%)
mode change 100755 => 100644
diff --git a/css/order.css b/css/order.css
index 53e27a97..4e06d9c0 100755
--- a/css/order.css
+++ b/css/order.css
@@ -2,19 +2,64 @@
text-align: left;
}
+.submenu_container {
+ width: 360px;
+ display: inline-flex;
+ margin-left: auto;
+ margin-right: auto;
+}
+
.submenu {
width: 100px;
height: 40px;
float: left;
- border: 0.5px solid black;
- margin-left: auto;
- margin-right: auto;
+ border: 0.5px solid black;
+ font-size: 15px;
+ text-align: center;
}
-.submenu_container {
- width: 360px;
- margin-left: auto;
- margin-right: auto;
+.submenu.left {
+ float: left;
+}
+
+.submenu.mid {
+ margin-left: 29px;
+ margin-right: 29px;
+}
+
+.submenu.right {
+ float: right;
+}
+
+.content {
+ width: 350px;
+ margin-top: 20px;
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.content > div {
+ margin: 5px 0px 5px 0px;
+}
+
+.content > div > span {
+ float: left;
+}
+
+.content > div > input[type="text"] {
+ width: 200px;
+ float: right;
+}
+
+#next {
+
+}
+
+#select_driver div {
+ border: 0.5px solid black;
+}
+
+#preferred_driver {
}
#order_link {
diff --git a/order/order.php b/order/order.php
index 6eb91bd2..eed5896d 100644
--- a/order/order.php
+++ b/order/order.php
@@ -5,6 +5,7 @@
<link rel="stylesheet" type="text/css" href="../css/default_style.css">
<link rel="stylesheet" type="text/css" href="../css/order.css">
<link rel="stylesheet" type="text/css" href="../css/header.css">
+ <script type="text/javascript"></script>
</head>
<body>
<div class="frame">
@@ -31,23 +32,58 @@
<h1>Make an Order</h1>
<div class="submenu_container">
<a href="order/select_location.html">
- <div class="submenu">
+ <div class="submenu left">
Select Destination
</div>
</a>
<a href="order/select_driver.html">
- <div class="submenu">
- Select Driver
+ <div class="submenu mid">
+ Select a Driver
</div>
</a>
<a href="order/complete_order.html">
- <div class="submenu">
+ <div class="submenu right">
Complete Order
</div>
</a>
</div>
+ <form method="post">
+ <div class="content" id="select_destination" style="display: none;">
+ <div>
+ <span>Picking point</span>
+ <input type="text" name="picking_point">
+ </div>
+ <div>
+ <span>Destination</span>
+ <input type="text" name="destination">
+ </div>
+ <div>
+ <span>Preferred driver</span>
+ <input type="text" name="preferred_driver">
+ </div>
+ <div class="button green" id="next">
+ Next
+ </div>
+ </div>
+ <div class="content" id="select_driver" style="display: none;">
+ <div id="preferred_driver">
+ <h2>Preferred driver</h2>
+ </div>
+ <div id="other_driver">
+ <h2>Other drivers</h2>
+ </div>
+ <div id="selected_driver" style="display: none">
+ <input type="text" name="selected_driver">
+ </div>
+ </div>
+ <div class="content" id="complete_order">
+ <h2>
+ How was it?
+ </h2>
+ </div>
+ </form>
</div>
</body>
</html>
diff --git a/order/select_location.html b/order/select_location.php
old mode 100755
new mode 100644
similarity index 100%
rename from order/select_location.html
rename to order/select_location.php
--
GitLab