Skip to content
Snippets Groups Projects
Commit 55cc7ce1 authored by adyanf's avatar adyanf
Browse files
parents 910e3a1b 33951551
1 merge request!43KIA -13515016 - Kevin Erdiza Yogatama
...@@ -14,6 +14,7 @@ function nextToSelectDriver() { ...@@ -14,6 +14,7 @@ function nextToSelectDriver() {
document.getElementById("tab-"+prev).classList.remove("button-progress-now"); document.getElementById("tab-"+prev).classList.remove("button-progress-now");
document.getElementById("tab-"+next).classList.add("button-progress-now"); document.getElementById("tab-"+next).classList.add("button-progress-now");
} }
function nextToCompleteOrder(){ function nextToCompleteOrder(){
var prev = 'select-driver' var prev = 'select-driver'
var next = 'complete-order' var next = 'complete-order'
......
<%@ page import="java.util.Date" %> <%@ page import="java.util.Date" %>
<%@ page import="com.jauharteam.ojek.ojek.UserService" %> <%@ page import="com.jauharteam.ojek.ojek.UserService" %>
<%@ page import="com.ojek.common.User" %> <%@ page import="com.ojek.common.User" %>
<% <%
String accessToken = (String) request.getAttribute("accessToken"); String accessToken = (String) request.getAttribute("accessToken");
UserService userService = (UserService) request.getAttribute("userService"); UserService userService = (UserService) request.getAttribute("userService");
User user = userService.getUser(accessToken); User user = userService.getUser(accessToken);
%> %>
<div id="make-order">
<div> <% if (!(user.getDriver() != null && user.getDriver())) { %>
<h3>MAKE AN ORDER</h3> <div id="make-order">
<ul class="row"> <div>
<li class="col-4"> <h3>MAKE AN ORDER</h3>
<button id="tab-select-destination" class="taborder button button-progress-now row button-disable" disabled> <ul class="row">
<div class="circle-numbering col-3">1</div> <li class="col-4">
Select Destination <button id="tab-select-destination" class="taborder button button-progress-now row button-disable" disabled>
</button> <div class="circle-numbering col-3">1</div>
</li> Select Destination
<li class="col-4"> </button>
<button id="tab-select-driver" class="taborder button button-plain row button-disable" disabled> </li>
<div class="circle-numbering col-3">2</div> <li class="col-4">
Select a Driver <button id="tab-select-driver" class="taborder button button-plain row button-disable" disabled>
</button> <div class="circle-numbering col-3">2</div>
</li> Select a Driver
<li class="col-4"> </button>
<button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled> </li>
<div class="circle-numbering col-3">3</div> <li class="col-4">
Chat Driver <button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled>
</button> <div class="circle-numbering col-3">3</div>
</li> Chat Driver
<li class="col-3"> </button>
<button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled> </li>
<div class="circle-numbering col-3">4</div> <li class="col-3">
Complete your order <button id="tab-complete-order" class="taborder button button-plain row button-disable" disabled>
</button> <div class="circle-numbering col-3">4</div>
</li> Complete your order
</ul> </button>
</li>
</ul>
</div>
<form action="" method="post" accept-charset="utf-8">
<div class="container" id="select-destination" style="display: block">
<div class="form-order-default">
<div class="row">
<div class="col-5">
Picking Point
</div>
<label>
<input class="col-7 input-standard" autocorrect="off" autocomplete="off" name="pickingpoint" placeholder="Fill A Place" id="pickingpoint"
type="text" size="30" list="suggest-pickingpoint">
<datalist id="suggest-pickingpoint"></datalist>
</label>
</div> </div>
<form action="" method="post" accept-charset="utf-8"> <div class="row">
<div class="container" id="select-destination" style="display: block"> <div class="col-5">
<div class="form-order-default"> Destination
<div class="row">
<div class="col-5">
Picking Point
</div>
<label>
<input class="col-7 input-standard" autocorrect="off" autocomplete="off" name="pickingpoint" placeholder="Fill A Place"
id="pickingpoint" type="text" size="30" list="suggest-pickingpoint">
<datalist id="suggest-pickingpoint"></datalist>
</label>
</div>
<div class="row">
<div class="col-5">
Destination
</div>
<label>
<input class="col-7 input-standard" autocorrect="off" autocomplete="off" name="destination" placeholder="Fill A Place"
id="destination" type="text" size="30" list="suggest-destination">
<datalist id="suggest-destination"></datalist>
</label>
</div>
<div class="row">
<div class="col-5">
Preferred Driver
</div>
<input class="col-7 input-standard" name="preferreddriver" placeholder="(optional)" id="preferreddriver" type="text" size="30">
</div>
<div style="text-align: center; margin: 15px 0px;">
<div class="button button-success" onclick="grabDriver()">NEXT!</div>
</div>
<div class="row warning-box" id="warning-msg-loc" style='display: none;'>
</div>
</div>
</div> </div>
<div class="form-order" id="select-driver" style="display: none"> <label>
<div class="container rounded-border" id="thereprefdriver"> <input class="col-7 input-standard" autocorrect="off" autocomplete="off" name="destination" placeholder="Fill A Place" id="destination"
<h2>PREFERRED DRIVERS:</h2> type="text" size="30" list="suggest-destination">
<div id="prefer-driver"> <datalist id="suggest-destination"></datalist>
<!-- display preferred driver after button next clicked--> </label>
</div> </div>
</div> <div class="row">
<div class="container rounded-border"> <div class="col-5">
<h2>OTHER DRIVERS:</h2> Preferred Driver
<div id="other-driver">
<!-- display drivers w/ our picking point as preferred loc after button next clicked-->
</div>
</div>
<div id="modalverifyorder" class="modalview">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-text">Are you sure?</div>
<div class="modal-options">
<a class="button button-fail" id="no-order">NO</a>
<a class="button button-success" id="yes-order">YES</a>
</div>
</div>
</div>
</div> </div>
<div class="form-order" id="complete-order" style="display: none"> <input class="col-7 input-standard" name="preferreddriver" placeholder="(optional)" id="preferreddriver" type="text" size="30">
<h3>HOW WAS IT?</h3> </div>
<div class="row"> <div style="text-align: center; margin: 15px 0px;">
<div class="col-4"> <div class="button button-success" onclick="grabDriver()">NEXT!</div>
</div> </div>
<div class="col-4"> <div class="row warning-box" id="warning-msg-loc" style='display: none;'>
<div class="row"> </div>
<div class="picture center profile-picture" id="driver-pict"> </div>
<img src="assets/images/pikachu.png" alt="Pikachuu"> </div>
</div> <div class="form-order" id="select-driver" style="display: none">
</div> <div class="container rounded-border" id="thereprefdriver">
</div> <h2>PREFERRED DRIVERS:</h2>
<div class="col-4"> <div id="prefer-driver">
</div> <!-- display preferred driver after button next clicked-->
</div> </div>
<div class="row profile-info"> </div>
<div class="row"> <div class="container rounded-border">
<span class="username" id="driver-username"> <h2>OTHER DRIVERS:</h2>
boom <div id="other-driver">
</span> <!-- display drivers w/ our picking point as preferred loc after button next clicked-->
</div> </div>
<div class="row"> </div>
<span class="full-name" id="driver-fullname"> <div id="modalverifyorder" class="modalview">
boom <!-- Modal content -->
</span> <div class="modal-content">
</div> <div class="modal-text">Are you sure?</div>
</div> <div class="modal-options">
<div class="container"> <a class="button button-fail" id="no-order">NO</a>
<div class="container"> <a class="button button-success" id="yes-order">YES</a>
<ul class="rating-list row">
<li class="rating-element" id="rating-1" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)"><i class="material-icons">star_rate</i></li>
<li class="rating-element" id="rating-2" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)"><i class="material-icons">star_rate</i></li>
<li class="rating-element" id="rating-3" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)"><i class="material-icons">star_rate</i></li>
<li class="rating-element" id="rating-4" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)"><i class="material-icons">star_rate</i></li>
<li class="rating-element" id="rating-5" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)"><i class="material-icons">star_rate</i></li>
</ul>
</div>
<div class="container">
<textarea rows="4" cols="50" id="comment-area" placeholder="Your comment..."></textarea>
</div>
<div class="container row">
<a class="button button-success" id="submit-order" type="submit" name="submit" style="float: right;">COMPLETE ORDER</a>
</div>
<div class="row warning-box" id="warning-msg-submit" style='display: none;'>
</div>
</div>
</div> </div>
</form> </div>
<div id="modalsubmit" class="modalview"> </div>
<!-- Modal content --> </div>
<div class="modal-content"> <div class="form-order" id="complete-order" style="display: none">
<div class="modal-text">ORDER SUCCESS!!!! YEAY!!!!</div> <h3>HOW WAS IT?</h3>
<div class="modal-options"> <div class="row">
<a class="button button-success" id="verifysubmit">OK</a> <div class="col-4">
</div>
<div class="col-4">
<div class="row">
<div class="picture center profile-picture" id="driver-pict">
<img src="assets/images/pikachu.png" alt="Pikachuu">
</div> </div>
</div> </div>
</div> </div>
<div class="col-4">
</div>
</div> </div>
<div id="find-order"> <div class="row profile-info">
<h3>LOOKING FOR AN ORDER</h3>
<!-- page 1-->
<div class="row"> <div class="row">
<div class="col-4"></div> <span class="username" id="driver-username">
<div class="col-4 button button-success">FIND ORDER</div> boom
<div class="col-4"></div> </span>
</div> </div>
<!-- page 2-->
<div class="row"> <div class="row">
<div class="row align-center"> <span class="full-name" id="driver-fullname">
<h4>Finding Order<span id="dot-loading">...</span></h4> boom
</div> </span>
<div class="col-4"></div>
<div class="col-4 button button-fail">CANCEL</div>
<div class="col-4"></div>
</div> </div>
<!-- page 3--> </div>
<div class="row"> <div class="container">
<div class="row align-center"> <div class="container">
<h4>Got an Order</h4> <ul class="rating-list row">
</div> <li class="rating-element" id="rating-1" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)">
<div class="row align-center"> <i class="material-icons">star_rate</i>
<h5>Name here</h5> </li>
</div> <li class="rating-element" id="rating-2" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)">
<i class="material-icons">star_rate</i>
</li>
<li class="rating-element" id="rating-3" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)">
<i class="material-icons">star_rate</i>
</li>
<li class="rating-element" id="rating-4" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)">
<i class="material-icons">star_rate</i>
</li>
<li class="rating-element" id="rating-5" onmouseover="changeTo(this)" onmouseout="changeBack()" onclick="rateThis(this)">
<i class="material-icons">star_rate</i>
</li>
</ul>
</div>
<div class="container">
<textarea rows="4" cols="50" id="comment-area" placeholder="Your comment..."></textarea>
</div>
<div class="container row">
<a class="button button-success" id="submit-order" type="submit" name="submit" style="float: right;">COMPLETE ORDER</a>
</div> </div>
<div class="row warning-box" id="warning-msg-submit" style='display: none;'>
</div>
</div>
</div>
</form>
<div id="modalsubmit" class="modalview">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-text">ORDER SUCCESS!!!! YEAY!!!!</div>
<div class="modal-options">
<a class="button button-success" id="verifysubmit">OK</a>
</div> </div>
</div>
</div>
</div>
<% } else { %>
<div id="looking-for-order">
<h3>LOOKING FOR AN ORDER</h3>
<!-- page 1-->
<div id="find-order" class="row">
<div class="col-4"></div>
<div class="col-4 button button-success">FIND ORDER</div>
<div class="col-4"></div>
</div>
<!-- page 2-->
<div id="cancel-find" class="row">
<div class="row align-center">
<h4>Finding Order
<span id="dot-loading">...</span>
</h4>
</div>
<div class="col-4"></div>
<div class="col-4 button button-fail">CANCEL</div>
<div class="col-4"></div>
</div>
<!-- page 3-->
<div id="got-order" class="row">
<div class="row align-center">
<h4>Got an Order</h4>
</div>
<div class="row align-center">
<h5>Name here</h5>
</div>
</div>
</div>
<% } %>
<script> <script>
var idCustomer = <%= user.getId() %> var idCustomer = <%= user.getId() %>
</script> </script>
<% long ts = (new Date()).getTime(); //Used to prevent JS/CSS caching %> <% long ts = (new Date()).getTime(); //Used to prevent JS/CSS caching %>
<script type="text/javascript" src="./resources/js/order.js?<%=ts%>"></script> <script type="text/javascript" src="./resources/js/order.js?<%=ts%>"></script>
<script type="text/javascript" src="./resources/js/ajax.js?<%= ts %>"></script> <script type="text/javascript" src="./resources/js/ajax.js?<%=ts%>"></script>
<%--<script type="text/javascript" src="assets/js/ajax.js"></script>--%> <%--<script type="text/javascript" src="assets/js/ajax.js"></script>--%>
<%--<script type="text/javascript" src="assets/js/order.js"></script>--%> <%--<script type="text/javascript" src="assets/js/order.js"></script>--%>
\ No newline at end of file \ No newline at end of file
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