Загрузить файлы в «engine/template»
This commit is contained in:
parent
eeadacc4a5
commit
6fd057c468
@ -1,50 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tailwind Admin Panel</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<style>
|
||||
/* Add any custom styles here */
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-100">
|
||||
|
||||
<div class="flex">
|
||||
<!-- Sidebar -->
|
||||
<aside class="bg-gray-800 text-white w-64">
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold">Admin Panel</h2>
|
||||
</div>
|
||||
<ul class="p-4">
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Dashboard</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Users</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Products</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a></li>
|
||||
</ul>
|
||||
<div class="p-4 mt-auto">
|
||||
<button id="logoutButton" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
|
||||
Logout
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="flex-grow p-4">
|
||||
<h1 class="text-3xl font-bold mb-4">Dashboard</h1>
|
||||
<!-- Your main content here -->
|
||||
<p>Welcome to the admin panel!</p>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('logoutButton').addEventListener('click', function() {
|
||||
// Add your logout logic here (e.g., redirect to login page)
|
||||
alert('You are logged out!');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tailwind Admin Panel</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<style>
|
||||
/* Add any custom styles here */
|
||||
</style>
|
||||
</head>
|
||||
<body class="bg-gray-100">
|
||||
|
||||
<div class="flex">
|
||||
<!-- Sidebar -->
|
||||
<aside class="bg-gray-800 text-white w-64">
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold">Admin Panel</h2>
|
||||
</div>
|
||||
<ul class="p-4">
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Dashboard</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Users</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Products</a></li>
|
||||
<li class="mb-2"><a href="#" class="block px-4 py-2 hover:bg-gray-700">Settings</a></li>
|
||||
</ul>
|
||||
<div class="p-4 mt-auto">
|
||||
<button id="logoutButton" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
|
||||
Logout
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- Main Content -->
|
||||
<main class="flex-grow p-4">
|
||||
<h1 class="text-3xl font-bold mb-4">Dashboard</h1>
|
||||
<!-- Your main content here -->
|
||||
<p>Welcome to the admin panel!</p>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('logoutButton').addEventListener('click', function() {
|
||||
// Add your logout logic here (e.g., redirect to login page)
|
||||
alert('You are logged out!');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
13
engine/template/form_file_upload.html
Normal file
13
engine/template/form_file_upload.html
Normal file
@ -0,0 +1,13 @@
|
||||
|
||||
Тип кодирования данных, enctype, требуется указывать только так, как показывает пример
|
||||
<form enctype="multipart/form-data" action="file_upload.php" method="POST">
|
||||
Поле MAX_FILE_SIZE требуется указывать перед полем загрузки файла
|
||||
<input type="hidden" name="MAX_FILE_SIZE" value="3000000" />
|
||||
Название элемента input определяет название элемента в суперглобальном массиве $_FILES
|
||||
Отправить файл: <input name="userfile" type="file" />
|
||||
<input type="submit" value="Отправить файл" />
|
||||
</form>
|
||||
|
||||
<label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="file_input">Upload file</label>
|
||||
<input class="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400" aria-describedby="file_input_help" id="file_input" type="file" value="Отправить файл">
|
||||
<p class="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">SVG, PNG, JPG or GIF (MAX. 800x400px).</p>
|
||||
44
engine/template/login.html
Normal file
44
engine/template/login.html
Normal file
@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Tailwind CSS 3 Login Page With border Style</title>
|
||||
<link rel="stylesheet" href="./css/styles.css">
|
||||
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="relative flex flex-col justify-center min-h-screen overflow-hidden">
|
||||
<div class="w-full p-6 m-auto bg-white border-t-4 border-purple-600 rounded-md shadow-md border-top lg:max-w-md">
|
||||
<h1 class="text-3xl font-semibold text-center text-purple-700">LOGO</h1>
|
||||
<form class="mt-6" action="login.php" method="post">
|
||||
<div>
|
||||
<label for="email" class="block text-sm text-gray-800">Email</label>
|
||||
<input type="email"
|
||||
class="block w-full px-4 py-2 mt-2 text-purple-700 bg-white border rounded-md focus:border-purple-400 focus:ring-purple-300 focus:outline-none focus:ring focus:ring-opacity-40" name="login">
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<div>
|
||||
<label for="password" class="block text-sm text-gray-800">Password</label>
|
||||
<input type="password"
|
||||
class="block w-full px-4 py-2 mt-2 text-purple-700 bg-white border rounded-md focus:border-purple-400 focus:ring-purple-300 focus:outline-none focus:ring focus:ring-opacity-40" name="password">
|
||||
</div>
|
||||
<a href="#" class="text-xs text-gray-600 hover:underline">Forget Password?</a>
|
||||
<div class="mt-6">
|
||||
<button
|
||||
class="w-full px-4 py-2 tracking-wide text-white transition-colors duration-200 transform bg-purple-700 rounded-md hover:bg-purple-600 focus:outline-none focus:bg-purple-600">
|
||||
Login
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<p class="mt-8 text-xs font-light text-center text-gray-700"> Don't have an account? <a href="#"
|
||||
class="font-medium text-purple-600 hover:underline">Sign up</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user