Skip to content
Snippets Groups Projects
Commit 552cafa9 authored by Husnulzaki Wibisono Haryadi's avatar Husnulzaki Wibisono Haryadi
Browse files

Create basic front end for order

parent 85f4364a
1 merge request!45OneHundred - 13515005 - Husnulzaki Wibisono Haryadi
Hide whitespace changes
Inline Side-by-side
css/order.css
+ 52
− 7
View file @ 552cafa9
...@@ -2,19 +2,64 @@ ...@@ -2,19 +2,64 @@
text-align: left; text-align: left;
} }
.submenu_container {
width: 360px;
display: inline-flex;
margin-left: auto;
margin-right: auto;
}
.submenu { .submenu {
width: 100px; width: 100px;
height: 40px; height: 40px;
float: left; float: left;
border: 0.5px solid black; border: 0.5px solid black;
margin-left: auto; font-size: 15px;
margin-right: auto; text-align: center;
} }
.submenu_container { .submenu.left {
width: 360px; float: left;
margin-left: auto; }
margin-right: auto;
.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 { #order_link {
......
order/order.php
+ 40
− 4
View file @ 552cafa9
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<link rel="stylesheet" type="text/css" href="../css/default_style.css"> <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/order.css">
<link rel="stylesheet" type="text/css" href="../css/header.css"> <link rel="stylesheet" type="text/css" href="../css/header.css">
<script type="text/javascript"></script>
</head> </head>
<body> <body>
<div class="frame"> <div class="frame">
...@@ -31,23 +32,58 @@ ...@@ -31,23 +32,58 @@
<h1>Make an Order</h1> <h1>Make an Order</h1>
<div class="submenu_container"> <div class="submenu_container">
<a href="order/select_location.html"> <a href="order/select_location.html">
<div class="submenu"> <div class="submenu left">
Select Destination Select Destination
</div> </div>
</a> </a>
<a href="order/select_driver.html"> <a href="order/select_driver.html">
<div class="submenu"> <div class="submenu mid">
Select Driver Select a Driver
</div> </div>
</a> </a>
<a href="order/complete_order.html"> <a href="order/complete_order.html">
<div class="submenu"> <div class="submenu right">
Complete Order Complete Order
</div> </div>
</a> </a>
</div> </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> </div>
</body> </body>
</html> </html>
order/select_location.html → order/select_location.php 100755 → 100644
+ 0
− 0
View file @ 552cafa9
File moved
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment