From 0acbf1fc36b337e1af34c0287efbe0fcec7dc10e Mon Sep 17 00:00:00 2001
From: jason <13521008@std.stei.itb.ac.id>
Date: Sun, 8 Oct 2023 19:59:29 +0700
Subject: [PATCH] feat: add navbar and css for history nambahin navbar untuk
history ongoing sama done
---
app/views/historytravelplan(done).php | 43 +++++
app/views/historytravelplan(ongoing).php | 43 +++++
app/views/login.php | 2 +-
app/views/navbar.php | 12 ++
public/css/addplace.css | 18 +++
public/css/changeinformation.css | 191 ++++++++++++-----------
public/css/dashboard.css | 111 +++++++------
public/css/editplace.css | 18 +++
public/css/infotempatwisata.css | 95 ++++++-----
public/css/konfirmasipesanan.css | 95 ++++++-----
public/css/landingpage.css | 130 ++++++++++-----
public/css/listplace.css | 95 ++++++-----
public/css/pilihedit.css | 121 ++++++++------
public/css/profileinformation.css | 191 ++++++++++++-----------
public/css/reservationmenu.css | 191 ++++++++++++-----------
public/css/reviewmenu.css | 17 ++
public/css/travelplan.css | 117 ++++++++------
17 files changed, 929 insertions(+), 561 deletions(-)
create mode 100644 app/views/historytravelplan(done).php
create mode 100644 app/views/historytravelplan(ongoing).php
diff --git a/app/views/historytravelplan(done).php b/app/views/historytravelplan(done).php
new file mode 100644
index 0000000..bb7b09b
--- /dev/null
+++ b/app/views/historytravelplan(done).php
@@ -0,0 +1,43 @@
+<?php
+ session_start();
+ $_SESSION['Role'] = "admin";
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link rel="stylesheet" href="../../public/css/travelplan.css">
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet">
+ <title>Travelution</title>
+</head>
+<body>
+ <?php include 'navbar.php'; ?>
+ <div class="createtravelplan">
+ <h1>Done Travel Plan</h1>
+ <div class="listrencanaperjalanan">
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 1</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 2</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 3</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/historytravelplan(ongoing).php b/app/views/historytravelplan(ongoing).php
new file mode 100644
index 0000000..f271769
--- /dev/null
+++ b/app/views/historytravelplan(ongoing).php
@@ -0,0 +1,43 @@
+<?php
+ session_start();
+ $_SESSION['Role'] = "admin";
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link rel="stylesheet" href="../../public/css/travelplan.css">
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet">
+ <title>Travelution</title>
+</head>
+<body>
+ <?php include 'navbar.php'; ?>
+ <div class="createtravelplan">
+ <h1>Ongoing Travel Plan</h1>
+ <div class="listrencanaperjalanan">
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 1</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 2</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ <div class="box-rencanaperjalanan">
+ <a href="konfirmasi-pesanan">
+ <label id="travelplan">Rencana Perjalanan 3</label>
+ <h2>19 Januari 2024 - 25 Januari 2024</h2>
+ </a>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/login.php b/app/views/login.php
index 567a73a..313667f 100644
--- a/app/views/login.php
+++ b/app/views/login.php
@@ -16,7 +16,7 @@
<input type="text" name="username" id="username" placeholder="Username">
<h2>Password:</h2>
<input type="password" name="password" id="password" placeholder="Password">
- <p>Belum punya akun, <a href="signup.php">daftar dulu</a></p>
+ <p>Belum punya akun, <a href="signup">daftar dulu</a></p>
<button type="submit" name="submit" id="submit" onclick="login(event)">Login</button>
<!-- <div class="login">
<h1>Login Menu</h1>
diff --git a/app/views/navbar.php b/app/views/navbar.php
index 05005e1..242362e 100644
--- a/app/views/navbar.php
+++ b/app/views/navbar.php
@@ -18,6 +18,12 @@
<li><a href="list-akomodasi">Akomodasi</a></li>
</ul>
</li>
+ <li><a href="#">History</a>
+ <ul class="historydropdown">
+ <li><a href="history-ongoing">Ongoing</a></li>
+ <li><a href="history-done">Done</a></li>
+ </ul>
+ </li>
<li><a href="create-travel-plan">TravelPlan</a></li>
<li><a href="dashboard">Home</a></li>
<li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li>
@@ -39,6 +45,12 @@
<li><a href="list-akomodasi">Akomodasi</a></li>
</ul>
</li>
+ <li><a href="#">History</a>
+ <ul class="historydropdown">
+ <li><a href="history-ongoing">Ongoing</a></li>
+ <li><a href="history-done">Done</a></li>
+ </ul>
+ </li>
<li><a href="create-travel-plan">TravelPlan</a></li>
<li><a href="dashboard">Home</a></li>
<li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li>
diff --git a/public/css/addplace.css b/public/css/addplace.css
index d09d7e1..250a6ac 100644
--- a/public/css/addplace.css
+++ b/public/css/addplace.css
@@ -50,6 +50,17 @@ display: none;
display: none;
}
+.navbar ul li ul.historydropdown li{
+ display: block;
+}
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
.navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
@@ -98,6 +109,13 @@ margin-left: -161px;
margin-top: -1px;
margin-left: -140px;
}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
.adddestination {
width: 90%;
height: 80%;
diff --git a/public/css/changeinformation.css b/public/css/changeinformation.css
index 5fc2ff2..799be71 100644
--- a/public/css/changeinformation.css
+++ b/public/css/changeinformation.css
@@ -5,99 +5,116 @@ body{
}
.navbar{
- position: relative;
- z-index: 100000;
- }
-
- .navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
-
- .navbar ul li ul.profiledropdown li{
- display: block;
- }
-
- .navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar ul li ul.profiledropdownadmin li{
+ position: relative;
+ z-index: 100000;
+}
+
+.navbar ul {
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
display: block;
- }
-
- .navbar ul li ul.profiledropdownadmin{
- width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
- }
-
- .navbar ul li ul.menudropdown li{
- display: block;
- }
-
- .navbar ul li ul.menudropdown{
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
- }
-
- .navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
- }
-
- .navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
- }
-
- .navbar li a:hover {
- background-color: #111;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- }
-
- .navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
-
- .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+ display: block;
+}
+
+.navbar ul li ul.menudropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+ display: block;
+}
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar li {
+ font-family: 'Montserrat', sans-serif;
+ float: right;
+}
+
+.navbar li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
+}
+
+.navbar li img {
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
+}
+
+.navbar li a:hover {
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
.profile-user-info {
width: 45%;
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index a57e1f8..dcd0693 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -8,26 +8,27 @@ body{
}
.navbar{
- position: relative;
+ position: relative;
+ z-index: 100000;
}
.navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
.navbar ul li ul.profiledropdown li{
- display: block;
+ display: block;
}
.navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
+ position: absolute;
+ z-index: 999;
+ display: none;
}
.navbar ul li ul.profiledropdownadmin li{
@@ -42,60 +43,80 @@ body{
}
.navbar ul li ul.menudropdown li{
- display: block;
+ display: block;
}
.navbar ul li ul.menudropdown{
- float: left;
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+ display: block;
}
-
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
.navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
+ font-family: 'Montserrat', sans-serif;
+ float: right;
}
-
+
.navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
}
.navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
-}
-
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
+}
+
.navbar li a:hover {
- background-color: #111;
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
}
.navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
+ margin-left: -140px;
}
-.navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.maintitle {
diff --git a/public/css/editplace.css b/public/css/editplace.css
index d09d7e1..250a6ac 100644
--- a/public/css/editplace.css
+++ b/public/css/editplace.css
@@ -50,6 +50,17 @@ display: none;
display: none;
}
+.navbar ul li ul.historydropdown li{
+ display: block;
+}
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
.navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
@@ -98,6 +109,13 @@ margin-left: -161px;
margin-top: -1px;
margin-left: -140px;
}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
.adddestination {
width: 90%;
height: 80%;
diff --git a/public/css/infotempatwisata.css b/public/css/infotempatwisata.css
index 37e1807..270e4bf 100644
--- a/public/css/infotempatwisata.css
+++ b/public/css/infotempatwisata.css
@@ -5,9 +5,9 @@ body{
.navbar{
position: relative;
z-index: 100000;
-}
-
-.navbar ul {
+ }
+
+ .navbar ul {
width: auto;
list-style-type: none;
margin-left: -8px;
@@ -15,53 +15,64 @@ body{
overflow: hidden;
background-color: rgb(99, 0, 108);
}
-
-.navbar ul li ul.profiledropdown li{
+
+ .navbar ul li ul.profiledropdown li{
display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+ }
+
+ .navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+ }
+
+ .navbar ul li ul.profiledropdownadmin li{
display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+ }
+
+ .navbar ul li ul.profiledropdownadmin{
width: 220px;
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+ }
+
+ .navbar ul li ul.menudropdown li{
display: block;
-}
-
-.navbar ul li ul.menudropdown{
+ }
+
+ .navbar ul li ul.menudropdown{
width: 200px;
position: absolute;
z-index: 999;
display: none;
-}
+ }
+
+ .navbar ul li ul.historydropdown li{
+ display: block;
+ }
-.navbar li {
+ .navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+ }
+
+ .navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
}
-.navbar li a {
+ .navbar li a {
display: block;
color: white;
text-align: center;
padding: 22px 26px;
text-decoration: none;
}
-
-.navbar li img {
+
+ .navbar li img {
width: 95px;
height: 40px;
display: block;
@@ -69,33 +80,39 @@ body{
margin-top: 10px;
position: absolute;
left: 0;
-}
+ }
-.navbar li a:hover {
+ .navbar li a:hover {
background-color: #111;
}
-
-.navbar li:hover ul.menudropdown{
+
+ .navbar li:hover ul.menudropdown{
display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+ }
+
+ .navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+ }
+
+ .navbar li:hover ul.profiledropdownadmin{
display: block;
margin-top: -1px;
margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+ }
+
+ .navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
+ }
+
+ .navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+ }
.destination-picture{
position: flex;
diff --git a/public/css/konfirmasipesanan.css b/public/css/konfirmasipesanan.css
index ef916bb..7c3b31d 100644
--- a/public/css/konfirmasipesanan.css
+++ b/public/css/konfirmasipesanan.css
@@ -5,9 +5,9 @@ body{
.navbar{
position: relative;
z-index: 100000;
-}
-
-.navbar ul {
+ }
+
+ .navbar ul {
width: auto;
list-style-type: none;
margin-left: -8px;
@@ -15,53 +15,64 @@ body{
overflow: hidden;
background-color: rgb(99, 0, 108);
}
-
-.navbar ul li ul.profiledropdown li{
+
+ .navbar ul li ul.profiledropdown li{
display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+ }
+
+ .navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+ }
+
+ .navbar ul li ul.profiledropdownadmin li{
display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+ }
+
+ .navbar ul li ul.profiledropdownadmin{
width: 220px;
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+ }
+
+ .navbar ul li ul.menudropdown li{
display: block;
-}
-
-.navbar ul li ul.menudropdown{
+ }
+
+ .navbar ul li ul.menudropdown{
width: 200px;
position: absolute;
z-index: 999;
display: none;
-}
+ }
+
+ .navbar ul li ul.historydropdown li{
+ display: block;
+ }
-.navbar li {
+ .navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+ }
+
+ .navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
}
-.navbar li a {
+ .navbar li a {
display: block;
color: white;
text-align: center;
padding: 22px 26px;
text-decoration: none;
}
-
-.navbar li img {
+
+ .navbar li img {
width: 95px;
height: 40px;
display: block;
@@ -69,33 +80,39 @@ body{
margin-top: 10px;
position: absolute;
left: 0;
-}
+ }
-.navbar li a:hover {
+ .navbar li a:hover {
background-color: #111;
}
-
-.navbar li:hover ul.menudropdown{
+
+ .navbar li:hover ul.menudropdown{
display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+ }
+
+ .navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+ }
+
+ .navbar li:hover ul.profiledropdownadmin{
display: block;
margin-top: -1px;
margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+ }
+
+ .navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
+ }
+
+ .navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+ }
.konfirmasipemesanan h1{
font-family: 'Montserrat', sans-serif;
diff --git a/public/css/landingpage.css b/public/css/landingpage.css
index 7f584aa..f3f8139 100644
--- a/public/css/landingpage.css
+++ b/public/css/landingpage.css
@@ -8,59 +8,115 @@ body{
}
.navbar{
- position: relative;
- z-index: 100000;
+ position: relative;
+ z-index: 100000;
}
.navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
+ display: block;
+}
+
+.navbar ul li ul.profiledropdown{
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
.navbar ul li ul.menudropdown li{
- display: block;
+ display: block;
}
.navbar ul li ul.menudropdown{
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+ display: block;
}
-
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
.navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
- }
-
+ font-family: 'Montserrat', sans-serif;
+ float: right;
+}
+
.navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
- }
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
+}
.navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
-}
-
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
+}
+
.navbar li a:hover {
- background-color: #111;
- }
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
.navbar li:hover ul.menudropdown{
- display: block;
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.maintitle {
diff --git a/public/css/listplace.css b/public/css/listplace.css
index 278848d..67d3890 100644
--- a/public/css/listplace.css
+++ b/public/css/listplace.css
@@ -5,9 +5,9 @@ body{
.navbar{
position: relative;
z-index: 100000;
-}
-
-.navbar ul {
+ }
+
+ .navbar ul {
width: auto;
list-style-type: none;
margin-left: -8px;
@@ -15,53 +15,64 @@ body{
overflow: hidden;
background-color: rgb(99, 0, 108);
}
-
-.navbar ul li ul.profiledropdown li{
+
+ .navbar ul li ul.profiledropdown li{
display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+ }
+
+ .navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+ }
+
+ .navbar ul li ul.profiledropdownadmin li{
display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+ }
+
+ .navbar ul li ul.profiledropdownadmin{
width: 220px;
position: absolute;
z-index: 999;
display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+ }
+
+ .navbar ul li ul.menudropdown li{
display: block;
-}
-
-.navbar ul li ul.menudropdown{
+ }
+
+ .navbar ul li ul.menudropdown{
width: 200px;
position: absolute;
z-index: 999;
display: none;
-}
+ }
+
+ .navbar ul li ul.historydropdown li{
+ display: block;
+ }
-.navbar li {
+ .navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+ }
+
+ .navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
}
-.navbar li a {
+ .navbar li a {
display: block;
color: white;
text-align: center;
padding: 22px 26px;
text-decoration: none;
}
-
-.navbar li img {
+
+ .navbar li img {
width: 95px;
height: 40px;
display: block;
@@ -69,33 +80,39 @@ body{
margin-top: 10px;
position: absolute;
left: 0;
-}
+ }
-.navbar li a:hover {
+ .navbar li a:hover {
background-color: #111;
}
-
-.navbar li:hover ul.menudropdown{
+
+ .navbar li:hover ul.menudropdown{
display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+ }
+
+ .navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+ }
+
+ .navbar li:hover ul.profiledropdownadmin{
display: block;
margin-top: -1px;
margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+ }
+
+ .navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
margin-left: -140px;
-}
+ }
+
+ .navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+ }
.listdestination{
display: flex;
diff --git a/public/css/pilihedit.css b/public/css/pilihedit.css
index 40d4536..62396ee 100644
--- a/public/css/pilihedit.css
+++ b/public/css/pilihedit.css
@@ -3,98 +3,115 @@ body{
}
.navbar{
- position: relative;
- z-index: 100000;
+ position: relative;
+ z-index: 100000;
}
.navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
.navbar ul li ul.profiledropdown li{
- display: block;
+ display: block;
}
.navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
+ position: absolute;
+ z-index: 999;
+ display: none;
}
.navbar ul li ul.profiledropdownadmin li{
- display: block;
+display: block;
}
.navbar ul li ul.profiledropdownadmin{
- width: 220px;
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+ display: block;
+}
+
+.navbar ul li ul.menudropdown{
+ width: 200px;
position: absolute;
z-index: 999;
display: none;
}
-.navbar ul li ul.menudropdown li{
- display: block;
+.navbar ul li ul.historydropdown li{
+ display: block;
}
-.navbar ul li ul.menudropdown{
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
}
-
+
.navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
- }
-
+ font-family: 'Montserrat', sans-serif;
+ float: right;
+}
+
.navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
- }
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
+}
.navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
}
-
+
.navbar li a:hover {
- background-color: #111;
- }
+ background-color: #111;
+}
.navbar li:hover ul.menudropdown{
- display: block;
+ display: block;
}
.navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
+ margin-left: -140px;
}
-.navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.listdestination{
diff --git a/public/css/profileinformation.css b/public/css/profileinformation.css
index d1af5b3..24b3d00 100644
--- a/public/css/profileinformation.css
+++ b/public/css/profileinformation.css
@@ -5,99 +5,116 @@ body{
}
.navbar{
- position: relative;
- z-index: 100000;
- }
-
- .navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
-
- .navbar ul li ul.profiledropdown li{
- display: block;
- }
-
- .navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar ul li ul.profiledropdownadmin li{
+ position: relative;
+ z-index: 100000;
+}
+
+.navbar ul {
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
display: block;
- }
-
- .navbar ul li ul.profiledropdownadmin{
- width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
- }
-
- .navbar ul li ul.menudropdown li{
- display: block;
- }
-
- .navbar ul li ul.menudropdown{
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
- }
-
- .navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
- }
-
- .navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
- }
-
- .navbar li a:hover {
- background-color: #111;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- }
-
- .navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
-
- .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+ display: block;
+}
+
+.navbar ul li ul.menudropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+ display: block;
+}
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar li {
+ font-family: 'Montserrat', sans-serif;
+ float: right;
+}
+
+.navbar li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
+}
+
+.navbar li img {
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
+}
+
+.navbar li a:hover {
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
.profileinfo {
width: 40%;
diff --git a/public/css/reservationmenu.css b/public/css/reservationmenu.css
index 6c6ae5f..5304451 100644
--- a/public/css/reservationmenu.css
+++ b/public/css/reservationmenu.css
@@ -5,99 +5,116 @@ body{
}
.navbar{
- position: relative;
- z-index: 100000;
- }
-
- .navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
-
- .navbar ul li ul.profiledropdown li{
- display: block;
- }
-
- .navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar ul li ul.profiledropdownadmin li{
+ position: relative;
+ z-index: 100000;
+}
+
+.navbar ul {
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
display: block;
- }
-
- .navbar ul li ul.profiledropdownadmin{
- width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
position: absolute;
z-index: 999;
display: none;
- }
-
- .navbar ul li ul.menudropdown li{
- display: block;
- }
-
- .navbar ul li ul.menudropdown{
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
- }
-
- .navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
- }
-
- .navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
- }
-
- .navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
- }
-
- .navbar li a:hover {
- background-color: #111;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- }
-
- .navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
-
- .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+ display: block;
+}
+
+.navbar ul li ul.menudropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+ display: block;
+}
+
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+}
+
+.navbar li {
+ font-family: 'Montserrat', sans-serif;
+ float: right;
+}
+
+.navbar li a {
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
+}
+
+.navbar li img {
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
+}
+
+.navbar li a:hover {
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
- }
-
- .navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
- }
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+}
.reservasimenu {
width: 30%;
diff --git a/public/css/reviewmenu.css b/public/css/reviewmenu.css
index 4202f53..dd8c1cb 100644
--- a/public/css/reviewmenu.css
+++ b/public/css/reviewmenu.css
@@ -48,6 +48,17 @@ body{
display: none;
}
+ .navbar ul li ul.historydropdown li{
+ display: block;
+ }
+
+ .navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
+ }
+
.navbar li {
font-family: 'Montserrat', sans-serif;
float: right;
@@ -97,6 +108,12 @@ body{
margin-left: -140px;
}
+ .navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
+ }
+
.reviewplaces h1 {
font-family: 'Montserrat', sans-serif;
font-size: 50px;
diff --git a/public/css/travelplan.css b/public/css/travelplan.css
index 3a8fbae..7f4e274 100644
--- a/public/css/travelplan.css
+++ b/public/css/travelplan.css
@@ -3,94 +3,115 @@ body{
}
.navbar{
- position: relative;
+ position: relative;
+ z-index: 100000;
}
.navbar ul {
- width: auto;
- list-style-type: none;
- margin-left: -8px;
- margin-top: -8px;
- overflow: hidden;
- background-color: rgb(99, 0, 108);
- }
+ width: auto;
+ list-style-type: none;
+ margin-left: -8px;
+ margin-top: -8px;
+ overflow: hidden;
+ background-color: rgb(99, 0, 108);
+}
.navbar ul li ul.profiledropdown li{
- display: block;
+ display: block;
}
.navbar ul li ul.profiledropdown{
- position: absolute;
- z-index: 999;
- display: none;
+ position: absolute;
+ z-index: 999;
+ display: none;
}
.navbar ul li ul.profiledropdownadmin li{
- display: block;
+display: block;
}
.navbar ul li ul.profiledropdownadmin{
- width: 220px;
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+ display: block;
+}
+
+.navbar ul li ul.menudropdown{
+ width: 200px;
position: absolute;
z-index: 999;
display: none;
}
-.navbar ul li ul.menudropdown li{
- display: block;
+.navbar ul li ul.historydropdown li{
+ display: block;
}
-.navbar ul li ul.menudropdown{
- float: left;
- width: 200px;
- position: absolute;
- z-index: 999;
- display: none;
+.navbar ul li ul.historydropdown{
+ width: 200px;
+ position: absolute;
+ z-index: 999;
+ display: none;
}
-
+
.navbar li {
- font-family: 'Montserrat', sans-serif;
- float: right;
+ font-family: 'Montserrat', sans-serif;
+ float: right;
}
-
+
.navbar li a {
- display: block;
- color: white;
- text-align: center;
- padding: 22px 26px;
- text-decoration: none;
+ display: block;
+ color: white;
+ text-align: center;
+ padding: 22px 26px;
+ text-decoration: none;
}
.navbar li img {
- width: 95px;
- height: 40px;
- display: block;
- margin-left: 5px;
- margin-top: 10px;
- position: absolute;
- left: 0;
+ width: 95px;
+ height: 40px;
+ display: block;
+ margin-left: 5px;
+ margin-top: 10px;
+ position: absolute;
+ left: 0;
}
-
+
.navbar li a:hover {
- background-color: #111;
+ background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+ display: block;
}
.navbar li:hover ul.profiledropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
display: block;
margin-top: -1px;
- margin-left: -161px;
+ margin-left: -140px;
}
-.navbar li:hover ul.menudropdown{
- display: block;
- margin-top: -1px;
- margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+ display: block;
+ margin-top: -1px;
+ margin-left: -140px;
}
.createtravelplan h1{
--
GitLab