Skip to content
Snippets Groups Projects
Commit 67e7c1f2 authored by vanessrw's avatar vanessrw
Browse files

rapihin FE

parent c7468b34
No related merge requests found
<!-- Display Events -->
<h3>Event List:</h3>
<ul>
<?php foreach ($events as $event) : ?>
<li>
<?php
echo $event['event_id'] . ': ' . $event['event_stock'] . ', ' . $event['event_created_time'] . ', ' . $event['event_details'];
echo isset($event['gambar']) ? ', Image: <img src="' . $event['gambar'] . '" alt="Event Image">' : ''; // Display the image if available
?>
</li>
<?php endforeach; ?>
</ul>
<h3>User List:</h3>
<ul>
<?php foreach ($users as $user) : ?>
<li><?php echo $user['user_ID'] . ': ' . $user['user_name'] . ', ' . $user['username'] . ', ' . $user['user_email'] . ', ' . $user['user_hashedPass']; ?></li>
<?php endforeach; ?>
</ul>
\ No newline at end of file
<?php <?php
// home.php // home.php
session_start(); session_start();
var_dump($_POST); // var_dump($_POST);
// require_once './app/EventController.php'; // require_once './app/EventController.php';
require_once './app/Controllers/PembelianController.php'; require_once './app/Controllers/PembelianController.php';
require_once './app/Controllers/TicketController.php'; require_once './app/Controllers/TicketController.php';
...@@ -122,114 +122,130 @@ $users = $userController->getAllUsers(); ...@@ -122,114 +122,130 @@ $users = $userController->getAllUsers();
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CRUD Test</title> <title>CRUD Test</title>
<link rel="stylesheet" type="text/css" href="./styles/global.css">
<link rel="stylesheet" type="text/css" href="./styles/navbar.css">
<link rel="stylesheet" type="text/css" href="./styles/form.css">
</head> </head>
<body> <body>
<h1>CRUD Test</h1> <!-- Navbar -->
<div class="navbar">
<div class="navbar-toggle" onclick="toggleMenu()"></div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">History</a></li>
<!-- Logout Button -->
<li>
<form method="post" action="home.php">
<button type="submit" name="userAction" value="logout">Logout</button>
</form>
</li>
</ul>
</div>
<h1>EDIT DATA</h1>
<!-- Event CRUD Form --> <!-- Event CRUD Form -->
<h2>Events</h2> <div class="event-form">
<form method="post" action="home.php"> <h2>Events</h2>
<!-- Create Event --> <!-- Create Event -->
<form method="post" action="home.php" enctype="multipart/form-data"> <form method="post" action="home.php" enctype="multipart/form-data">
<label>Create Event:</label> <label>Create Event:</label>
<input type="text" name="stock" placeholder="Stock"> <input type="text" name="stock" placeholder="Stock">
<input type="datetime-local" name="createdTime"> <input type="datetime-local" name="createdTime">
<input type="text" name="details" placeholder="Details"> <input type="text" name="details" placeholder="Details">
<!-- Drag-and-drop area for image upload --> <!-- Drag-and-drop area for image upload -->
<div id="drop-area-create"> <div id="drop-area-create">
<p>Drag and drop an image file here or click to select one.</p> <p>Drag and drop an image file here or click to select one.</p>
<input type="file" id="file-input-create" name="gambar" accept="image/*"> <input type="file" id="file-input-create" name="gambar" accept="image/*">
</div> </div>
<button type="submit" name="action" value="createEvent">Create</button> <button type="submit" name="action" value="createEvent">Create</button>
</form> </form>
<!-- Update Event -->
<!-- Update Event --> <form method="post" action="home.php" enctype="multipart/form-data">
<form method="post" action="home.php" enctype="multipart/form-data"> <label>Update Event:</label>
<label>Update Event:</label> <input type="text" name="eventIdUpdate" placeholder="Event ID">
<input type="text" name="eventIdUpdate" placeholder="Event ID"> <input type="text" name="eventStock" placeholder="Stock">
<input type="text" name="eventStock" placeholder="Stock"> <input type="datetime-local" name="eventCreatedTime">
<input type="datetime-local" name="eventCreatedTime"> <input type="text" name="eventDetails" placeholder="Details">
<input type="text" name="eventDetails" placeholder="Details">
<!-- Drag-and-drop area for image upload -->
<!-- Drag-and-drop area for image upload --> <div id="drop-area-update">
<div id="drop-area-update"> <p>Drag and drop an image file here or click to select one.</p>
<p>Drag and drop an image file here or click to select one.</p> <input type="file" id="file-input-update" name="gambar" accept="image/*">
<input type="file" id="file-input-update" name="gambar" accept="image/*"> </div>
</div>
<button type="submit" name="action" value="updateEvent">Update</button>
<button type="submit" name="action" value="updateEvent">Update</button> </form>
</form>
<form method="post" action="home.php"> <form method="post" action="home.php">
<!-- Delete Event --> <!-- Delete Event -->
<label>Delete Event:</label> <label>Delete Event:</label>
<input type="text" name="eventIdDelete" placeholder="Event ID"> <input type="text" name="eventIdDelete" placeholder="Event ID">
<button type="submit" name="action" value="deleteEvent">Delete</button> <button type="submit" name="action" value="deleteEvent">Delete</button>
</form> </form>
</div>
<!-- User CRUD Form --> <!-- User CRUD Form -->
<h2>Users</h2> <div class="user-form">
<form method="post" action="home.php"> <h2>Users</h2>
<!-- Create User --> <!-- Create User -->
<label>Create User:</label> <form method="post" action="home.php">
<input type="text" name="userName" placeholder="Name"> <label>Create User:</label>
<input type="text" name="userUsername" placeholder="Username"> <input type="text" name="userName" placeholder="Name">
<input type="email" name="userEmail" placeholder="Email"> <input type="text" name="userUsername" placeholder="Username">
<input type="password" name="userPassword" placeholder="Password"> <input type="email" name="userEmail" placeholder="Email">
<input type="checkbox" name="isAdmin" value="1"> Admin <input type="password" name="userPassword" placeholder="Password">
<button type="submit" name="userAction" value="createUser">Create</button> <input type="checkbox" name="isAdmin" value="1"> Admin
<button type="submit" name="userAction" value="createUser">Create</button>
</form>
<!-- Update User --> <!-- Update User -->
<label>Update User:</label> <form method="post" action="home.php">
<input type="text" name="userIdUpdate" placeholder="User ID"> <label>Update User:</label>
<input type="text" name="userNameUpdate" placeholder="Name"> <input type="text" name="userIdUpdate" placeholder="User ID">
<input type="text" name="userUsernameUpdate" placeholder="Username"> <input type="text" name="userNameUpdate" placeholder="Name">
<input type="email" name="userEmailUpdate" placeholder="Email"> <input type="text" name="userUsernameUpdate" placeholder="Username">
<input type="password" name="userPasswordUpdate" placeholder="Password"> <input type="email" name="userEmailUpdate" placeholder="Email">
<input type="checkbox" name="isAdminUpdate" value="1"> Admin <input type="password" name="userPasswordUpdate" placeholder="Password">
<button type="submit" name="userAction" value="updateUser">Update</button> <input type="checkbox" name="isAdminUpdate" value="1"> Admin
<button type="submit" name="userAction" value="updateUser">Update</button>
</form>
<!-- Delete User --> <!-- Delete User -->
<label>Delete User:</label> <form method="post" action="home.php">
<input type="text" name="userIdDelete" placeholder="User ID"> <label>Delete User:</label>
<button type="submit" name="userAction" value="deleteUser">Delete</button> <input type="text" name="userIdDelete" placeholder="User ID">
<button type="submit" name="userAction" value="deleteUser">Delete</button>
<!-- login --> </form>
<label>login:</label>
<input type="email" name="loginUsername" placeholder="mail"> <!-- Login -->
<input type="password" name="loginPassword" placeholder="Password"> <form method="post" action="home.php">
<button type="submit" name="userAction" value="login">login</button> <label>Login:</label>
<input type="email" name="loginUsername" placeholder="Email">
<!-- logout --> <input type="password" name="loginPassword" placeholder="Password">
<label>Logout:</label> <button type="submit" name="userAction" value="login">Login</button>
<button type="submit" name="userAction" value="logout">logout</button> </form>
</form> </div>
<!-- Display Events --> <div class="footer">
<h3>Event List:</h3> &copy; <?php echo date("Y"); ?> Ticket Ku. All rights reserved.
<ul> </div>
<?php foreach ($events as $event) : ?>
<li> <script defer>
<?php function toggleMenu() {
echo $event['event_id'] . ': ' . $event['event_stock'] . ', ' . $event['event_created_time'] . ', ' . $event['event_details']; const navbar = document.querySelector('.navbar ul');
echo isset($event['gambar']) ? ', Image: <img src="' . $event['gambar'] . '" alt="Event Image">' : ''; // Display the image if available navbar.classList.toggle('show');
?> }
</li> </script>
<?php endforeach; ?>
</ul>
<h3>User List:</h3>
<ul>
<?php foreach ($users as $user) : ?>
<li><?php echo $user['user_ID'] . ': ' . $user['user_name'] . ', ' . $user['username'] . ', ' . $user['user_email'] . ', ' . $user['user_hashedPass']; ?></li>
<?php endforeach; ?>
</ul>
</body> </body>
</html> </html>
...@@ -18,22 +18,28 @@ ...@@ -18,22 +18,28 @@
<body> <body>
<div class="index"> <div class="index">
<nav class="navbar"> <!-- Navbar -->
<div class="navbar-toggle" onclick="toggleMenu()"></div> <div class="navbar">
<ul> <div class="navbar-toggle" onclick="toggleMenu()"></div>
<li><a href="#">Home</a></li> <ul>
<li><a href="#">Events</a></li> <li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li> <li><a href="#">Events</a></li>
<li><a href="#">History</a></li> <li><a href="#">Profile</a></li>
</ul> <li><a href="#">History</a></li>
<!-- Logout Button -->
<script defer> <li>
function toggleMenu() { <form method="post" action="home.php">
const navbar = document.querySelector('.navbar ul'); <button type="submit" name="userAction" value="logout">Logout</button>
navbar.classList.toggle('show'); </form>
} </li>
</script> </ul>
</nav> </div>
<script defer>
function toggleMenu() {
const navbar = document.querySelector('.navbar ul');
navbar.classList.toggle('show');
}
</script>
<div class="hero"> <div class="hero">
<img src="./assets/Hero.png" alt="Hero Image"> <img src="./assets/Hero.png" alt="Hero Image">
......
/* Add this to your global.css or create a new CSS file */
.event-form,
.user-form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.event-form form,
.user-form form {
margin-bottom: 20px;
}
.event-form label,
.user-form label {
display: block;
margin-bottom: 8px;
}
.event-form input,
.user-form input,
.event-form button,
.user-form button {
margin-bottom: 15px;
}
.event-form #drop-area-create,
.event-form #drop-area-update,
.user-form #drop-area-create,
.user-form #drop-area-update {
margin-bottom: 15px;
padding: 10px;
border: 2px dashed #ccc;
border-radius: 8px;
text-align: center;
}
.event-form img,
.user-form img {
max-width: 350px;
max-height: 350px;
margin-top: 10px;
border: 1px solid #ccc;
border-radius: 8px;
}
/* Additional styling can be added based on your preference */
body, h1, h2, h3, p, img, button { body, h1, h2, h3, p, img{
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
...@@ -11,7 +11,7 @@ body { ...@@ -11,7 +11,7 @@ body {
.hero { .hero {
position: relative; position: relative;
width: -webkit-fill-available; width: 100%;
height: 250px; height: 250px;
z-index: -1; z-index: -1;
} }
...@@ -33,44 +33,50 @@ body { ...@@ -33,44 +33,50 @@ body {
font-size: xxx-large; font-size: xxx-large;
} }
.index {
text-align: center;
margin: 0 auto; /* Center the .index content horizontally */
max-width: 800px; /* Adjust the maximum width as needed */
padding: 20px; /* Add some padding for better spacing */
}
.footer { .footer {
background-color: navy; background-color: navy;
color: white; color: white;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
position: inherit; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 43px; height: 43px;
} }
div.index div.events {
text-align: center;
margin-top: 20px;
}
div.index div.events li {
margin-bottom: 100px;
}
.index .button { .index .button {
position: absolute; position: absolute;
right: 2%; right: 2%;
width: 100px; top: 10px;
margin-top: 10px;
} }
.button { .button {
background-color: rgb(255, 0, 47); background-color: rgb(255, 0, 47);
padding: 10px 24px; padding: 10px 24px;
border-radius: 50px; border-radius: 50px;
cursor: pointer; cursor: pointer;
transition: 0.3s; transition: 0.3s;
width: fit-content; display: inline-block; /* Adjust display property for proper centering */
height: fit-content;
display: flex;
align-items: center;
justify-content: center;
/* z-index: 9999; */
text-decoration: none; text-decoration: none;
color: white; color: white;
} }
.button a {
text-decoration: none;
color: white;
}
.button:hover { .button:hover {
background-color: rgb(255, 156, 171); background-color: rgb(255, 156, 171);
color: white; color: white;
...@@ -79,3 +85,8 @@ body { ...@@ -79,3 +85,8 @@ body {
.button:active { .button:active {
background-color: rgb(240, 63, 96); background-color: rgb(240, 63, 96);
} }
.events {
text-align: center; /* Center text within the .events container */
margin-top: 20px;
}
...@@ -3,11 +3,14 @@ ...@@ -3,11 +3,14 @@
.navbar { .navbar {
background-color: #333; background-color: #333;
overflow: hidden; overflow: hidden;
position: relative;
z-index: 999999;
} }
.navbar ul { .navbar ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
margin-right: 30px;
padding: 0; padding: 0;
display: flex; display: flex;
justify-content: flex-end; /* Align items to the right */ justify-content: flex-end; /* Align items to the right */
...@@ -30,6 +33,25 @@ ...@@ -30,6 +33,25 @@
background-color: #555; background-color: #555;
} }
/* Adjustments for the Logout button */
.navbar form {
margin: 0;
}
.navbar .navbar-toggle form button {
background: none;
border: none;
padding: 15px;
text-decoration: none;
color: rgb(201, 7, 7);
cursor: pointer;
font-family: Arial, sans-serif; /* Adjust font family */
}
.navbar form button:hover {
background-color: #555;
}
/* Responsive version */ /* Responsive version */
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.navbar ul { .navbar ul {
...@@ -44,6 +66,7 @@ ...@@ -44,6 +66,7 @@
.navbar ul.show { .navbar ul.show {
display: flex; /* Show the menu when active */ display: flex; /* Show the menu when active */
z-index: 9999999;
} }
.navbar li { .navbar li {
...@@ -64,5 +87,6 @@ ...@@ -64,5 +87,6 @@
padding: 15px; padding: 15px;
cursor: pointer; cursor: pointer;
color: white; color: white;
background-color: #333;
} }
} }
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