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
Hide whitespace changes
Inline Side-by-side
Showing with 4795 additions and 874 deletions
web-app/adminAccount.html
View file @ 4015d74a
<!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="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/app.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>Create Admin Account</h1>
</div>
<div class="card">
<div class="row">
<form method="post" class="card_adminAccount" id="create_adminAccount" style="display:block; margin:0 auto;">
<fieldset>
<label for="addUname"><i class="fa fa-2x fa-user"></i>
<input type="text" id="addUname" placeholder="Username"></label>
</fieldset>
<fieldset>
<label for="addPassword"><i class="fa fa-2x fa-key"></i>
<input type="password" id="addPassword" placeholder="Password">
</label>
</fieldset>
<fieldset>
<label for="addEmail"><i class="fa fa-2x fa-envelope"></i>
<input type="text" id="addEmail" placeholder="admin@example.com">
</label>
</fieldset>
<fieldset>
<label for="addBusCompany"><i class="fa fa-2x fa-bus"></i>
<input type="text" id="addBusCompany" placeholder="Example Lines">
</label>
</fieldset>
<fieldset style="margin-top: 40px;">
<button onclick="adminSignIn()">Sign Up</button>
</fieldset>
</form>
</div>
</div>
<div class="schedules"></div>
</div>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
<!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="js/parse-1.6.7.js"></script>
<script type="text/javascript" src="js/app.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>Create Admin Account</h1>
</div>
<div class="card">
<div class="row">
<form method="post" class="card_adminAccount" id="create_adminAccount" style="display:block; margin:0 auto;">
<fieldset>
<label for="addUname"><i class="fa fa-2x fa-user"></i>
<input type="text" id="addUname" placeholder="Username"></label>
</fieldset>
<fieldset>
<label for="addPassword"><i class="fa fa-2x fa-key"></i>
<input type="password" id="addPassword" placeholder="Password">
</label>
</fieldset>
<fieldset>
<label for="addEmail"><i class="fa fa-2x fa-envelope"></i>
<input type="text" id="addEmail" placeholder="admin@example.com">
</label>
</fieldset>
<fieldset>
<label for="addBusCompany"><i class="fa fa-2x fa-bus"></i>
<input type="text" id="addBusCompany" placeholder="Example Lines">
</label>
</fieldset>
<fieldset style="margin-top: 40px;">
<button onclick="adminSignIn()">Sign Up</button>
</fieldset>
</form>
</div>
</div>
<div class="schedules"></div>
</div>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
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>
<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="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>
</select>
</label>
<label class="createTrip__selectLabel">
<span>Destination: </span>
<select class="createTrip__select" id="selectDestination">
<option>Hello</option>
</select>
</label>
<hr>
<label class="createTrip__selectLabel">
<span>Schedule Code: </span>
<select class="createTrip__select" id="selectSchedule">
<option>Hello</option>
</select>
</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>
<hr>
<label class="createTrip__selectLabel">
<span>Plate Number: </span>
<select class="createTrip__select" id="selectPlate">
<option>Hello</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>
</main>
</body>
</html>
<!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/moment.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: 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>--</option>
</select>
</label>
<label class="createTrip__selectLabel">
<span>Destination: </span>
<select class="createTrip__select" id="selectDestination">
<option>--</option>
</select>
</label>
<hr>
<label class="createTrip__selectLabel">
<span>Schedule Date: </span>
<input type="date" id="selectDate">
</label>
<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>--</option>
</select>
</label>
<label class="createTrip__information">
<span>Bus Type: </span>
<input type="text" id="busType" disabled="true" size="10">
</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/css/style.css
View file @ 4015d74a
/*
* Resets
* Typography
* General Style Classes
* → Grid System
* Components
* → Navigation
* → Registration/Login
* → Schedule
* → Adding Credits
*
*
*/
/* Resets */
* {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6em;
margin: 0;
}
/* Typography */
body {
font-family: Helvetica, Arial, sans-serif;
}
/* General Style Classes */
.card {
box-shadow:0 1px 2px #aaa;
/*height: 300px;*/
padding: 2rem;
border-radius:3px;
}
/* Components */
.header {
display: block;
width: 100%;
height: 80px;
background-color: #124E78;
}
.container {
display: block;
width: 80%;
padding-top: 60px;
margin: 0 auto;
}
.login {
display: block;
width: 80%;
margin: 0 auto;
/*-moz-column-count: 2;*/
}
.login__form {
display: block;
width: 80%;
margin: 0 auto;
}
.login__header {
text-align: center;
}
.login__uname, .login__pass {
display: block;
width: 50%;
height: 80px;
margin: 0 auto;
}
.login__uname::before, .login__pass::before {
display: inline-block;
margin-right: 10px;
}
.login__uname input, .login__pass input {
border: 0;
border-bottom: solid 1px;
width: 80%;
margin: 0 auto;
padding: 10px;
}
.login__uname input:focus, .login__pass input:focus {
border-bottom-color: #124E78;
border-bottom-width: 2.5px;
}
.login__submit {
position: relative;
display: block;
width: 100%;
height: 50px;
}
#login__btn {
position: absolute;
right: 0;
bottom:0;
}
.actionbox__list {
list-style-type: none;
}
.tripList {
list-style-type: none;
}
.tripList__item {
display: block;
width: calc(50% - 10px);
float: left;
}
.tripList__itemInfo {
display: block;
width: 50%;
float: left;
}
.createTrip{
display: block;
height: 450px;
padding: 2rem 6rem;
}
.createTrip__selectLabel {
display: inline-block;
width: 45%;
margin-right: 20px;
}
.createTrip__selectLabel li:nth-child(4) {
display: block;
}
.createTrip__information {
display: block;
margin-top: 10px;
margin-bottom: 20px;
}
.createTrip__information input[type="text"] {
background-color: white;
border: none;
border-bottom: solid 1px;
}
.createTrip hr {
margin: 30px 0;
/*
* Resets
* Typography
* General Style Classes
* → Grid System
* Components
* → Navigation
* → Registration/Login
* → Schedule
* → Adding Credits
*
*
*/
/* Resets */
* {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6em;
margin: 0;
}
/* Typography */
body {
font-family: Helvetica, Arial, sans-serif;
}
/* General Style Classes */
.card {
box-shadow:0 1px 2px #aaa;
/*height: 300px;*/
padding: 2rem;
border-radius:3px;
}
/* Components */
.header {
display: block;
width: 100%;
height: 80px;
background-color: #124E78;
}
.container {
display: block;
width: 80%;
padding-top: 60px;
margin: 0 auto;
}
.login {
display: block;
width: 80%;
margin: 0 auto;
/*-moz-column-count: 2;*/
}
.login__form {
display: block;
width: 80%;
margin: 0 auto;
}
.login__header {
text-align: center;
}
.login__uname, .login__pass {
display: block;
width: 50%;
height: 80px;
margin: 0 auto;
}
.login__uname::before, .login__pass::before {
display: inline-block;
margin-right: 10px;
}
.login__uname input, .login__pass input {
border: 0;
border-bottom: solid 1px;
width: 80%;
margin: 0 auto;
padding: 10px;
}
.login__uname input:focus, .login__pass input:focus {
border-bottom-color: #124E78;
border-bottom-width: 2.5px;
}
.login__submit {
position: relative;
display: block;
width: 100%;
height: 50px;
}
#login__btn {
position: absolute;
right: 0;
bottom:0;
}
.actionbox__list {
list-style-type: none;
}
.tripList {
list-style-type: none;
}
.tripList__item {
display: block;
width: calc(50% - 10px);
float: left;
}
.tripList__itemInfo {
display: block;
width: 50%;
float: left;
}
.createTrip{
display: block;
height: 450px;
padding: 2rem 6rem;
}
.createTrip__selectLabel {
display: inline-block;
width: 45%;
margin-right: 20px;
}
.createTrip__selectLabel li:nth-child(4) {
display: block;
}
.createTrip__information {
display: block;
margin-top: 10px;
margin-bottom: 20px;
}
.createTrip__information input[type="text"] {
background-color: white;
border: none;
border-bottom: solid 1px;
}
.createTrip hr {
margin: 30px 0;
}
\ No newline at end of file
web-app/index.html
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="actionbox card">
<!-- This is not available when user is a Clerk user -->
<h1 class="actionbox__header">Trips Management</h1>
<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">
<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>
</main>
</body>
</html>
<!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">
<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" 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> -->
</main>
</body>
</html>
web-app/js/app.js
View file @ 4015d74a
// Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsOJCOkfCGTL63wti1rcUlVCD");
Parse.initialize("VHNmZxSO2pSrd2KjsjW6a8QUdJYZLFS6Il4WDrQM","s36ClRKw9cXstmvT9Z2L6d5H9CaoUc5V1R9vQ2kP");
var helper = {
pointerTo : function(objectId, klass) {
return { __type:"Pointer", className:klass, objectId:objectId };
},
appendUsingID : function( parentID, elementName, elementClass, content ) {
var parent = document.getElementById(parentID);
var child = document.createElement(elementName);
child.setAttribute("class", elementClass);
child.innerHTML = content;
parent.appendChild(child);
},
appendUsingObject : function( parentNode, elementName, elementClass, content ) {
return 0;
},
getSelectedOption : function( selectNodeID ){
var origin = document.getElementById( selectNodeID );
var selectedOrigin = origin.options[origin.selectedIndex].text;
return selectedOrigin;
},
getParseObjectID : function( parameter, knownParameterValue, objectName ) {
return new Promise( function(resolve, reject){
var objectQuery = new Parse.Query(objectName);
// var retVal;
objectQuery.equalTo( parameter, knownParameterValue );
objectQuery.find({
success : function(res){
resolve(res[0].id);
},
error : function(err){ console.log(err.code); }
});
})
}
}
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 ){
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); }
});
},
logout : function() {
event.preventDefault();
Parse.User.logOut();
location.href="login.html";
var parent = document.getElementById('navigation');
var btn = document.getElementById("logout");
parent.removeChild(btn);
},
searchRole : function(){
var roleQuery = new Parse.Query(Parse.Role);
roleQuery.equalTo("name","Administrator");
roleQuery.find({
success: function(results){
console.log(results[0].getUsers());
},
error: function(error){ console.log(error.code); }
});
},
searchTrip : function(busCompany) {
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('assignedBus');
tripQuery.include('assignedSchedule');
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 plateNumber = results[i].get("assignedBus").get("plateNumber");
var busType = results[i].get("assignedBus").get("busType");
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;
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 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");
listItemSpan4.innerHTML = "Plate Number: " + plateNumber;
listItem.appendChild(listItemSpan4);
listParent.appendChild(listItem);
var listItemSpan5 = document.createElement("span");
listItemSpan5.setAttribute("class", "tripList__itemInfo");
listItemSpan5.innerHTML = "Bus Type: " + busType;
listItem.appendChild(listItemSpan5);
listParent.appendChild(listItem);
}
},
error : function(error){ console.log(error.code); }
});
},
createTrip : function( currUserAffiliation ) {
// origin, destination, departure, plateNumber, busType, price
// 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 chosenBus = helper.getSelectedOption("selectPlate");
// 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 ); })
.then(function(res){
busPointer = helper.pointerTo(res, "Bus");
})
.catch(function(err){ console.log("Bus Error: " + err.code); })
.then(function(){
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("busCompany", operatorPointer);
trip.save()
.then(
function(){
alert("Trip was created successfully.");}
),
function(err){ console.log("An issue popped up. Error code: " + err.code + "was returned by the server."); }
});
// Reset fields
// Add progress screen
},
generateScheduleOptions : function( busCompany, parentNodeID, childClass, key ) {
// To be used in tne onload event
// Search for all schedules that point to specific bus company
// Append to DOM
var skedQuery = new Parse.Query("Schedule");
var busQuery = new Parse.Query("Bus_Company");
busQuery.equalTo('objectId', busCompany);
skedQuery.include("busCompany");
skedQuery.matchesQuery("busCompany", busQuery);
skedQuery.descending("scheduleCode").find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get(key);
helper.appendUsingID( parentNodeID, "option", childClass, content );
// when a day is chosen, times are automatically reset to available
// when time is chosen, days are automaticall reset to available
};
},
error : function(error){ console.log(error.code); }
});
},
generateTerminalOptions : function( parentNodeID, childClass ) {
var terminalQuery = new Parse.Query("Terminal");
terminalQuery.descending("location").find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get("location");
helper.appendUsingID( parentNodeID, "option", childClass, content );
};
},
error : function(error){ console.log(error.code); }
});
},
generatePlateOptions : function( busCompany, parentNodeID, childClass ) {
var plateQuery = new Parse.Query("Bus");
var busQuery = new Parse.Query("Bus_Company");
busQuery.equalTo("objectId", busCompany);
plateQuery.matchesQuery("operator", busQuery);
plateQuery.include("operator");
plateQuery.find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get('plateNumber');
helper.appendUsingID( parentNodeID, "option", "", content );
};
},
error : function(err){ console.log(err.code); }
});
}
};
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;
console.log(currUserAffiliation);
//set affiliation variable
//set role variable → https://www.parse.com/questions/how-to-check-if-a-user-has-a-specific-role
if (!currentUser && currLoc.indexOf("login.html") == -1 ) {
if (currLoc.indexOf("adminAccount.html") == -1){
location.href = "login.html";
}
} else {
if( currLoc.indexOf("login.html") == -1 && currLoc.indexOf("adminAccount.html") == -1 ) {
var parent = document.getElementById("navigation");
var outBtn = document.createElement("button");
outBtn.setAttribute("id", "logout");
outBtn.setAttribute("onclick", "app.logout()");
outBtn.innerHTML = "Logout";
parent.appendChild(outBtn);
}
}
if( currLoc.indexOf("viewTrip.html") != -1 ){
app.searchTrip(currUserAffiliation);
}
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 busSelect = document.getElementById("selectPlate");
busSelect.onchange = function(){
var typeOutput = document.getElementById("busType"),
value = this.options[this.selectedIndex].text;
var busQuery = new Parse.Query("Bus");
busQuery.equalTo("plateNumber", value);
busQuery.first({
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();
app.createTrip(currUserAffiliation);
})
}
}
\ No newline at end of file
Parse.initialize("waBL5APV9kwdeqnm1kQ34BivGHQjjHQr1I58ubmJ", "01foVLqzLntdIIplsOJCOkfCGTL63wti1rcUlVCD");
// Parse.initialize("VHNmZxSO2pSrd2KjsjW6a8QUdJYZLFS6Il4WDrQM","s36ClRKw9cXstmvT9Z2L6d5H9CaoUc5V1R9vQ2kP");
var helper = {
pointerTo : function(objectId, klass) {
return { __type:"Pointer", className:klass, objectId:objectId };
},
appendUsingID : function( parentID, elementName, elementClass, content ) {
var parent = document.getElementById(parentID);
var child = document.createElement(elementName);
child.setAttribute("class", elementClass);
child.innerHTML = content;
parent.appendChild(child);
},
appendUsingObject : function( parentNode, elementName, elementClass, content ) {
return 0;
},
getSelectedOption : function( selectNodeID ){
var origin = document.getElementById( selectNodeID );
var selectedOrigin = origin.options[origin.selectedIndex].text;
return selectedOrigin;
},
getParseObjectID : function( parameter, knownParameterValue, objectName ) {
return new Promise( function(resolve, reject){
var objectQuery = new Parse.Query(objectName);
// var retVal;
objectQuery.equalTo( parameter, knownParameterValue );
objectQuery.find({
success : function(res){
resolve(res[0].id);
},
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 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");
window.location = "index.html";
},
error: function(user, error){
console.log("Error " + error.code + " " + error.message);
}
});
} else {
app.clerkLogin(uname, pass);
}
}
});
},
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();
Parse.User.logOut();
location.href="login.html";
var parent = document.getElementById('navigation');
var btn = document.getElementById("logout");
parent.removeChild(btn);
},
searchRole : function(){
var roleQuery = new Parse.Query(Parse.Role);
roleQuery.equalTo("name","Administrator");
roleQuery.find({
success: function(results){
console.log(results[0].getUsers());
},
error: function(error){ console.log(error.code); }
});
},
searchTrip : function(busCompany) {
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('assignedBus');
// 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 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 = "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 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");
listItemSpan4.innerHTML = "Plate Number: " + plateNumber;
listItem.appendChild(listItemSpan4);
listParent.appendChild(listItem);
var listItemSpan5 = document.createElement("span");
listItemSpan5.setAttribute("class", "tripList__itemInfo");
listItemSpan5.innerHTML = "Bus Type: " + busType;
listItem.appendChild(listItemSpan5);
listParent.appendChild(listItem);
}
},
error : function(error){ console.log(error.code); }
});
},
createTrip : function( currUserAffiliation ) {
// origin, destination, departure, plateNumber, busType, price
// 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 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;
// 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("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.");
// 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."); }
});
// Reset fields
// Add progress screen
},
generateScheduleOptions : function( busCompany, parentNodeID, childClass, key ) {
// To be used in tne onload event
// Search for all schedules that point to specific bus company
// Append to DOM
var skedQuery = new Parse.Query("Schedule");
var busQuery = new Parse.Query("Bus_Company");
busQuery.equalTo('objectId', busCompany);
skedQuery.include("busCompany");
skedQuery.matchesQuery("busCompany", busQuery);
skedQuery.descending("scheduleCode").find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get(key);
helper.appendUsingID( parentNodeID, "option", childClass, content );
// when a day is chosen, times are automatically reset to available
// when time is chosen, days are automaticall reset to available
};
},
error : function(error){ console.log(error.code); }
});
},
generateTerminalOptions : function( parentNodeID, childClass ) {
var terminalQuery = new Parse.Query("Terminal");
terminalQuery.descending("location").find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get("location");
helper.appendUsingID( parentNodeID, "option", childClass, content );
};
},
error : function(error){ console.log(error.code); }
});
},
generatePlateOptions : function( busCompany, parentNodeID, childClass ) {
var plateQuery = new Parse.Query("Bus");
var busQuery = new Parse.Query("Bus_Company");
busQuery.equalTo("objectId", busCompany);
plateQuery.matchesQuery("operator", busQuery);
plateQuery.include("operator");
plateQuery.find({
success : function(res){
for (var i = res.length - 1; i >= 0; i--) {
var content = res[i].get('plateNumber');
helper.appendUsingID( parentNodeID, "option", "", content );
};
},
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;
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 ) {
if (currLoc.indexOf("adminAccount.html") == -1){
location.href = "login.html";
}
} else {
if( currLoc.indexOf("login.html") == -1 && currLoc.indexOf("adminAccount.html") == -1 ) {
var parent = document.getElementById("navigation");
var outBtn = document.createElement("button");
outBtn.setAttribute("id", "logout");
outBtn.setAttribute("onclick", "app.logout()");
outBtn.innerHTML = "Logout";
parent.appendChild(outBtn);
}
}
if( currLoc.indexOf("viewTrip.html") != -1 ){
app.searchTrip(currUserAffiliation);
}
if( currLoc.indexOf("createTrip.html") != -1 ){
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(){
var typeOutput = document.getElementById("busType"),
value = this.options[this.selectedIndex].text;
var busQuery = new Parse.Query("Bus");
busQuery.equalTo("plateNumber", value);
busQuery.first({
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/js/parse-1.6.7.js
View file @ 4015d74a
......@@ -9721,11 +9721,11 @@ module.exports = {
check: check
};
},{"./$":67,"./$.an-object":57,"./$.ctx":60,"./$.is-object":66}],70:[function(_dereq_,module,exports){
// to indexed object, toObject with fallback for non-array-like ES3 strings
var IObject = _dereq_('./$.iobject')
, defined = _dereq_('./$.defined');
module.exports = function(it){
return IObject(defined(it));
// to indexed object, toObject with fallback for non-array-like ES3 strings
var IObject = _dereq_('./$.iobject')
, defined = _dereq_('./$.defined');
module.exports = function(it){
return IObject(defined(it));
};
},{"./$.defined":62,"./$.iobject":65}],71:[function(_dereq_,module,exports){
// 7.1.13 ToObject(argument)
......
web-app/loading.html
View file @ 4015d74a
<!DOCTYPE html>
<html>
<head>
<title>uBus | Loading User Accounts</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.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 id="parent"></div>
<div class="wrapper">
<div class="title">
<img src="img/scheduling.png" width="40px">
<h1>Search User</h1>
</div>
<div class="card" id="load_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>
<!DOCTYPE html>
<html>
<head>
<title>uBus | Loading User Accounts</title>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.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 id="parent"></div>
<div class="wrapper">
<div class="title">
<img src="img/scheduling.png" width="40px">
<h1>Search User</h1>
</div>
<div class="card" id="load_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/login.html
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="header__logo"></a>
<nav class="header__nav" id="navigation">
<a href=""></a>
<a href=""></a>
</nav>
</header>
<main class="container">
<div class="login card">
<form class="login__form">
<h1 class="login__header">LOG-IN</h1>
<label class="fa fa-user fa-2x login__uname" >
<input type="text" id="login_uname" placeholder="Username" autofocus></label>
<label class="fa fa-unlock fa-2x login__pass">
<input type="password" id="login_pass" placeholder="Password"></label>
<label class="login__submit" >
<button id="login__btn" onclick="app.login()">Login</button>
</label>
</form>
</div>
</main>
</body>
</html>
<!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="header__logo"></a>
<nav class="header__nav" id="navigation">
<a href=""></a>
<a href=""></a>
</nav>
</header>
<main class="container">
<div class="login card">
<form class="login__form">
<h1 class="login__header">LOG-IN</h1>
<label class="fa fa-user fa-2x login__uname" >
<input type="text" id="login_uname" placeholder="Username" autofocus></label>
<label class="fa fa-unlock fa-2x login__pass">
<input type="password" id="login_pass" placeholder="Password"></label>
<label class="login__submit" >
<button id="login__btn" onclick="app.login()">Login</button>
</label>
</form>
</div>
</main>
</body>
</html>
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/schedule.html
View file @ 4015d74a
<!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">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
</head>
<body>
<header>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<a href="javascript:void(0);"><i class="fa fa-2x fa-plus" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
<a href="javascript:void(0);"><i class="fa fa-2x fa-search" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
</nav>
</header>
<div id="parent"></div>
<div class="wrapper">
<div class="title">
<img src="img/scheduling.png" width="40px">
<h1>Bus Schedules</h1>
</div>
<div class="card">
<div class="row">
<img class="img-placeholder" src="img/scheduling.png" width="60px">
<form method="post" class="card_schedule" id="create_schedule">
<fieldset>
<label for="etd" style="display:block;">Starting Terminal</label>
<input type="text" id="initial" placeholder="Current Terminal">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">Destination</label>
<input type="text" id="destination" placeholder="End Terminal">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">ETD</label>
<input type="datetime-local" id="etd" placeholder="hello">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">ETA</label>
<input type="datetime-local" id="eta" placeholder="hello">
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-bus" style="margin-left:10px;"></i>
<input type="text" id="bus_company" placeholder="Company" size="10" style="margin-left:15px;"></label>
<label>
<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-users"></i>
<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-money"></i>
<input type="text" id="fare" placeholder="Fare" size="10"></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>
<!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">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="js/parse-1.6.7.js"></script>
</head>
<body>
<header>
<nav>
<a href="index.html"><img src="img/logo.png" width="40px"></a>
<a href="javascript:void(0);"><i class="fa fa-2x fa-plus" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
<a href="javascript:void(0);"><i class="fa fa-2x fa-search" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
</nav>
</header>
<div id="parent"></div>
<div class="wrapper">
<div class="title">
<img src="img/scheduling.png" width="40px">
<h1>Bus Schedules</h1>
</div>
<div class="card">
<div class="row">
<img class="img-placeholder" src="img/scheduling.png" width="60px">
<form method="post" class="card_schedule" id="create_schedule">
<fieldset>
<label for="etd" style="display:block;">Starting Terminal</label>
<input type="text" id="initial" placeholder="Current Terminal">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">Destination</label>
<input type="text" id="destination" placeholder="End Terminal">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">ETD</label>
<input type="datetime-local" id="etd" placeholder="hello">
</fieldset>
<fieldset>
<label for="etd" style="display:block;">ETA</label>
<input type="datetime-local" id="eta" placeholder="hello">
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-bus" style="margin-left:10px;"></i>
<input type="text" id="bus_company" placeholder="Company" size="10" style="margin-left:15px;"></label>
<label>
<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-users"></i>
<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
</fieldset>
<fieldset>
<label><i class="fa fa-4x fa-money"></i>
<input type="text" id="fare" placeholder="Fare" size="10"></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/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>
web-app/viewTrip.html
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="tripList" id="tripList">
</ul>
</main>
</body>
</html>
<!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="tripList" id="tripList">
</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