Skip to content

U
uBus
Commit 8c852567 authored by Ian De La Cruz's avatar Ian De La Cruz
Browse files
Options

Fixed many things

parent b786686d
Expand all Show whitespace changes
Inline Side-by-side
Showing with 615 additions and 96 deletions
web-app/companyMgmt.html 0 → 100644
View file @ 8c852567
<!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">
<p><a href="index.html"><span class="fa fa-arrow-left fa-2x"></span>&nbsp;Go back</a></p>
<h1>Company Management</h1>
<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>
<div class="card">
<h2>Add a new Schedule</h2>
<form class="createSked" id="createSked">
<label for="skedTime">
<span>Schedule Time (in 24:00) </span>
<input type="text" id="skedTime" placeholder="22:00">
</label>
<label for="skedDay">
<span>Schedule Day</span>
<select id="skedDay">
<option>--</option>
<option>Sunday</option>
<option>Monday</option>
<option>Tuesday</option>
<option>Wednesday</option>
<option>Thursday</option>
<option>Friday</option>
<option>Saturday</option>
</select>
</label>
<label for="originTerminal">
<select id="originTerminal">
<option>--</option>
</select>
</label>
<label for="destinationTerminal">
<select id="destinationTerminal">
<option>--</option>
</select>
</label>
<button class="createSked__btn" id="createSked__btn">Create Schedule</button>
</form>
</div>
<div class="card">
<h2>Delete A Schedule</h2>
<form id="deleteSchedule">
<!-- Search for Schedule using Time and Day -->
<label for="deleteDay">
<span>Day of Schedule</span>
<select id="availableDay">
<option>--</option>
<option>Sunday</option>
<option>Monday</option>
<option>Tuesday</option>
<option>Wednesday</option>
<option>Thursday</option>
<option>Friday</option>
<option>Saturday</option>
</select>
</label>
<label for="deleteTime">
<span>Time to be deleted</span>
<select id="availableTime">
<option>--</option>
</select>
</label>
<button class="deleteSked__btn" id="deleteSked__btn">Delete Schedule</button>
</form>
</div>
<!-- <div class="card">
<h2>Add Bus</h2>
<form class="addBus" id="addBus">
<label for="plateInput">
<span>Plate Number: </span>
<input type="text" id="plateInput" placeholder="UVA XXXX">
</label>
<label for="typeInput">
<span>Bus Type: </span>
<select id="typeInput">
<option>R</option>
<option>D</option>
</select>
</label>
<label for="seatNumber">
<span>Seat Number</span>
<input type="number" value="0" id="seatNumber">
</label>
<button class="addBus__btn" id="addBus__btn">Add Bus</button>
</form>
</div>
<div class="card">
<h2>Delete Bus</h2>
<form class="delBus" id="delBus">
<label for="plateInput">
<span>Plate Number: </span>
<input type="text" id="delPlate" placeholder="UVA XXXX">
</label>
<button class="delBus__btn" id="delBus_btn">Add Bus</button>
</form>
</div> -->
</main>
</body>
</html>
web-app/createSchedule.html deleted 100644 → 0
View file @ b786686d
<!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>
<button class="generateTrips__btn">Generate Trips</button>
</form>
</div>
</main>
</body>
</html>
web-app/createTrip.html
View file @ 8c852567
...@@ -26,14 +26,13 @@ ...@@ -26,14 +26,13 @@
<div class='uil-rolling-css' style='margin:20vh auto; -webkit-transform:scale(0.6);'><div><div></div><div></div></div></div> <div class='uil-rolling-css' style='margin:20vh auto; -webkit-transform:scale(0.6);'><div><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> <p id="successMessage" style="display:none; color: white; font-weight: 500; background-color:darkgreen; padding: 20px;">Trip created successfully!</p>
<p><a href="index.html"><span class="fa fa-arrow-left fa-2x"></span>&nbsp;Go back</a></p>
<div class="createTrip card"> <div class="createTrip card">
<form class="createTrip__form"> <form class="createTrip__form">
<h1 class="createTrip__header">Create Trip</h1> <h1 class="createTrip__header">Create Trip</h1>
<label class="createTrip__selectLabel"> <label class="createTrip__selectLabel">
<span>Day: </span> <span>Date: </span>
<select class="createTrip__select" id="selectScheduleDay"> <input type="date" id="selectTripDate">
<option>--</option>
</select>
</label> </label>
<label class="createTrip__selectLabel"> <label class="createTrip__selectLabel">
<span>Time: </span> <span>Time: </span>
...@@ -42,6 +41,18 @@ ...@@ -42,6 +41,18 @@
</select> </select>
</label> </label>
<hr> <hr>
<label class="createTrip__selectLabel">
<span>Origin: </span>
<select class="createTrip__select" id="tripOrigin">
<option>--</option>
</select>
</label>
<label class="createTrip__selectLabel">
<span>Destination: </span>
<select class="createTrip__select" id="tripDestination">
<option>--</option>
</select>
</label>
<hr> <hr>
<label class="createTrip__selectLabel"> <label class="createTrip__selectLabel">
<span>Plate Number: </span> <span>Plate Number: </span>
...@@ -58,7 +69,9 @@ ...@@ -58,7 +69,9 @@
</label> </label>
</form> </form>
</div> </div>
<div class="card"> <div class="card" style="padding: 2rem 6rem;">
<h2>Autogenerate Trips</h2>
<form class="createTrip__form">
<label for="startDate"> <label for="startDate">
<span>Start Date</span> <span>Start Date</span>
<input type="month" id="startDate"> <input type="month" id="startDate">
......
web-app/css/style.css
View file @ 8c852567
...@@ -33,6 +33,14 @@ body { ...@@ -33,6 +33,14 @@ body {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
} }
a {
text-decoration: none;
color: #124E78;
}
a:hover, a:visited {
color: #124E78;
}
/* General Style Classes */ /* General Style Classes */
.card { .card {
box-shadow:0 1px 2px #aaa; box-shadow:0 1px 2px #aaa;
...@@ -45,8 +53,15 @@ body { ...@@ -45,8 +53,15 @@ body {
.header { .header {
display: block; display: block;
width: 100%; width: 100%;
height: 80px; /*height: 80px;*/
background-color: #124E78; background-color: #124E78;
padding: 20px;
}
#logout {
position: absolute;
right: 20px;
top: 25px;
} }
.container { .container {
......
web-app/index.html
View file @ 8c852567
...@@ -33,17 +33,15 @@ ...@@ -33,17 +33,15 @@
</div> </div>
<div class="actionbox card" id="scheduleManagement" style="display:none;"> <div class="actionbox card" id="scheduleManagement" style="display:none;">
<!-- This is not available when user is a Clerk user --> <!-- This is not available when user is a Clerk user -->
<h1 class="actionbox__header">Schedule Management</h1> <h1 class="actionbox__header">Company Management</h1>
<h2>Schedules contain information on the specifics, ie. day, time and terminals</h2> <h2>Add Schedule templates and buses</h2>
<ul class="actionbox__list"> <ul class="actionbox__list">
<li class="actionbox__listitem"><a href="createSchedule.html">Create Schedules</a></li> <li class="actionbox__listitem"><a href="companyMgmt.html">Company Management</a></li>
<li class="actionbox__listitem"><a href="viewSchedules.html">View All Schedules</a></li>
</ul> </ul>
</div> </div>
<div class="actionbox card" id="customerManagement"> <div class="actionbox card" id="customerManagement">
<h1 class="actionbox__header">Customer Management</h1> <h1 class="actionbox__header">Customer Management</h1>
<ul class="actionbox__list"> <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> <li class="actionbox__listitem"><a href="reload.html">Reload User Credits</a></li>
</ul> </ul>
</div> </div>
......
web-app/js/app.js
View file @ 8c852567
This diff is collapsed.
web-app/login.html
View file @ 8c852567
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<label class="fa fa-unlock fa-2x login__pass"> <label class="fa fa-unlock fa-2x login__pass">
<input type="password" id="login_pass" placeholder="Password"></label> <input type="password" id="login_pass" placeholder="Password"></label>
<label class="login__submit" > <label class="login__submit" >
<button id="login__btn" onclick="app.login()">Login</button> <button id="login__btn" onclick="app.login(event)">Login</button>
</label> </label>
</form> </form>
</div> </div>
......
web-app/viewTrip.html
View file @ 8c852567
...@@ -21,6 +21,24 @@ ...@@ -21,6 +21,24 @@
</nav> </nav>
</header> </header>
<main class="container"> <main class="container">
<p><a href="index.html"><span class="fa fa-arrow-left fa-2x"></span>&nbsp;Go back</a></p>
<h2>Search for Trips</h2>
<form class="tripSearch">
<label>
<span>Search by: </span>
<select id="searchOptions" >
<option>--</option>
<option>Day</option>
<option>Date</option>
<option>Time</option>
</select>
</label>
<label>
<span id="timeError" style="display:none; color: red;">Please follow the format 12:00 AM/PM</span>
<input type="text" id="tripSearch" placeholder="Search">
</label>
<button id="searchBtn"><span class="fa fa-search"></span></button>
</form>
<ul class="tripList" id="tripList"> <ul class="tripList" id="tripList">
</ul> </ul>
</main> </main>
......
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