Skip to content

U
uBus
Commit 4015d74a authored by Ian De La Cruz's avatar Ian De La Cruz
Browse files
Options

Many Edits

parent e0433bec
Show whitespace changes
Inline Side-by-side
Showing with 4768 additions and 847 deletions
web-app/createSchedule.html 0 → 100644
View file @ 4015d74a
<!DOCTYPE html>
<html lang="en">
<head>
<title>uBus | Admin System</title>
<meta charset="utf-8">
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<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="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<header class="header">
<a href="index.html" class="header__logo"><img src="img/logo.png" width="40px"></a>
<nav class="header__nav" id="navigation">
<a href=""></a>
<a href=""></a>
</nav>
</header>
<main class="container">
<div class="card">
<form class="generateTrips">
<label for="startTime">
<input type="time" id="startTime">
</label>
<label for="startDate">
<input type="date" id="startDate">
</label>
<label for="endTime">
<input type="time" id="endTime">
</label>
<label for="endDate">
<input type="date" id="endDate">
</label>
<button class="generateTrips__btn">Generate Trips</button>
</form>
</div>
</main>
</body>
</html>
web-app/createTrip.html
View file @ 4015d74a
<!-- List all Schedule Times
List all Origin Terminals
List all Destination Terminals
List all Bus Plate of Current Bus Company
List all Bus Types of Current Bus Company -->
<!DOCTYPE html>
<html lang="en">
<head>
......@@ -11,9 +6,11 @@ List all Bus Types of Current Bus Company -->
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/rolling.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
......@@ -25,54 +22,62 @@ List all Bus Types of Current Bus Company -->
</nav>
</header>
<main class="container">
<div id="loader" style="position: fixed; z-index: 100; width: 100%; height: 100%; display: block; background-color: gray;top: 80px;left: 0;-webkit-opacity: 0.5;">
<div class='uil-rolling-css' style='margin:20vh auto; -webkit-transform:scale(0.6);'><div><div></div><div></div></div></div>
</div>
<p id="successMessage" style="display:none; color: white; font-weight: 500; background-color:darkgreen; padding: 20px;">Trip created successfully!</p>
<div class="createTrip card">
<form class="createTrip__form">
<h1 class="createTrip__header">Create Trip</h1>
<label class="createTrip__selectLabel">
<span>Origin: </span>
<select class="createTrip__select" id="selectOrigin">
<option>Hello</option>
<option>--</option>
</select>
</label>
<label class="createTrip__selectLabel">
<span>Destination: </span>
<select class="createTrip__select" id="selectDestination">
<option>Hello</option>
<option>--</option>
</select>
</label>
<hr>
<label class="createTrip__selectLabel">
<span>Schedule Code: </span>
<select class="createTrip__select" id="selectSchedule">
<option>Hello</option>
</select>
<span>Schedule Date: </span>
<input type="date" id="selectDate">
</label>
<label class="createTrip__information">
<span>Time: </span>
<input type="text" id="scheduleTime" disabled="true" size="10">
<span>Day: </span>
<input type="text" id="scheduleDay" disabled="true" size="10">
<label class="createTrip__selectLabel">
<span>Schedule Time: </span>
<input type="time" id="selectTime">
</label>
<hr>
<label class="createTrip__selectLabel">
<span>Plate Number: </span>
<select class="createTrip__select" id="selectPlate">
<option>Hello</option>
<option>--</option>
</select>
</label>
<label class="createTrip__information">
<span>Bus Type: </span>
<input type="text" id="busType" disabled="true" size="10">
</label>
<!-- <label for="cost" class="createTrip__cost">
<span>Costs Per Seat</span>
<input type="text" id="cost">
</label> -->
<label class="createTrip__submit" >
<button id="createTrip__btn">Create Trip</button>
</label>
</form>
</div>
<div class="card">
<label for="startDate">
<span>Start Date</span>
<input type="month" id="startDate">
</label>
<label for="endDate">
<span>End Date</span>
<input type="month" id="endDate">
</label>
<button class="generateTrips__btn">Generate Trips</button>
</form>
</div>
</main>
</body>
</html>
......
web-app/css/rolling.css 0 → 100644
View file @ 4015d74a
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes uil-rolling-anim {
0% {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.uil-rolling-css {
width: 200px;
height: 200px;
}
.uil-rolling-css > div {
width: 200px;
height: 200px;
position: relative;
-ms-animation: uil-rolling-anim 1s linear infinite;
-moz-animation: uil-rolling-anim 1s linear infinite;
-webkit-animation: uil-rolling-anim 1s linear infinite;
-o-animation: uil-rolling-anim 1s linear infinite;
animation: uil-rolling-anim 1s linear infinite;
}
.uil-rolling-css > div div {
position: absolute;
width: 200px;
height: 100px;
border-radius: 1000px 1000px 0 0;
border-color: #124E78;
border-style: solid;
border-width: 40px;
border-bottom-width: 0;
}
.uil-rolling-css > div div:nth-of-type(2) {
-ms-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-moz-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-webkit-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
-o-transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
transform: translate(0, 50px) rotate(54deg) translate(0, -50px);
}
\ No newline at end of file
web-app/index.html
View file @ 4015d74a
......@@ -6,6 +6,7 @@
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/rolling.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
......@@ -20,22 +21,34 @@
</nav>
</header>
<main class="container">
<div class="actionbox card">
<h1 id="welcomeMessage"></h1>
<div class="actionbox card" id="tripManagement" style="display:none;">
<!-- This is not available when user is a Clerk user -->
<h1 class="actionbox__header">Trips Management</h1>
<h2>Trips contain information on Schedules and Bus Assignments</h2>
<ul class="actionbox__list">
<li class="actionbox__listitem"><a href="createTrip.html">Create Trips</a></li>
<li class="actionbox__listitem"><a href="viewTrip.html">View All Trips</a></li>
</ul>
</div>
<div class="actionbox card">
<div class="actionbox card" id="scheduleManagement" style="display:none;">
<!-- This is not available when user is a Clerk user -->
<h1 class="actionbox__header">Schedule Management</h1>
<h2>Schedules contain information on the specifics, ie. day, time and terminals</h2>
<ul class="actionbox__list">
<li class="actionbox__listitem"><a href="createSchedule.html">Create Schedules</a></li>
<li class="actionbox__listitem"><a href="viewSchedules.html">View All Schedules</a></li>
</ul>
</div>
<div class="actionbox card" id="customerManagement">
<h1 class="actionbox__header">Customer Management</h1>
<ul class="actionbox__list">
<li class="actionbox__listitem"><a href="register.html">Register New User</a></li>
<li class="actionbox__listitem"><a href="reload.html">Reload User Credits</a></li>
</ul>
</div>
<button onclick="app.searchRole()">Print in Console</button>
<!-- <button onclick="app.searchRole()">Print in Console</button> -->
</main>
</body>
</html>
web-app/js/app.js
View file @ 4015d74a
// Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsOJCOkfCGTL63wti1rcUlVCD");
Parse.initialize("VHNmZxSO2pSrd2KjsjW6a8QUdJYZLFS6Il4WDrQM","s36ClRKw9cXstmvT9Z2L6d5H9CaoUc5V1R9vQ2kP");
Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsOJCOkfCGTL63wti1rcUlVCD");
// Parse.initialize("VHNmZxSO2pSrd2KjsjW6a8QUdJYZLFS6Il4WDrQM","s36ClRKw9cXstmvT9Z2L6d5H9CaoUc5V1R9vQ2kP");
var helper = {
pointerTo : function(objectId, klass) {
......@@ -32,20 +32,43 @@ var helper = {
error : function(err){ console.log(err.code); }
});
})
},
resetSelectElement : function( elementID ) {
var select = document.getElementById(elementID);
select.selectedIndex = 0;
},
fadeToggle : function (el, speed) {
setInterval(function () {
var op = parseFloat(el.style.opacity);
if( op == 1 ){
el.style.opacity = op - .75;
} else if( op == 0 ) {
el.style.opacity = op + .75;
}
}, speed);
}
}
var app = {
login : function(){
event.preventDefault();
var uname = document.getElementById("login_uname").value,
pass = document.getElementById("login_pass").value;
var query = new Parse.Query(Parse.User);
query.equalTo("username", uname);
query.find({
success: function(results){
// console.log(results[0].get("affiliation"));
if(results[0].get("affiliation") != null ){
var queryRole = new Parse.Query(Parse.Role);
queryRole.equalTo('name', 'Administrator');
queryRole.first({
success: function(result) {
var role = result;
var adminRelation = new Parse.Relation(role, 'users');
var queryAdmins = adminRelation.query();
queryAdmins.equalTo('username', uname);
queryAdmins.first({
success: function(result) { // User Object
var user = result;
// user ? (console.log('USER : ', user), ) : console.log('User not Administrator!');
if (user){
Parse.User.logIn(uname, pass, {
success: function(user){
console.log("success");
......@@ -56,12 +79,67 @@ var app = {
}
});
} else {
app.clerkLogin(uname, pass);
}
}
});
},
error: function(error){ console.log(error.code); }
error: function(error) {}
});
// var query = new Parse.Query(Parse.User);
// query.equalTo("username", uname);
// query.find({
// success: function(results){
// // console.log(results[0].get("affiliation"));
// if(results[0].get("affiliation") != null ){
// Parse.User.logIn(uname, pass, {
// success: function(user){
// console.log("success");
// window.location = "index.html";
// },
// error: function(user, error){
// console.log("Error " + error.code + " " + error.message);
// }
// });
// } else {
// }
// },
// error: function(error){ console.log(error.code); }
// });
},
clerkLogin : function ( uname, pass ) {
var queryRole = new Parse.Query(Parse.Role);
queryRole.equalTo('name', 'Clerk');
queryRole.first({
success : function(res){
var role = res;
console.log(role);
var adminRelation = new Parse.Relation(role, 'users');
var queryAdmins = adminRelation.query();
queryAdmins.equalTo('username', uname);
queryAdmins.first({
success : function(res){
if( res ) {
Parse.User.logIn(uname, pass, {
success: function(user){
console.log("success");
window.location = "index.html";
},
error: function(user, error){
console.log("Error " + error.code + " " + error.message);
}
});
}
},
error : function(err){}
});
},
error : function(err){}
});
},
logout : function() {
event.preventDefault();
......@@ -86,42 +164,43 @@ var app = {
var tripQuery = new Parse.Query("Trip");
var busQuery = new Parse.Query("Bus_Company");
busQuery.equalTo('objectId', busCompany);
tripQuery.include('origin');
tripQuery.include('destination');
// tripQuery.include('origin');
// tripQuery.include('destination');
tripQuery.include('assignedBus');
tripQuery.include('assignedSchedule');
tripQuery.include('busCompany');
// tripQuery.include('dateAndTime');
// tripQuery.include('busCompany');
tripQuery.matchesQuery('busCompany', busQuery);
tripQuery.find({
success : function(results){
var listParent = document.getElementsByClassName("tripList")[0];
for(var i = 0; i < results.length; i++){
var origin = results[i].get("origin").get("location");
var destination = results[i].get("destination").get("location");
var departureTime = results[i].get("assignedSchedule").get("scheduleCode");
// var origin = results[i].get("origin").get("location");
// var destination = results[i].get("destination").get("location");
// var departureTime = results[i].get("assignedSchedule").get("scheduleCode");
var plateNumber = results[i].get("assignedBus").get("plateNumber");
var busType = results[i].get("assignedBus").get("busType");
var date = results[i].get("dateAndTime");
var listItem = document.createElement("li");
listItem.setAttribute("class", "tripList__item card");
var listItemSpan1 = document.createElement("span");
listItemSpan1.setAttribute("class", "tripList__itemInfo");
listItemSpan1.innerHTML = "Origin: " + origin;
listItemSpan1.innerHTML = "Date: " + date;
listItem.appendChild(listItemSpan1);
listParent.appendChild(listItem);
var listItemSpan2 = document.createElement("span");
listItemSpan2.setAttribute("class", "tripList__itemInfo");
listItemSpan2.innerHTML = "Destination: " + destination;
listItem.appendChild(listItemSpan2);
listParent.appendChild(listItem);
// var listItemSpan2 = document.createElement("span");
// listItemSpan2.setAttribute("class", "tripList__itemInfo");
// listItemSpan2.innerHTML = "Destination: " + destination;
// listItem.appendChild(listItemSpan2);
// listParent.appendChild(listItem);
var listItemSpan3 = document.createElement("span");
listItemSpan3.setAttribute("class", "tripList__itemInfo");
listItemSpan3.innerHTML = "Departure: " + departureTime;
listItem.appendChild(listItemSpan3);
listParent.appendChild(listItem);
// var listItemSpan3 = document.createElement("span");
// listItemSpan3.setAttribute("class", "tripList__itemInfo");
// listItemSpan3.innerHTML = "Departure: " + departureTime;
// listItem.appendChild(listItemSpan3);
// listParent.appendChild(listItem);
var listItemSpan4 = document.createElement("span");
listItemSpan4.setAttribute("class", "tripList__itemInfo");
......@@ -145,49 +224,57 @@ var app = {
// search for id of each parameter
// create a pointer using the helper function
var originTerminal = helper.getSelectedOption("selectOrigin");
var destinationTerminal = helper.getSelectedOption("selectDestination");
var chosenSchedule = helper.getSelectedOption("selectSchedule");
// var originTerminal = helper.getSelectedOption("selectOrigin");
// var destinationTerminal = helper.getSelectedOption("selectDestination");
// var chosenSchedule = helper.getSelectedOption("selectSchedule");
var chosenBus = helper.getSelectedOption("selectPlate");
var chosenDate = document.getElementById("selectDate").value;
var chosenTime = document.getElementById("selectTime").value;
console.log(moment(chosenDate).month());
var loader = document.getElementById("loader");
var successMessage = document.getElementById("successMessage");
// console.log(chosenSchedule);
var originPointer, destinationPointer,schedulePointer, busPointer, operatorPointer;
helper.getParseObjectID( "location", originTerminal, "Terminal" )
.then(function(res){
originPointer = helper.pointerTo(res, "Terminal");
return helper.getParseObjectID( "location", destinationTerminal , "Terminal");
})
.catch(function(err){ console.log( "Origin Terminal Error: " + err.code ); })
.then(function(res){
destinationPointer = helper.pointerTo(res, "Terminal");
return helper.getParseObjectID ( "scheduleCode", chosenSchedule, "Schedule" )
})
.catch(function(err){ console.log( "Destination Terminal Error: " + err.code ); })
.then(function(res){
schedulePointer = helper.pointerTo(res, "Schedule");
return helper.getParseObjectID( "plateNumber", chosenBus, "Bus" );
})
.catch(function(err){ console.log( "Schedule Error: " + err.code ); })
// Recreate Process below using schedule day and time.
// Steps:
// 1. Search for schedule using day and time
// 2. Create pointers like below
helper.getParseObjectID( "plateNumber", chosenBus, "Bus" )
.then(function(res){
busPointer = helper.pointerTo(res, "Bus");
})
.catch(function(err){ console.log("Bus Error: " + err.code); })
.then(function(){
var dateAndTime = chosenDate+" "+chosenTime;
console.log(typeof dateAndTime);
console.log(dateAndTime);
var operatorPointer = helper.pointerTo(currUserAffiliation, "Bus_Company");
var Trip = new Parse.Object.extend("Trip");
var trip = new Trip();
trip.set("assignedBus", busPointer);
trip.set("assignedSchedule", schedulePointer);
trip.set("origin", originPointer);
trip.set("destination", destinationPointer);
trip.set("dateAndTime", new Date(dateAndTime));
// trip.set("origin", originPointer);
// trip.set("destination", destinationPointer);
trip.set("busCompany", operatorPointer);
trip.save()
.then(
function(){
alert("Trip was created successfully.");}
),
// alert("Trip was created successfully.");
// helper.fadeToggle( successMessage, 250 );
successMessage.style.display = "block";
// helper.resetSelectElement("selectOrigin");
// helper.resetSelectElement("selectDestination");
// helper.resetSelectElement("selectSchedule");
// helper.resetSelectElement("selectPlate");
// var typeOutput = document.getElementById("busType");
// typeOutput.value = "";
var timeoutID = window.setTimeout(function(){ loader.style.display = "none"; }, 500);
}),
function(err){ console.log("An issue popped up. Error code: " + err.code + "was returned by the server."); }
});
......@@ -248,21 +335,275 @@ var app = {
},
error : function(err){ console.log(err.code); }
});
},
reload : function(){
var cell = document.getElementById("cellphone_number").value,
amt = document.getElementById("amount").value,
intAmt = parseInt(amt),
row = document.getElementById("load_card");
var accountDetailDiv = document.createElement("div"),
accountName = document.createElement("p"),
accountAmt = document.createElement("p");
var query = new Parse.Query(Parse.User);
query.equalTo("cellPhone", cell);
query.find({
success: function(results){
for (var i = 0; i < results.length; i++) {
var object = results[i];
alert(object.get('load'));
accountNameText = document.createTextNode("Name: " + object.get('username'));
accountAmtText = document.createTextNode("Previous Balance: " + object.get('load'));
accountName.appendChild(accountNameText);
accountAmt.appendChild(accountAmtText);
accountDetailDiv.appendChild(accountName);
accountDetailDiv.appendChild(accountAmt);
row.appendChild(accountDetailDiv);
var intLoad = parseInt(object.get('load'));
var newLoad = intLoad+intAmt;
object.set("load", newLoad.toString());
object.save(null,{
success: function(object){
console.log("Saved.");
},
error: function(error){
console.log("Error " + error.code + " " + error.message);
}
});
}
},
error: function(error){
alert("Could not find account");
}
});
},
createUser : function( username, password, firstName, lastName, cellPhone, credits ){
var newUser = new Parse.User();
newUser.signUp({
"username" : username,
"password" : password,
"firstName" : firstName,
"lastName" : lastName,
"creditsRemaining" : credits,
"mobileNumber" : cellPhone
}).then(function(){
console.log(Parse.User.current());
});
},
createSchedule : function(){},
viewSchedule : function(){},
autoGenerateSchedule : function(currUserAffiliation){
// var mondayTimes = [8:00, 10:00, 12:00, 14:00, 16:00, 18:00, 20:00];
var startDate = moment(document.getElementById("startDate").value, "YYYY-MM");
var endDate = moment(document.getElementById("endDate").value, "YYYY-MM");
console.log(document.getElementById("startDate").value);
// Parse.Cloud.run("generateTrip", {
// startDate: startDate,
// endDate: endDate,
// currUserAffiliation: currUserAffiliation
// },{
// success: function(res){ console.log(res); },
// error: function(err){ console.log(err);}
// });
var currUserAffID = currUserAffiliation;
var numberOfMonths = endDate.diff(startDate, 'months');
// number of months should be: endDATE - startDate
var busArray = [];
var busPointer = 0;
var monthMoment = startDate;
var busQuery = new Parse.Query("Bus");
var company = new Parse.Query("Bus_Company");
company.equalTo("objectId", currUserAffID);
busQuery.matchesQuery("operator", company);
busQuery.find({
success : function(res){
for(var i = 0; i < res.length; i++){
busArray.push(res[i].id);
// console.log(res[i]);
console.log(busArray);
}
},
error : function(err){ console.log("Error " + err.code + ": " + err.message); }
}).then(function(response){
console.log("Number Of Months: " + numberOfMonths);
for( var i = 0; i <= numberOfMonths; i++ ){
var daysInCurrMonth = monthMoment.daysInMonth();
console.log("Days In Current Month:" + daysInCurrMonth);
for( var j = 1; j <= daysInCurrMonth; j++ ){
var currentDate = moment(monthMoment.year()+"-"+(monthMoment.month()+1)+"-"+j, "YYYY-MM-D");
console.log("Current Date: " + currentDate);
var currentisoWeekday = currentDate.isoWeekday();
console.log("ISO DATE: " + currentisoWeekday);
var currentWeekday;
switch( currentisoWeekday ){
case 1:
currentWeekday = "Monday";
break;
case 2:
currentWeekday = "Tuesday";
break;
case 3:
currentWeekday = "Wednesday";
break;
case 4:
currentWeekday = "Thursday";
break;
case 5:
currentWeekday = "Friday";
break;
case 6:
currentWeekday = "Saturday";
break;
case 7:
currentWeekday = "Sunday";
break;
}
console.log("Weekday: " + currentWeekday);
console.log("Date: " + currentDate.format("YYYY-MM-DD ddd") + " Day: " + currentWeekday);
var dateAndTimeStr = currentDate.format("YYYY-MM-DD") + " " + "08:00";
var dateAndTime = moment(dateAndTimeStr);
console.log(dateAndTime.toDate());
// tempTrip.save();
(function(busCompanyQuery, busCompanyValue, weekdayValue, dateAndTimeValue){
if(busPointer > busArray.length){ busPointer = 0; }
var pointerToBus = helper.pointerTo(busArray[busPointer++], "Bus");
var skedQuery = new Parse.Query("Schedule");
skedQuery.matchesQuery("busCompany", busCompanyQuery);
skedQuery.equalTo("day", weekdayValue);
skedQuery.find({
success: function(res){
for(var k = 0; k < res.length; k++){
var dateAndTimeStr = dateAndTimeValue.format("YYYY-MM-DD") + " " + res[k].get("departureTime");
var dateAndTimeMoment = moment(dateAndTimeStr)
var Trip = new Parse.Object.extend("Trip");
var tempTrip = new Trip();
tempTrip.set("assignedSchedule", helper.pointerTo(res[k].id, "Schedule"));
tempTrip.set("assignedBus", pointerToBus);
tempTrip.set("busCompany", helper.pointerTo(busCompanyValue, "Bus_Company"));
tempTrip.set("dateAndTime", dateAndTimeMoment.toDate());
tempTrip.set("seatNumber", 50);
tempTrip.save(null,{
success:function(){
console.log("yay");
},
error:function(err){ console.log(err); }});
console.log(helper.pointerTo(res[k].id, "Schedule"));
console.log(pointerToBus);
console.log(helper.pointerTo(busCompanyValue, "Bus_Company"));
console.log(dateAndTimeMoment.toDate());
}
},
error: function(err){ console.log(err.code);}
});
})(company, currUserAffID, currentWeekday,currentDate)
// var bp = 0;
// if (bp > busArray.length){
// bp = 0
// }
// console.log(currentWeekday + " " +res.length);
// // for (var i = 0; i <= res.length-1; i++) {
// // var time = res[i].get("departureTime");
// // var date = currentDate.format("YYYY-MM-DD");
// // var dateAndTimeStr = date+ " " + time;
// // var dateAndTime = moment(date+ " " + time, "YYYY-MM-DD HH:mm");
// // // console.log(typeof dateAndTime);
// // var objPointer = helper.pointerTo(res[i].id, "Schedule");
// // console.log(objPointer)
// // var pointerToBus = helper.pointerTo(busArray[bp++], "Bus");
// // console.log(pointerToBus);
// // var busComp = helper.pointerTo(currUserAffID, "Bus_Company");
// // console.log(busComp);
// // var Trip = new Parse.Object.extend("Trip");
// // var trip = new Trip();
// // trip.set("assignedSchedule", objPointer);
// // trip.set("assignedBus", pointerToBus);
// // trip.set("busCompany", busComp);
// // trip.set("dateAndTime", dateAndTime.toDate());
// // trip.set("seatNumber", 50);
// // trip.save(null, {
// // success: function(res){ console.log("yas"); },
// // error: function(err){ console.log("Error " + err.code + " : " + err.message); }
// // });
// // //EVerything is set on the last day only.
// // };
// },
// error: function(err){ console.log("Error " + err.code + ": " + err.message); }
// });
}
monthMoment = monthMoment.add(1, 'months');
}
}, function(err){ console.log("Error " + err.code + ": " + err.message); });
// different cases: one month and more than one month
// var startMonth = startDate.month()+1;
// console.log(startMonth);
// for( var i = 0; i < numberOfMonths; i++ ){
// console.log(startMonth++);
// }
}
};
window.onload = function(){
var currentUser = Parse.User.current();
var currLoc = location.href;
// if(!loggedIn and trying to access index) → go to login
// If(loggedIn) → append logout
var currUserAffiliation = currentUser.get("affiliation").id;
var currUserAffiliation;
if( currentUser.get("affiliation") != null ) {
currUserAffiliation = currentUser.get("affiliation").id;
}
console.log(currUserAffiliation);
//set affiliation variable
//set role variable → https://www.parse.com/questions/how-to-check-if-a-user-has-a-specific-role
var AdminBoolean;
if ( currLoc.indexOf("index.html") > -1 ){
var queryRole = new Parse.Query(Parse.Role);
queryRole.equalTo('name', 'Administrator');
queryRole.first().then(
function(result){
var role = result;
console.log(role);
return new Promise(function(resolve,reject){
var adminRelation = new Parse.Relation(role, 'users');
var queryAdmins = adminRelation.query();
// queryAdmins.include("name");
queryAdmins.equalTo('objectId', Parse.User.current().id);
queryAdmins.first().then(function(res){
var user = res;
user ? ( AdminBoolean = true ): (console.log('User not Administrator!'));
resolve(AdminBoolean);
})
});
}
).then(function(res){
if( res == true ){
var tripMgmt = document.getElementById("tripManagement");
tripMgmt.style.display = "block";
var skedMgmt = document.getElementById("scheduleManagement");
skedMgmt.style.display = "block";
}
});
var message = document.getElementById("welcomeMessage");
if( currentUser.get("firstName") != null ){
message.innerHTML = "Welcome, " + currentUser.get("firstName");
} else {
message.innerHTML = "Welcome, " + currentUser.get("username");
}
}
if (!currentUser && currLoc.indexOf("login.html") == -1 ) {
......@@ -286,27 +627,31 @@ window.onload = function(){
}
if( currLoc.indexOf("createTrip.html") != -1 ){
app.generateScheduleOptions(currUserAffiliation, "selectSchedule", "", "scheduleCode");
app.generateTerminalOptions("selectOrigin", "");
app.generateTerminalOptions("selectDestination", "");
app.generatePlateOptions(currUserAffiliation, "selectPlate", "");
var scheduleSelect = document.getElementById("selectSchedule");
scheduleSelect.onchange = function(){
var timeOutput = document.getElementById("scheduleTime"),
dayOutput = document.getElementById("scheduleDay"),
value = this.options[this.selectedIndex].text;
var scheduleQuery = new Parse.Query("Schedule");
scheduleQuery.equalTo("scheduleCode", value);
scheduleQuery.first({
success : function(res){
timeOutput.value = res.get("departureTime");
dayOutput.value = res.get("day");
},
error : function(err){ console.log(err.code); }
})
};
var loader = document.getElementById("loader");
loader.style.display = "block";
//app.generateScheduleOptions(currUserAffiliation, "selectSchedule", "", "scheduleCode");
// app.generateTerminalOptions("selectOrigin", "");
// app.generateTerminalOptions("selectDestination", "");
// app.generatePlateOptions(currUserAffiliation, "selectPlate", "");
var timeoutID = window.setTimeout(function(){ loader.style.display = "none"; }, 2000);
// var scheduleSelect = document.getElementById("selectSchedule");
// scheduleSelect.onchange = function(){
// var timeOutput = document.getElementById("scheduleTime"),
// dayOutput = document.getElementById("scheduleDay"),
// value = this.options[this.selectedIndex].text;
// var scheduleQuery = new Parse.Query("Schedule");
// scheduleQuery.equalTo("scheduleCode", value);
// scheduleQuery.first({
// success : function(res){
// timeOutput.value = res.get("departureTime");
// dayOutput.value = res.get("day");
// },
// error : function(err){ console.log(err.code); }
// })
// };
var busSelect = document.getElementById("selectPlate");
busSelect.onchange = function(){
......@@ -318,15 +663,50 @@ window.onload = function(){
success : function(res){ typeOutput.value = res.get("busType"); },
error : function(err){ console.log(err.code); }
});
}
};
var submitBtn = document.getElementById("createTrip__btn");
// submitBtn.onclick = app.createTrip(currUserAffiliation);
submitBtn.addEventListener("click", function(){
event.preventDefault();
var loader = document.getElementById("loader");
loader.style.display = "block";
app.createTrip(currUserAffiliation);
})
});
var autoGenerate = document.getElementsByClassName("generateTrips__btn")[0];
autoGenerate.addEventListener("click", function(){
event.preventDefault();
app.autoGenerateSchedule(currUserAffiliation);
});
}
if ( currLoc.indexOf("reload.html") > -1 ) {
var searchBtn = document.getElementById("searchBtn");
searchBtn.addEventListener("click", function(){
event.preventDefault();
var list = document.getElementById("searchResults");
list.removeChild(list.firstChild);
var num = document.getElementById("cellNum").value;
var userQuery = new Parse.Query(Parse.User);
// userQuery.equalTo("mobileNumber", num);
userQuery.equalTo("cellPhone", num);
userQuery.find({
success : function(res){
var item = document.createElement("li");
item.innerHTML = "Username: " + res[0].get("username") + " Credits: " + res[0].get("creditsRemaining");
// item.innerHTML = res[0].get("creditsRemaining");
list.appendChild(item);
},
error : function(err){ console.log(err.code); }
})
});
}
}
// Reload
// Client Function: send value and user id (of object to be edited)
// Cloud function: look for the user, update value
// Parse.Cloud.Run("reload", {"objectId": id, "value": value})
\ No newline at end of file
web-app/js/moment.js 0 → 100644
View file @ 4015d74a
This source diff could not be displayed because it is too large. You can view the blob instead.
web-app/login.html
View file @ 4015d74a
......@@ -6,6 +6,7 @@
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/rolling.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
......
web-app/reload.html 0 → 100644
View file @ 4015d74a
<!DOCTYPE html>
<html lang="en">
<head>
<title>uBus | Admin System</title>
<meta charset="utf-8">
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/rolling.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<header class="header">
<a href="index.html" class="header__logo"><img src="img/logo.png" width="40px"></a>
<nav class="header__nav" id="navigation">
<a href=""></a>
<a href=""></a>
</nav>
</header>
<main class="container">
<div id="loader" style="position: fixed; z-index: 100; width: 100%; height: 100%; display: none; background-color: gray;top: 80px;left: 0;-webkit-opacity: 0.5;">
<div class='uil-rolling-css' style='margin:20vh auto; -webkit-transform:scale(0.6);'><div><div></div><div></div></div></div>
</div>
<div class="reload card">
<form class="reload__form">
<h1>Search for User</h1>
<label class="reload__num">
<span>Cellphone Number:</span>
<input type="text" id="cellNum" placeholder="09xxxxxxxxx">
</label>
<button class="reload__btn" id="searchBtn">Search</button>
</form>
</div>
<ul class="searchResults" id="searchResults">
</ul>
</main>
</body>
</html>
web-app/viewSchedules.html 0 → 100644
View file @ 4015d74a
<!DOCTYPE html>
<html lang="en">
<head>
<title>uBus | Admin System</title>
<meta charset="utf-8">
<meta name="description" content="uBus Ticket Reservation System administrator tools.">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<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="js/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<header class="header">
<a href="index.html" class="header__logo"><img src="img/logo.png" width="40px"></a>
<nav class="header__nav" id="navigation">
<a href=""></a>
<a href=""></a>
</nav>
</header>
<main class="container">
<ul class="scheduleList" id="scheduleList">
</ul>
</main>
</body>
</html>
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