Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
No results found
Show changes
Commits on Source (52)
Hide whitespace changes
Inline Side-by-side
Showing
with 1735 additions and 0 deletions
.vscode/tasks.json 0 → 100644
View file @ ec045d67
{
"version": "0.1.0",
"command": "explorer",
"windows": {
"command": "explorer.exe"
},
"args": ["orderojek.html"]
}
\ No newline at end of file
css/auth.css 0 → 100644
View file @ ec045d67
body {
font-family: 'Roboto', sans-serif;
color: #02702C;
margin-top: 40px;
}
.apps {
width: 380px;
height: 440px;
margin: 0 auto;
background: #8BBD3C;
border: 10px solid #02702C;
border-radius: 60px;
}
.form-heading {
margin: 0 auto;
display: flex;
}
.heading-left {
display: inline-block;
width: 25%;
padding: 45px 15px 45px 25px;
}
.heading-right {
display: inline-block;
width: 25%;
padding: 45px 25px 45px 15px;
}
.heading-title {
width: 40%;
padding: 5px;
text-align: center;
margin: auto;
font-size: 2.3em;
font-weight: 700;
line-height: 30px;
transform: scaleY(1.6);
}
.heading-left hr, .heading-right hr {
display: block;
height: 2px;
border: 0;
border-top: 2px solid #02702C;
margin: 0;
padding: 0 5px;
}
.form-login {
margin-top: 60px;
padding: 0 20px;
font-size: 1.5em;
}
.form-login .form-group {
margin-bottom: 10px;
}
.form-login .form-group label {
width: 30%;
display: inline-block;
}
.form-login .form-group input {
width: 60%;
}
.form-login .form-group input[type=text], .form-login .form-group input[type=password] {
height: 30px;
border: 1px solid black;
margin-left: 15px;
padding-left: 10px;
}
.form-login .action {
flex-wrap: wrap;
margin-top: 45px;
}
.form-login .action .register {
float: left;
}
.form-login .action .register a {
font-size: 0.6em;
color: #453333;
}
.form-login .action .submit {
float: right;
}
.form-login .action .submit input[type=submit] {
padding: 4px 28px;
background: #82D800;
border: 3px solid black;
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #453333;
border-radius: 10px;
width: 100%;
}
.form-signup {
padding: 0 10px;
font-size: 1em;
}
.form-signup .form-group {
margin-bottom: 3px;
display: flex;
flex-wrap: wrap;
}
.form-signup .form-group label {
width: 40%;
display: inline-block;
}
.form-signup .form-group input {
width: 53%;
}
.form-signup .form-group input[type=text], .form-signup .form-group input[type=password] {
height: 23px;
border: 1px solid black;
padding-left: 10px;
}
.form-signup .form-group input#username, .form-signup .form-group input#email {
width: 47%;
}
.form-signup .form-group span i {
display: none;
}
.form-signup .form-group span i:nth-of-type(2) {
color: #B33A3A;
}
.form-signup input[type=checkbox] {
margin-top: 15px;
}
.form-signup .action {
margin-top: 30px;
}
.form-signup .action .login {
float: left;
}
.form-signup .action .login a {
font-size: 0.8em;
color: #453333;
}
.form-signup .action .submit {
float: right;
margin-right: 10px;
}
.form-signup .action .submit input[type=submit] {
padding: 10px 5px;
background: #82D800;
border: 3px solid black;
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #453333;
border-radius: 10px;
width: 100%;
}
css/history.css 0 → 100644
View file @ ec045d67
.mainHeader {
width: 500px;
height: 50px;
}
.header1 {
float: left;
}
.header2 {
float: right;
font-family: "Trebuchet MS";
}
.title {
font-family: "Hoefler Text";
font-size: 31px;
font-weight: bold;
color: black;
height: 27px;
}
.title.red {
color: #cb0a1d;
}
.title.green {
color : #066422;
}
.subtitle {
color: #4f9500;
font-size: 16px;
font-family: "Hoefler Text"
}
.username {
padding-top: 10px;
}
.username.bold {
font-weight: bold;
}
.logout {
text-align: right;
text-decoration: underline;
color: blue;
}
h1 {
color: #494949;
font-size: 35px;
font-family: "Trebuchet MS";
margin-top: 10px;
margin-bottom: 15px;
}
.contentBox {
width: 550px;
height: 480px;
margin: 0 auto;
background: white;
font-family: "Trebuchet MS";
}
.menu {
margin: 20px;
width: 165px;
height: 45px;
display: table-cell;
border: 1px solid black;
text-align: center;
vertical-align: middle;
line-height: 45px;
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 24px;
}
.menu:not(:last-child) {
border-right : none;
}
.menu.active {
background: #3a563f;
border: 1px solid #253828;
color: white;
}
.submenu {
margin: 10px;
width: 245px;
height: 45px;
display: table-cell;
border: 0.5px solid black;
text-align: center;
vertical-align: middle;
line-height: 40px;
font-family: "Trebuchet MS";
font-size: 20px;
float : center;
}
.submenu:not(:last-child) {
border-right : none;
}
.submenu.active {
background: #41e06b;
}
.listBox {
height: auto;
width: 500px;
margin:40px 20px 20px 20px;
}
.thumbnail {
border: none;
width: 100px;
height: auto;
display: inline-block;
float: left;
margin-right: 20px;
}
.date {
font-family: "Trebuchet MS";
font-size: 14px;
margin-left: 15px;
}
.name {
font-family: "Trebuchet MS";
font-size: 18px;
margin-left: 15px;
}
.route {
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 15px;
}
.rating {
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 15px;
}
.comment {
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 15px;
}
.buttonHide {
background: red;
border: 0.5px solid black;
border-radius: 5px;
display: inline-block;
height: 20px;
width: 50px;
font-size: 16px;
text-align: center;
vertical-align: middle;
float : right;
margin-right: 40px;
}
\ No newline at end of file
css/orderojek.css 0 → 100644
View file @ ec045d67
.mainHeader {
width: 500px;
height: 50px;
}
.header1 {
float: left;
}
.header2 {
float: right;
font-family: "Trebuchet MS";
}
.header3 {
float: left;
font-family: "Trebuchet MS";
font-size: 24px;
}
.header3.paragraph {
font-size: 18px;
float: middle;
color: grey;
}
.title {
font-family: "Hoefler Text";
font-size: 31px;
font-weight: bold;
color: black;
height: 27px;
}
.title.red {
color: #cb0a1d;
}
.title.green {
color : #066422;
}
.subtitle {
color: #4f9500;
font-size: 16px;
}
.username {
padding-top: 10px;
}
.username.bold {
font-weight: bold;
}
.logout {
text-align: right;
text-decoration: underline;
color: blue;
}
.menu{
margin: 10px;
width: 165px;
height: 45px;
display: table-cell;
border: 1px solid black;
text-align: center;
vertical-align: middle;
line-height: 45px;
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 24px;
}
.menu:hover {
background-color: #3a563f;
color: white;
}
.menu.active {
background: #3a563f;
border: 1px solid #253828;
color: white;
}
.contentBox {
width: 550px;
height: 480px;
margin: 0 auto;
background: white;
}
h1 {
color: #494949;
font-size: 35px;
font-family: "Trebuchet MS";
margin-top: 10px;
margin-bottom: 15px;
}
.stepBox {
color: #414141;
display: inline-block;
border: 1px solid black;
width: 135px;
height: auto;
padding: 3px;
margin-right: 30px;
margin-bottom: 30px;
font-family: "Arial";
font-size: 15px;
}
.stepBox.active {
background: #ffff97;
}
.number {
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 20px;
color: black;
line-height: 30px;
text-align: center;
background: #d1d1d1;
float: left;
margin: 5px;
margin-right: 8px;
}
.step {
margin: 2px;
}
.form {
width: 450px;
display: table;
margin-left: 10px;
}
.formBox {
width: 470px;
}
.labelBox {
float: left;
clear: left;
margin: 10px;
font-family: Arial;
color: #414141;
font-size: 20px;
}
.inputBox {
width: 250px;
height: 25px;
float: right;
clear: right;
margin: 2px;
font-size: 17px;
}
.roundedBox {
color: #414141;
display: inline-block;
border-radius: 10px;
border: 1px solid black;
width: 500px;
padding: 3px;
margin-right: 30px;
margin-bottom: 30px;
font-family: "Arial";
font-size: 15px;
}
.roundedBox.preferred {
height: 100px;
}
.roundedBox.others {
height: 400px;
}
input[type=submit] {
display: table;
margin: 0 auto;
margin-top: 185px;
cursor: pointer;
width: 110px;
height: 50px;
border-radius: 10px;
border: 1px solid black;
background: #82d504;
font-size: 22px;
font-weight: bold;
font-family: Garamond;
}
\ No newline at end of file
css/profile.css 0 → 100644
View file @ ec045d67
body {
font-family: 'Roboto', sans-serif;
margin-top: 40px;
}
.apps {
width: 500px;
height: 480px;
margin: 0 auto;
background: white;
border: 10px solid #02702C;
border-radius: 60px;
}
.heading {
padding: 20px 20px 0 20px;
}
.edit-img {
padding: 0 20px 20px 20px;
display: flex;
}
.profile-img {
width: 150px;
height: 170px;
display: inline-block;
}
.update-img {
display: inline-block;
padding: 30px;
}
.thumbnail {
border: 1px solid black;
max-width: 150px;
max-height: 170px;
height: auto;
}
.edit-data {
padding: 0 20px;
font-size: 1.3em;
}
.edit-data .form-group {
margin-bottom: 3px;
}
.edit-data .form-group label {
width: 40%;
display: inline-block;
}
.edit-data .form-group .switch {
width: 12%;
float: right;
margin-right: 20px;
}
.edit-data .form-group input {
width: 53%;
}
.edit-data .form-group input[type=text], .edit-data .form-group input[type=password] {
height: 30px;
border: 1px solid gray;
padding-left: 10px;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 28px;
}
/* Hide default HTML checkbox */
.switch input {
display:none;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #117D11;
}
input:focus + .slider {
box-shadow: 0 0 1px #117D11;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.submit {
margin-top: 30px;
}
.submit input {
border: 1px solid black;
border-radius: 5px;
padding: 5px 15px;
}
.submit .cancel {
background: red;
float: left;
}
.submit .save {
background: green;
float: right;
margin-right: 15px;
}
.uploadFile {
float: left;
}
.fileUpload {
position: relative;
overflow: hidden;
margin: 0 10px;
float: right;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.fileUpload span {
font-size: 0.5em;
background: #D7D7D7;
padding: 5px;
border: 1px solid gray;
border-bottom: 1px solid gray;
}
table.data-location {
margin: 20px;
border-collapse: collapse;
width: 92%;
}
th:nth-of-type(1) {
width: 10%;
}
th:nth-of-type(2) {
width: 70%;
}
th, td {
height: 25px;
}
td:nth-of-type(2n-1) {
padding-left: 10px;
}
.add-location {
margin: 20px;
}
.add-location input[type=text] {
width: 75%;
height: 24px;
}
.add-location input[type=submit] {
background: #82D800;
padding: 5px 20px;
border: 1px solid black;
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #453333;
border-radius: 10px;
margin-left: 20px;
}
.back {
margin: 40px 0 0 20px;
}
.back a {
padding: 5px 20px;
background: red;
font-size: 1em;
color: #453333;
border-radius: 10px;
border: 1px solid black;
font-family: 'Roboto', sans-serif;
text-decoration: none;
}
.data-location td input {
font-size: 1em;
border: 0;
width: 100%;
padding: 5px 10px;
margin: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: inherit;
}
.data-location .edit {
color: orange;
float: left;
cursor: pointer;
margin-left: 3px;
margin-top: 2px;
}
.data-location .delete {
color: #B33A3A;
font-weight: bold;
float: right;
margin-right: 10px;
cursor: pointer;
margin-top: 2px;
}
\ No newline at end of file
database/PR-Ojek.sql 0 → 100644
View file @ ec045d67
-- phpMyAdmin SQL Dump
-- version 4.7.4
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Generation Time: 06 Okt 2017 pada 00.48
-- Versi Server: 10.1.26-MariaDB
-- PHP Version: 7.1.9
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `pr-ojek`
--
-- --------------------------------------------------------
--
-- Struktur dari tabel `drivers`
--
CREATE TABLE `drivers` (
`ID` int(11) NOT NULL,
`name` varchar(50) NOT NULL,
`total_rating` int(11) NOT NULL DEFAULT '0',
`total_passangers` int(11) NOT NULL DEFAULT '0'
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Struktur dari tabel `driver_locations`
--
CREATE TABLE `driver_locations` (
`ID` int(11) NOT NULL,
`location` varchar(30) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Struktur dari tabel `transaction`
--
CREATE TABLE `transaction` (
`ID` int(11) NOT NULL,
`id_user` int(11) NOT NULL,
`id_driver` int(11) NOT NULL,
`rating` int(11) NOT NULL,
`comment` varchar(1024) NOT NULL,
`time` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
`picking_point` varchar(50) NOT NULL,
`destination` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
-- --------------------------------------------------------
--
-- Struktur dari tabel `users`
--
CREATE TABLE `users` (
`ID` int(11) NOT NULL,
`name` varchar(50) NOT NULL,
`username` varchar(25) NOT NULL,
`email` varchar(30) NOT NULL,
`password` varchar(50) NOT NULL,
`phone_number` varchar(15) NOT NULL,
`driver` tinyint(1) NOT NULL,
`image` varchar(50) NOT NULL DEFAULT './img/profile-placeholder.png'
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Indexes for dumped tables
--
--
-- Indexes for table `drivers`
--
ALTER TABLE `drivers`
ADD PRIMARY KEY (`ID`);
--
-- Indexes for table `driver_locations`
--
ALTER TABLE `driver_locations`
ADD KEY `ID` (`ID`);
--
-- Indexes for table `transaction`
--
ALTER TABLE `transaction`
ADD PRIMARY KEY (`ID`),
ADD KEY `id_driver` (`id_driver`),
ADD KEY `id_user` (`id_user`);
--
-- Indexes for table `users`
--
ALTER TABLE `users`
ADD PRIMARY KEY (`ID`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `users`
--
ALTER TABLE `users`
MODIFY `ID` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=13;
--
-- Ketidakleluasaan untuk tabel pelimpahan (Dumped Tables)
--
--
-- Ketidakleluasaan untuk tabel `drivers`
--
ALTER TABLE `drivers`
ADD CONSTRAINT `drivers_ibfk_1` FOREIGN KEY (`ID`) REFERENCES `users` (`ID`);
--
-- Ketidakleluasaan untuk tabel `driver_locations`
--
ALTER TABLE `driver_locations`
ADD CONSTRAINT `driver_locations_ibfk_1` FOREIGN KEY (`ID`) REFERENCES `drivers` (`ID`);
--
-- Ketidakleluasaan untuk tabel `transaction`
--
ALTER TABLE `transaction`
ADD CONSTRAINT `transaction_ibfk_1` FOREIGN KEY (`id_driver`) REFERENCES `drivers` (`ID`),
ADD CONSTRAINT `transaction_ibfk_2` FOREIGN KEY (`id_user`) REFERENCES `users` (`ID`);
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
editpreferredlocations.php 0 → 100644
View file @ ec045d67
<?php
require('includes/config.php');
$id_active = $_GET["id_active"];
$sql = "SELECT driver FROM users WHERE ID=$id_active LIMIT 1";
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
$driver = $row["driver"];
}
if ($driver == 0){
header('Location: profile.php?id_active=' . $id_active);
echo "<script>console.log(" . $driver . ")</script>";
exit;
}
if(isset($_POST["back"])){
header('Location: profile.php?id_active=' . $id_active);
echo "<script>console.log('back')</script>";
exit;
}
if(isset($_POST["submit"])) {
$location = $_POST["location"];
$sql = "INSERT INTO driver_locations (ID, location)
VALUES ('$id_active', '$location')";
if ($conn->query($sql) === TRUE) {
header('Location: editpreferredlocations.php?id_active=' . $id_active);
echo "<script>console.log('get in')</script>";
exit;
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
$sql = "SELECT location FROM driver_locations WHERE ID=$id_active";
$result = mysqli_query($conn, $sql);
?>
<!DOCTYPE html>
<html>
<head>
<title>Edit Profile</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/profile.css">
</head>
<body>
<div class="apps">
<div class="heading">
<h2>EDIT PREFERRED LOCATIONS</h2>
</div>
<table border="1" class="data-location">
<thead>
<tr>
<th>No</th>
<th>Location</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<?php
$i = 1;
while($row = mysqli_fetch_assoc($result)) {
$location = $row["location"];
echo "
<tr>
<td>". $i ."</td>
<td><input type='text' value='". $location ."' disabled></td>
<td><span class='edit'><i class='material-icons' onclick='editLocation(this)'>mode_edit</i></span><span class='delete'><i class='material-icons' onclick='deleteLocation(this)'>delete</i></span></td>
</tr>
";
$i += 1;
} ?>
</tbody>
</table>
<div class="add-location">
<h3>ADD NEW LOCATION</h3>
<form action="" method="post">
<input type="text" name="location" required>
<input type="submit" name="submit" value="ADD">
</form>
</div>
<div class="back">
<a href="<?php echo 'profile.php?id_active=' . $id_active ?>">BACK</a>
</div>
</div>
<script src="js/editlocation.js"></script>
</body>
</html>
editprofile.php 0 → 100644
View file @ ec045d67
<?php
require('includes/config.php');
$id_active = $_GET["id_active"];
$sql = "SELECT name, phone_number, driver, image FROM users WHERE ID=$id_active LIMIT 1";
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
$name = $row["name"];
$phone_number = $row["phone_number"];
$driver = $row["driver"];
$image = $row["image"];
}
if(isset($_POST["back"])){
header('Location: profile.php?id_active=' . $id_active);
}
if(isset($_POST["submit"])) {
$name = $_POST["name"];
$phone_number = $_POST["phone"];
$driver = (!isset($_POST["driver"])) ? 0 : 1;
$target_dir = "img/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if($check !== false) {
//echo "File is an image - " . $check["mime"] . ".";
$uploadOk = 1;
} else {
//echo "File is not an image.";
$uploadOk = 0;
}
// Check if file already exists
if (file_exists($target_file)) {
//echo "Sorry, file already exists.";
$uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 2000000) {
//echo "Sorry, your file is too large.";
$uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
//echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
//echo "Sorry, your file was not uploaded.";
$sql = "UPDATE users SET name='$name', phone_number='$phone_number', driver=$driver WHERE ID=$id_active";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
//echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
$image = './' . $target_file;
$sql = "UPDATE users SET name='$name', phone_number='$phone_number', driver=$driver, image='$image' WHERE ID=$id_active";
} else {
//echo "Sorry, there was an error uploading your file.";
$sql = "UPDATE users SET name='$name', phone_number='$phone_number', driver=$driver WHERE ID=$id_active";
}
}
if ($conn->query($sql) === TRUE) {
//echo "Record updated successfully";
} else {
//echo "Error updating record: " . $conn->error;
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Edit Profile</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/profile.css">
</head>
<body>
<div class="apps">
<div class="heading">
<h3>EDIT PROFILE INFORMATION</h3>
</div>
<form action="" method="post" enctype="multipart/form-data">
<div class="edit-img">
<div class="profile-img">
<img src="<?php echo $image ?>" alt="profile image" class="thumbnail">
</div>
<div class="update-img">
<h4>Update profile picture</h4>
<input id="uploadFile" type="text" disabled="disabled">
<div class="fileUpload">
<span>Browse...</span>
<input id="uploadBtn" name="fileToUpload" type="file" class="upload">
</div>
</div>
</div>
<div class="edit-data">
<div class="form-group">
<label for="name">Your Name</label>
<input id="name" type="text" name="name" placeholder="your name" value="<?php echo $name ?>" required>
</div>
<div class="form-group">
<label for="phone">Phone</label>
<input id="phone" type="text" name="phone" placeholder="your phone" value="<?php echo $phone_number?>" required>
</div>
<div class="form-group">
<label for="driver">Status Driver</label>
<label class="switch">
<?php if ($driver == 1){ ?>
<input name="driver" type="checkbox" checked>
<?php } else { ?>
<input name="driver" type="checkbox">
<?php } ?>
<span class="slider round"></span>
</label>
</div>
<div class="submit">
<input type="submit" class="cancel" name="back" value="BACK">
<input type="submit" class="save" name="submit" value="SAVE">
</div>
</div>
</form>
</div>
<script src="js/profile.js"></script>
</body>
</html>
history-driver.php 0 → 100644
View file @ ec045d67
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" href="css/history.css">
</head>
<body>
<div class="contentBox">
<div class="mainHeader">
<div class="header1">
<div class="title"><span class="title green">PR</span>-<span class=" title red">OJEK</span></div>
<div class="subtitle">wush... wush... ngeeeeeenggg...</div>
</div>
<div class="header2">
<div class="username">Hi, <span class="username bold">pikachu!</span></div>
<div class="logout">Logout</div>
</div>
</div>
<div>
<div class="menu">ORDER</div>
<div class="menu active">HISTORY</div>
<div class="menu">MY PROFILE</div>
</div>
<h1>TRANSACTION HISTORY</h1>
<div>
<div class="submenu">MY PREVIOUS ORDERS</div>
<div class="submenu active">DRIVER HISTORY</div>
</div>
<div class="listBox" id="lisbox1">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="hideElement('lisbox1')">HIDE</button>
<div class="date">5 October 2017</div>
<div class="name">Elmo</div>
<div class="route">Magetan-Maospati</div>
<div class="rating">Gave star</div>
<div class="comment">
<div>and left comment:
<p>tralalalala senang sekali</p></div>
</div>
</div>
<div class="listBox" id="lisbox2">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="hideElement('lisbox2')">HIDE</button>
<div class="date">3 October 2017</div>
<div class="name">Bert</div>
<div class="route">Magetan-Madiun</div>
<div class="rating">Gave star</div>
<div class="comment">and left comment:</div>
</div>
</div>
<script src="js/history.js" type="text/javascript"></script>
</body>
</html>
\ No newline at end of file
history-order.php 0 → 100644
View file @ ec045d67
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" href="css/history.css">
</head>
<body>
<div class="contentBox">
<div class="mainHeader">
<div class="header1">
<div class="title"><span class="title green">PR</span>-<span class=" title red">OJEK</span></div>
<div class="subtitle">wush... wush... ngeeeeeenggg...</div>
</div>
<div class="header2">
<div class="username">Hi, <span class="username bold">pikachu!</span></div>
<div class="logout">Logout</div>
</div>
</div>
<div>
<div class="menu">ORDER</div>
<div class="menu active">HISTORY</div>
<div class="menu">MY PROFILE</div>
</div>
<h1>TRANSACTION HISTORY</h1>
<div>
<div class="submenu active">MY PREVIOUS ORDERS</div>
<div class="submenu">DRIVER HISTORY</div>
</div>
<div class="listBox" id="lisbox1">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="hideElement('lisbox1')">HIDE</button>
<div class="date">5 October 2017</div>
<div class="name">Elmo</div>
<div class="route">Magetan-Maospati</div>
<div class="rating">You rated: </div>
<div class="comment">
<div>You commented:
tralalalala senang sekali</div>
</div>
</div>
<div class="listBox" id="lisbox2">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="hideElement('lisbox2')">HIDE</button>
<div class="date">3 October 2017</div>
<div class="name">Bert</div>
<div class="route">Magetan-Madiun</div>
<div class="rating">You rated:</div>
<div class="comment">You commented:</div>
</div>
</div>
<script src="js/history.js" type="text/javascript"></script>
</body>
</html>
\ No newline at end of file
img/profile-placeholder.png 0 → 100644
View file @ ec045d67
img/profile-placeholder.png

1.31 KiB

includes/config.php 0 → 100644
View file @ ec045d67
<?php
$DBservername = "localhost";
$DBusername = "root";
$DBpassword = "";
$conn = new mysqli($DBservername, $DBusername, $DBpassword, "pr-ojek");
if ($conn->connect_error) {
echo "Server is die";
die("Connection failed: " . $conn->connect_error);
}
?>
\ No newline at end of file
js/editlocation.js 0 → 100644
View file @ ec045d67
function editLocation(elmt){
var row = elmt.parentElement.parentElement.parentElement;
var textBefore = row.children[1].children[0].value;
row.children[1].children[0].disabled = false;
row.children[2].children[0].children[0].innerHTML = "done";
row.children[2].children[0].children[0].style.color = "#02702C";
row.children[2].children[1].children[0].innerHTML = "clear";
row.children[2].children[1].children[0].style.color = "red";
row.children[2].children[0].children[0].onclick = function(){ saveLocation(elmt, textBefore)};
row.children[2].children[1].children[0].onclick = function(){ cancelLocation(elmt, textBefore)};
}
function saveLocation(elmt, text){
var row = elmt.parentElement.parentElement.parentElement;
row.children[1].children[0].disabled = true;
row.children[2].children[0].children[0].innerHTML = "mode_edit";
row.children[2].children[0].children[0].style.color = "orange";
row.children[2].children[1].children[0].innerHTML = "delete";
row.children[2].children[1].children[0].style.color = "red";
row.children[2].children[0].children[0].onclick = function(){ editLocation(elmt)};
row.children[2].children[1].children[0].onclick = function(){ deleteLocation(elmt)};
}
function cancelLocation(elmt, text){
var row = elmt.parentElement.parentElement.parentElement;
row.children[1].children[0].value = text;
row.children[1].children[0].disabled = true;
row.children[2].children[0].children[0].innerHTML = "mode_edit";
row.children[2].children[0].children[0].style.color = "orange";
row.children[2].children[1].children[0].innerHTML = "delete";
row.children[2].children[1].children[0].style.color = "red";
row.children[2].children[0].children[0].onclick = function(){ editLocation(elmt)};
row.children[2].children[1].children[0].onclick = function(){ deleteLocation(elmt)};
}
function deleteLocation(elmt){
if (confirm("Are you sure deleting the location ?") == true) {
var row = elmt.parentElement.parentElement.parentElement;
}
}
\ No newline at end of file
js/history.js 0 → 100644
View file @ ec045d67
function removeElement(id) {
document.getElementById(id).style.display = "none";
}
\ No newline at end of file
js/order.js 0 → 100644
View file @ ec045d67
var clicked1 = false;
function next1(){
var benar = true;
var x = document.getElementById("menuAwal");
var i;
for (i = 0; i < x.length-2 && benar; ++i){
benar = (x.elements[i].value !== "");
}
if (benar){
var pick = x.elements[0].value;
var destiny = x.elements[1].value;
var prefer_driver = x.elements[x.length-2].value;
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "order.php?pick="+pick+"&destiny="+destiny+"&prefer_driver="+prefer_driver);
xmlhttp.send();
document.getElementById('box_aktif').innerHTML =
'<div class="stepBox">' +
'<div class="number">1</div>' +
'<div class="step">Select Destination</div>' +
'</div>' +
'<div class="stepBox active">' +
'<span class="number">2</span>' +
'<div class="step">Select a Driver</div>' +
'</div>' +
'<div class="stepBox">' +
'<span class="number">3</span>' +
'<div class="step">Complete your order</div>' +
'</div>' +
'<div class="roundedBox preferred">' +
'<span class="header3"><b>PREFERRED DRIVERS:</b></span>' +
'<br><br>' +
'<span class="header3 paragraph">' +
(prefer_driver === "" ? "NOTHING TO DISPLAY :(" : prefer_driver) +
'</span>' +
'</div>' +
'<div class="roundedBox others">'+
'<span class="header3"><b>OTHER DRIVERS:</b></span>' +
'</div>' +
'<input type="submit" name="submit" value="NEXT" onclick="next2()">';
}
}
function next2(){
document.getElementById('box_aktif').innerHTML =
'<div class="stepBox">' +
'<div class="number">1</div>' +
'<div class="step">Select Destination</div>' +
'</div>' +
'<div class="stepBox">' +
'<span class="number">2</span>' +
'<div class="step">Select a Driver</div>' +
'</div>' +
'<div class="stepBox active">' +
'<span class="number">3</span>' +
'<div class="step">Complete your order</div>' +
'</div>';
}
\ No newline at end of file
js/profile.js 0 → 100644
View file @ ec045d67
document.getElementById("uploadBtn").onchange = function () {
document.getElementById("uploadFile").value = this.value;
};
\ No newline at end of file
js/validation.js 0 → 100644
View file @ ec045d67
function getUsernameValidation(){
var xmlhttp = new XMLHttpRequest();
if(!xmlhttp){
return;
}
var username = document.getElementById("username");
console.log(username);
var url = "validation.php?u=" + username.value;
console.log(url);
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
var response = xmlhttp.responseText;
console.log(response);
if(response === "true"){
document.getElementById("wrongUsername").style.display = "none";
document.getElementById("checkUsername").style.display = "block";
}
else {
document.getElementById("checkUsername").style.display = "none";
document.getElementById("wrongUsername").style.display = "block";
}
}
}
xmlhttp.send();
}
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function getEmailValidation(){
var email = document.getElementById("email");
console.log(email.value);
console.log(validateEmail(email.value));
if (!validateEmail(email.value)){
document.getElementById("checkEmail").style.display = "none";
document.getElementById("wrongEmail").style.display = "block";
}
else {
var xmlhttp = new XMLHttpRequest();
if(!xmlhttp){
return;
}
console.log(email);
var url = "validation.php?e=" + email.value;
console.log(url);
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
var response = xmlhttp.responseText;
console.log(response);
if(response === "true"){
document.getElementById("wrongEmail").style.display = "none";
document.getElementById("checkEmail").style.display = "block";
}
else {
document.getElementById("checkEmail").style.display = "none";
document.getElementById("wrongEmail").style.display = "block";
}
}
}
xmlhttp.send();
}
}
\ No newline at end of file
login.php 0 → 100644
View file @ ec045d67
<?php
require_once('includes/config.php');
if(isset($_POST["submit"])){
$username = $_POST["username"];
$password = $_POST["password"];
$sql = "SELECT ID, username, password FROM users WHERE username = '$username' limit 1";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) > 0){
while($row = mysqli_fetch_assoc($result)) {
$ID = $row["ID"];
$passwordconf = $row["password"];
}
if($password !== $passwordconf){
echo "<script>alert('Wrong password!')</script>";
}
else {
$_SESSION["id_active"] = $row["ID"];
header('Location: profile.php?id_active=' . $ID);
exit;
}
}
else {
echo "<script>alert('User not exist!')</script>";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Halaman Login</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/auth.css">
</head>
<body>
<div class="apps">
<div class="form-heading">
<div class="heading-left">
<hr>
</div>
<div class="heading-title">
LOGIN
</div>
<div class="heading-right">
<hr>
</div>
</div>
<div class="form-login">
<form action="" method="POST" autocomplete="off">
<div class="form-group">
<label for="username">Username </label>
<input id="username" type="text" name="username" placeholder="your username" required>
</div>
<div class="form-group">
<label for="password">Password </label>
<input id="password" type="password" name="password" placeholder="your password" pattern=".{5,10}" title="5 to 10 characters" required>
</div>
<div class="action">
<div class="register">
<a href="#">Don't have an account ?</a>
</div>
<div class="submit">
<input type="submit" name="submit" value="GO!">
</div>
</div>
</form>
</div>
</div>
</body>
</html>
orderojek.php 0 → 100644
View file @ ec045d67
<?php
require('includes/config.php');
if(isset($_POST["submit"]))) {
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Make an order</title>
<link rel="stylesheet" type="text/css" href="css/orderojek.css">
<script src="js/order.js"></script>
</head>
<body>
<div class="contentBox">
<div class="mainHeader">
<div class="header1">
<div class="title"><span class="title green">PR</span>-<span class=" title red">OJEK</span></div>
<div class="subtitle">wush... wush... ngeeeeeenggg...</div>
</div>
<div class="header2">
<div class="username">Hi, <span class="username bold">pikachu!</span></div>
<div class="logout">Logout</div>
</div>
</div>
<div>
<div class="menu active">ORDER</div>
<div class="menu">HISTORY</div>
<div class="menu">MY PROFILE</div>
</div>
<h1>MAKE AN ORDER</h1>
<div id="box_aktif">
<div class="stepBox active">
<div class="number">1</div>
<div class="step">Select Destination</div>
</div>
<div class="stepBox">
<span class="number">2</span>
<div class="step">Select a Driver</div>
</div>
<div class="stepBox">
<span class="number">3</span>
<div class="step">Complete your order</div>
</div>
<form id="menuAwal" action="orderojek.php" method="POST" class="form">
<div class="formBox">
<label for="pick" class="labelBox">Picking Point</label>
<input id="pick" class="inputBox" type="text" name="pickingPoint" id="pickingPoint" required>
</div>
<div class="formBox">
<label for="destiny" class="labelBox">Destination</label>
<input id="destiny" class="inputBox" type="text" name="destination" id="destination" required>
</div>
<div class="formBox">
<label for="preferred" class="labelBox">Preferred Driver</label>
<input id="preferred" class="inputBox" type="text" name="preferredDriver" placeholder="(optional)">
</div>
<input type="submit" name="submit" value="NEXT" onclick="next1()">
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
signup.php 0 → 100644
View file @ ec045d67
<?php
require('includes/config.php');
if(isset($_POST["submit"])){
if($_POST["password"] !== $_POST["password_conf"]){
echo "<script>alert('Your password is not match!')</script>";
}
else {
$name = $_POST["name"];
$username = $_POST["username"];
$email = $_POST["email"];
$password = $_POST["password"];
$phone_number = $_POST["phone"];
$driver = (!isset($_POST["driver"])) ? 0 : 1;
$sql = "INSERT INTO users (name, username, email, password, phone_number, driver)
VALUES ('$name', '$username', '$email', '$password', '$phone_number', $driver)";
if ($conn->query($sql) === TRUE) {
$sql = "SELECT ID FROM users WHERE username = '$username' LIMIT 1";
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)) {
$ID = $row["ID"];
}
if ($driver === 1){
$sql = "INSERT INTO drivers (ID, name)
VALUES ($ID,'$name')";
if($conn->query($sql) === TRUE){
echo "New driver record created successfully<br>";
}
}
header('Location: profile.php?id_active=' . $ID);
exit;
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Halaman Signup</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/auth.css">
</head>
<body>
<div class="apps">
<div class="form-heading">
<div class="heading-left">
<hr>
</div>
<div class="heading-title">
SIGNUP
</div>
<div class="heading-right">
<hr>
</div>
</div>
<div class="form-signup">
<form action="" method="POST" autocomplete="off">
<div class="form-group">
<label for="name">Your Name</label>
<input id="name" type="text" name="name" placeholder="your name" required>
</div>
<div class="form-group">
<label for="username">Username</label>
<input id="username" type="text" name="username" placeholder="your username" onfocusout="getUsernameValidation()" required> <span><i class="material-icons" id="checkUsername">check</i><i class="material-icons" id="wrongUsername">info</i></span>
</div>
<div class="form-group">
<label for="email">Email</label>
<input id="email" type="text" name="email" placeholder="your email" onfocusout="getEmailValidation()" required><span><i class="material-icons" id="checkEmail">check</i><i class="material-icons" id="wrongEmail">info</i></span>
</div>
<div class="form-group">
<label for="password">Password</label>
<input id="password" type="password" name="password" placeholder="your password" pattern=".{5,10}" title="5 to 10 characters" required>
</div>
<div class="form-group">
<label for="password_conf">Password Confirm</label>
<input id="password_conf" type="password" name="password_conf" placeholder="your password again" pattern=".{5,10}" title="5 to 10 characters" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input id="phone" type="text" name="phone" placeholder="your phone" required>
</div>
<input type="checkbox" name="driver" value="true"> Also sign me up as a driver!
<div class="action">
<div class="login">
<a href="#">Already have an account ?</a>
</div>
<div class="submit">
<input type="submit" name="submit" value="REGISTER">
</div>
</div>
</form>
</div>
</div>
<script src="js/validation.js"></script>
</body>
</html>