Skip to content

U
uBus
Commit 80e57ad0 authored by Ian De La Cruz's avatar Ian De La Cruz
Browse files
Options

Fixed loading.html, added loading feature

parent c9b91ddb
Hide whitespace changes
Inline Side-by-side
Showing with 103 additions and 6 deletions
web-app/css/style.css
View file @ 80e57ad0
...@@ -84,6 +84,14 @@ nav a:first-child { ...@@ -84,6 +84,14 @@ nav a:first-child {
display: inline-block; display: inline-block;
width: 30%; width: 30%;
border:none; border:none;
margin-bottom: 20px;
}
.card_schedule fieldset input[type="text"], .card_schedule fieldset input[type="datetime-local"] {
font-size: 1em;
border-top:0;
border-left: 0;
border-right: 0;
} }
.card_schedule fieldset:nth-child(5) { .card_schedule fieldset:nth-child(5) {
...@@ -91,10 +99,11 @@ nav a:first-child { ...@@ -91,10 +99,11 @@ nav a:first-child {
} }
.card_schedule fieldset:nth-child(n+6):nth-child(-n+8) { .card_schedule fieldset:nth-child(n+6):nth-child(-n+8) {
display: block;
width: 40%; width: 40%;
} }
.card_schedule fieldset:nth-child(n+5):nth-child(-n+8) input { .card_schedule fieldset:nth-child(n+5):nth-child(-n+8) input[type="text"] {
position: relative; position: relative;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
...@@ -104,6 +113,10 @@ nav a:first-child { ...@@ -104,6 +113,10 @@ nav a:first-child {
border-right: 0; border-right: 0;
} }
input[type="text"] {
}
.row { .row {
display: block; display: block;
} }
\ No newline at end of file
web-app/js/app.js
View file @ 80e57ad0
...@@ -2,6 +2,30 @@ Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsO ...@@ -2,6 +2,30 @@ Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsO
var Schedule = Parse.Object.extend("Schedule"); var Schedule = Parse.Object.extend("Schedule");
$('#reload').submit(function(){
event.preventDefault();
var cell = document.getElementById("cellphone_number").value,
amt = document.getElementById("amount").value;
var query = new Parse.Query(User);
query.equalTo("cellphoneNumber", cell);
query.find({
success: function(results){
for (var i = 0; i < results.length; i++) {
var object = results[i];
alert(object.get('load'));
}
},
error: function(error){
alert("Could not find account");
}
});
//search for cell number
//update amount value
//save
});
$("#create_schedule").submit(function(event){ $("#create_schedule").submit(function(event){
......
web-app/loading.html
View file @ 80e57ad0
<!DOCTYPE html>
<html>
<head>
<title>uBus | Bus Schedules</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="http://www.parsecdn.com/js/parse-1.6.6.min.js"></script>
</head>
<body>
<header>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/add.png" width="40px"></a>
<a href="javascript:void(0);"><img src="img/search.png" width="40px"></a>
</nav>
</header>
<div class="wrapper">
<div class="title">
<img src="img/scheduling.png" width="40px">
<h1>Search User</h1>
</div>
<div class="card">
<div class="row">
<img src="img/scheduling.png" width="60px">
<form method="post" class="card_schedule" id="reload">
<fieldset style="display:block; width:100%;">
<label style="width: 100%;"><i class="fa fa-mobile fa-5x" style="padding-left:20px;"></i>
<input type="text" id="cellphone_number" placeholder="Cellphone Number" style="width:40%; height:40px; font-size:1em;position: relative;
top: 50%;
transform: translateY(-50%);
margin-left: 30px;
border-top:0;
border-left: 0;
border-right: 0;"></label>
</fieldset>
<fieldset style="display:block; width:100%;">
<label style="width: 100%;"><i class="fa fa-money fa-4x" style="padding-left:5px;"></i>
<input type="text" id="amount" placeholder="Amount" style="width:40%; height:40px; position: relative;
top: 50%;
transform: translateY(-50%);
margin-left: 15px;
border-top:0;
border-left: 0;
border-right: 0;"></label>
</fieldset>
<fieldset style="margin-top: 40px;">
<input type="submit">
</fieldset>
</form>
</div>
</div>
<div class="schedules"></div>
</div>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
web-app/schedule.html
View file @ 80e57ad0
...@@ -44,20 +44,20 @@ ...@@ -44,20 +44,20 @@
<input type="datetime-local" id="eta" placeholder="hello"> <input type="datetime-local" id="eta" placeholder="hello">
</fieldset> </fieldset>
<fieldset> <fieldset>
<label><i class="fa fa-2x fa-bus"></i> <label><i class="fa fa-4x fa-bus" style="margin-left:10px;"></i>
<input type="text" id="bus_company" placeholder="Company" size="10"></label> <input type="text" id="bus_company" placeholder="Company" size="10" style="margin-left:15px;"></label>
<label> <label>
<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label> <input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
</fieldset> </fieldset>
<fieldset> <fieldset>
<label><i class="fa fa-2x fa-users"></i> <label><i class="fa fa-4x fa-users"></i>
<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label> <input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
</fieldset> </fieldset>
<fieldset> <fieldset>
<label><i class="fa fa-2x fa-money"></i> <label><i class="fa fa-4x fa-money"></i>
<input type="text" id="fare" placeholder="Fare" size="10"></label> <input type="text" id="fare" placeholder="Fare" size="10"></label>
</fieldset> </fieldset>
<fieldset> <fieldset style="margin-top: 40px;">
<input type="submit"> <input type="submit">
</fieldset> </fieldset>
</form> </form>
......
Markdown is supported
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